:root{color:#17201c;font-synthesis:none;background:#f2f4ef;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.shell{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border-bottom:1px solid #d9ddd5;justify-content:space-between;align-items:center;height:72px;padding:0 5vw;display:flex}.brand{color:inherit;align-items:center;gap:12px;font-weight:700;text-decoration:none;display:flex}.brand-mark{color:#fff;letter-spacing:.08em;background:#1e624b;border-radius:10px;place-items:center;width:36px;height:36px;font-size:13px;display:grid}main{background:radial-gradient(circle at 10% 10%,#dbece3 0,#0000 32%),radial-gradient(circle at 88% 78%,#e6e0c9 0,#0000 30%);place-items:center;padding:56px 20px;display:grid}.auth-card,.status-card{background:#ffffffeb;border:1px solid #2f483c26;border-radius:24px;width:min(100%,520px);padding:44px;box-shadow:0 24px 64px #1b2c231f}.portal-home{width:min(1180px,100%)}.portal-summary,.section-heading,.card-heading,.credential-card{justify-content:space-between;align-items:center;gap:24px;display:flex}.portal-summary{margin-bottom:28px}.developer-dashboard{gap:28px;display:grid}.dashboard-section{background:#fffffff0;border:1px solid #2f483c26;border-radius:20px;padding:30px;box-shadow:0 18px 48px #1b2c2314}.dashboard-section h2,.dashboard-section h3{margin:0}.dashboard-section h2{font:500 30px/1.2 Georgia,Times New Roman,serif}.count-badge,.stage-badge{color:#245d48;background:#dceee5;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.product-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:24px;display:grid}.product-card,.credential-card,.secret-panel{background:#fff;border:1px solid #dce2dc;border-radius:14px;padding:22px}.product-code{color:#39765d;letter-spacing:.06em;margin:0 0 6px;font-size:12px;font-weight:800}.compact-list{margin:20px 0}.compact-list div{padding:9px 0}.doc-link{color:#1e624b;font-weight:750}.credential-form{grid-template-columns:1fr auto;align-items:end;margin:24px 0}.credential-list{gap:12px;display:grid}.bill-list{gap:12px;margin-top:24px;display:grid}.bill-card{background:#fff;border:1px solid #dce2dc;border-radius:14px;padding:22px}.query-list{gap:12px;margin-top:24px;display:grid}.query-card,.query-detail{background:#fff;border:1px solid #dce2dc;border-radius:14px;padding:22px}.query-card,.query-actions{justify-content:space-between;align-items:center;gap:18px;display:flex}.query-card h3,.query-detail h3{overflow-wrap:anywhere}.query-actions{flex-wrap:wrap;justify-content:flex-end}.query-detail{border-color:#95b7a5;margin-top:20px}.material-list,.status-list{gap:10px;padding:0;list-style:none;display:grid}.material-list li,.status-list li{background:#f3f6f2;border-radius:10px;gap:5px;padding:12px;display:grid}.material-list code{overflow-wrap:anywhere}.archive-boundary{color:#6f5619;background:#fff7da;border-radius:10px;margin:18px 0 0;padding:12px}.credential-card code{overflow-wrap:anywhere;margin-top:8px;display:inline-block}.credential-card .muted{margin-bottom:0}.credential-actions{flex-wrap:wrap;gap:8px;display:flex}.credential-actions button{padding:8px 12px}.secondary-button{color:#225540;background:#e4eee8}.secondary-button:hover:not(:disabled){background:#d4e5dc}.danger-button{color:#7d2929;background:#f5dfdf}.danger-button:hover:not(:disabled){background:#edcece}.secret-panel{background:#fff9e8;border-color:#d2af4f;margin:20px 0}.secret-panel code{overflow-wrap:anywhere;background:#fff;border-radius:8px;margin:16px 0;padding:14px;display:block}.empty-state{color:#647069;margin-top:24px}.eyebrow{color:#39765d;letter-spacing:.13em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:800}h1{margin:0 0 14px;font-family:Georgia,Times New Roman,serif;font-size:clamp(32px,5vw,44px);font-weight:500;line-height:1.08}.muted{color:#647069;line-height:1.7}form{gap:18px;margin-top:28px;display:grid}label{gap:8px;font-size:14px;font-weight:650;display:grid}.agreement-check{grid-template-columns:auto 1fr;align-items:start;gap:10px;font-weight:500;line-height:1.55}.agreement-check input{width:auto;margin-top:4px}.agreement-check a{color:#1e624b;font-weight:750}input,select{color:#17201c;background:#fff;border:1px solid #bdc8c1;border-radius:10px;outline:none;width:100%;padding:13px 14px}input:focus,select:focus{border-color:#297256;box-shadow:0 0 0 3px #29725624}button{color:#fff;background:#1e624b;border:0;border-radius:10px;padding:13px 18px;font-weight:750}button:hover:not(:disabled){background:#164c3a}button:disabled{cursor:wait;opacity:.6}.text-button{color:#315c4b;background:0 0;padding:6px 0}.mock-badge{color:#7c5f13;background:#fff4cc;border-radius:999px;width:fit-content;margin:0;padding:5px 9px;font-size:12px;font-weight:800}.error{color:#9e2f2f;margin:18px 0 0;font-weight:650}.global-error{background:#fff;border-radius:8px;padding:12px 16px;position:fixed;bottom:30px;box-shadow:0 10px 30px #0000001a}.status-card{text-align:center}.status-icon{color:#fff;background:#b38d30;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 22px;font-size:26px;font-weight:800;display:grid}.status-card[data-status=CONFIRMED] .status-icon{background:#1e7655}.status-card[data-status=SUSPENDED] .status-icon{background:#a34040}dl{text-align:left;border-top:1px solid #e0e4de;margin:28px 0}dl div{border-bottom:1px solid #e0e4de;justify-content:space-between;gap:20px;padding:14px 0;display:flex}dt{color:#6b756f}dd{margin:0;font-weight:700}code{font-size:12px}footer{color:#6f7872;text-align:center;padding:20px;font-size:12px}.loading{color:#466154}@media (width<=600px){.auth-card,.status-card{border-radius:18px;padding:30px 24px}.topbar{padding:0 20px}.query-card{flex-direction:column;align-items:stretch}.query-actions{justify-content:space-between}.portal-summary,.section-heading,.credential-card{flex-direction:column;align-items:flex-start}.credential-form{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}