@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#18201d;background:#eef0eb;font-synthesis:none;--ink: #18201d;--muted: #68716c;--line: #d9ddd6;--paper: #fafbf8;--accent: #ff6b35;--forest: #183f35;--mint: #dff3e9}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}code{font-family:DM Mono,monospace}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);background:var(--forest)}.login-copy{color:#fff;padding:clamp(3rem,8vw,8rem);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 20% 20%,#2c6655 0,transparent 42%),linear-gradient(145deg,#173f35,#0e2822)}.login-copy h1{max-width:760px;font-size:clamp(3rem,6vw,6.5rem);line-height:.98;letter-spacing:-.065em;margin:1.5rem 0}.login-copy>p:last-child{max-width:640px;color:#c3d8cf;font-size:1.15rem;line-height:1.7}.brand-mark{width:44px;height:44px;display:grid;place-items:center;background:var(--accent);color:#1c231f;border-radius:12px 12px 12px 3px;font-weight:800;font-size:1.35rem}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;font-weight:700;color:#7c8882}.login-copy .eyebrow{color:#9bc5b6;margin-top:2rem}.login-card{margin:auto;width:min(430px,calc(100% - 3rem));padding:3rem;background:var(--paper);border-radius:24px;display:grid;gap:1.35rem;box-shadow:0 30px 80px #071b1660}.login-card h2,.section-heading h2{margin:.4rem 0 0;font-size:1.8rem;letter-spacing:-.04em}label{display:grid;gap:.5rem;font-size:.78rem;font-weight:700;color:#58625d}input{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;padding:.8rem .9rem;color:var(--ink);outline:none}input:focus{border-color:#2f6b59;box-shadow:0 0 0 3px #b8ddcf70}.primary{border:0;background:var(--accent);color:#231f1b;font-weight:800;border-radius:10px;padding:.9rem 1.1rem;box-shadow:0 8px 20px #ff6b3533}.primary:hover{background:#ff7d4d;transform:translateY(-1px)}.primary:disabled{opacity:.55;transform:none}.primary.compact{padding:.7rem 1rem}.alert{padding:.8rem 1rem;border-radius:9px;margin:0;font-size:.85rem}.alert.error{background:#fff0ed;color:#9a321d;border:1px solid #f2c1b7}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}aside{position:sticky;top:0;height:100vh;background:#142c26;color:#fff;padding:1.5rem;display:flex;flex-direction:column;gap:2.5rem}.brand{display:flex;gap:.8rem;align-items:center}.brand>div:last-child{display:grid}.brand strong{font-size:.95rem}.brand span{color:#8eaaa0;font-size:.72rem}nav{display:grid;gap:.35rem}nav button{border:0;background:transparent;color:#a9beb6;padding:.75rem;border-radius:9px;display:flex;justify-content:space-between;text-align:left}nav button.selected,nav button:hover{color:#fff;background:#24463c}nav span{color:#76958a}.aside-note{margin-top:auto;border:1px solid #315248;border-radius:12px;padding:1rem}.aside-note span{color:#7f9e93;text-transform:uppercase;font-size:.62rem;letter-spacing:.14em}.aside-note p{color:#b6c9c2;font-size:.76rem;line-height:1.55;margin:.6rem 0 0}.logout{border:0;background:transparent;color:#95afa5;text-align:left;padding:.4rem}.workspace{padding:2rem clamp(1.5rem,4vw,4rem) 4rem;overflow:hidden}.workspace>header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem}.workspace h1{margin:.35rem 0 0;font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.06em}.fleet-layout{display:grid;grid-template-columns:minmax(250px,.65fr) minmax(480px,1.35fr);gap:1.25rem;align-items:start}.customer-list{display:grid;gap:.55rem}.customer-list>button{position:relative;border:1px solid var(--line);background:#f7f8f5;border-radius:12px;padding:1rem;text-align:left;display:grid;gap:.8rem}.customer-list>button.selected{background:#fff;border-color:#7aa392;box-shadow:0 8px 30px #243c3312}.customer-list>button>div:first-child{display:flex;justify-content:space-between;gap:1rem}.customer-list code{color:#758079;font-size:.7rem}.customer-stats{display:flex;gap:1rem;color:#7b847f;font-size:.7rem}.dot{position:absolute;right:.8rem;bottom:.8rem;width:7px;height:7px;border-radius:50%;background:#a9afa9}.dot.active{background:#22a66f;box-shadow:0 0 0 4px #d9f2e7}.environment-actions{display:flex;justify-content:space-between;align-items:center;color:#727c76;font-size:.75rem;margin:0 .35rem .6rem}.environment-actions button,.key-list button{border:0;background:transparent;font-size:.75rem;font-weight:700}.danger-link{color:#b2442d!important}.customer-detail,.provision-form,.provision-result{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:1.5rem;box-shadow:0 16px 45px #27372f0a}.section-heading{display:flex;justify-content:space-between;align-items:flex-start}.status,.step-pill{padding:.4rem .65rem;border-radius:100px;background:#e9ece8;color:#65706a;text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;font-weight:800}.status.active{color:#176746;background:#dcf3e8}.usage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:1.5rem}.usage-grid article{padding:1rem;border:1px solid #e1e5df;border-radius:12px;display:grid;gap:.4rem}.usage-grid span,.usage-grid small{color:#7a847e;font-size:.68rem}.usage-grid strong{font-size:1.45rem;letter-spacing:-.05em}.quota{height:5px;background:#e8ebe7;border-radius:10px;overflow:hidden;margin:1rem 0 2rem}.quota div{height:100%;background:var(--accent)}.key-toolbar{display:flex;justify-content:space-between;gap:1rem;align-items:end;border-top:1px solid var(--line);padding-top:1.4rem}.key-toolbar h3,.form-section h3{margin:0;font-size:.95rem}.key-toolbar p{margin:.25rem 0 0;color:#87908a;font-size:.72rem}.key-create{display:flex;gap:.4rem}.key-create input{width:190px;padding:.55rem .7rem}.key-create button,.secret-card button{border:0;border-radius:8px;background:#1d493d;color:#fff;padding:.55rem .8rem}.key-list{display:grid;margin-top:.8rem}.key-list article{display:grid;grid-template-columns:1fr .8fr auto;align-items:center;gap:1rem;padding:.85rem .2rem;border-bottom:1px solid #e5e8e4}.key-list article>div{display:grid;gap:.25rem}.key-list code,.key-list span,.key-list small{font-size:.68rem;color:#77817b}.secret-card{margin:1rem 0;padding:1rem;border-radius:12px;background:#fff3df;border:1px solid #efc982;display:grid;grid-template-columns:1fr auto auto auto;gap:.75rem;align-items:center}.secret-card p{margin:.2rem 0 0;font-size:.7rem;color:#86693d}.secret-card code{overflow:auto;max-width:300px;font-size:.7rem}.ghost{background:transparent!important;color:#55615b!important;border:1px solid #cbd1cc!important}.provision-form{max-width:950px}.form-section{margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--line)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.field-grid .wide{grid-column:1 / -1}.provision-form>.primary{margin-top:1.3rem}.provision-result{margin-bottom:1.2rem;border-color:#8fbea9;background:#f4fbf7}.provision-result{display:grid;grid-template-columns:1fr 1.4fr auto;gap:1rem;align-items:center}.provision-result h2{margin:.3rem 0}.provision-result p{color:#67756e;font-size:.8rem}.provision-result dl{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:0}.provision-result dl div{display:grid;gap:.2rem}.provision-result dt{color:#7c8982;font-size:.62rem;text-transform:uppercase}.provision-result dd{margin:0;font-size:.75rem;overflow:auto}.empty{text-align:center;padding:3rem;color:#7e8782}@media(max-width:980px){.login-shell{grid-template-columns:1fr}.login-copy{min-height:42vh;padding:3rem}.login-copy h1{font-size:3rem}.login-card{margin:2rem auto}.app-shell{grid-template-columns:1fr}aside{position:static;height:auto;flex-direction:row;align-items:center;gap:1rem}aside nav{display:flex;margin-left:auto}.aside-note{display:none}.fleet-layout,.provision-result{grid-template-columns:1fr}}@media(max-width:620px){.workspace>header{align-items:flex-start;gap:1rem}.workspace>header .primary{display:none}.usage-grid,.field-grid{grid-template-columns:1fr}.field-grid .wide{grid-column:auto}.key-toolbar,.environment-actions{align-items:stretch;flex-direction:column}.key-create{flex-direction:column}.key-create input{width:100%}.key-list article{grid-template-columns:1fr auto}.key-list article>div:nth-child(2){display:none}.secret-card{grid-template-columns:1fr}aside{flex-wrap:wrap}aside nav{order:3;width:100%}}