@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--ink:#19231e;--muted:#738078;--line:#e7ebe8;--paper:#f5f7f4;--white:#fff;--forest:#163f32;--forest2:#0f3026;--mint:#b9f4d7;--lime:#dbf86e;--amber:#fff0b2;--blue:#d9ebff;--danger:#d75045;--shadow:0 18px 55px rgba(31,54,44,.09)}
.form-grid textarea{width:100%;padding:11px 12px;border-radius:10px;border:1px solid #dfe5e1;outline:none;background:#fbfcfb;resize:vertical;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.form-grid textarea:focus{border-color:#5b8c75;box-shadow:0 0 0 3px rgba(91,140,117,.12)}.badge.pending_approval{background:#fff2c9;color:#8c6715}.badge.approved{background:#e6f0ff;color:#315e9b}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans','Noto Sans SC',sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;padding:30px 20px 22px;background:var(--forest2);color:#fff;display:flex;flex-direction:column;z-index:20}.logo{display:flex;align-items:center;gap:12px;padding:0 8px 36px}.logo>div:last-child{display:flex;flex-direction:column}.logo strong{font-size:16px;letter-spacing:-.2px}.logo span{font-size:9px;letter-spacing:2.8px;color:#9dc4b5}.brand-mark{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:var(--lime);color:var(--forest2);font-size:23px;font-weight:700;box-shadow:0 10px 30px rgba(219,248,110,.18)}.brand-mark.small{width:39px;height:39px;border-radius:12px;font-size:19px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{border:0;background:transparent;color:#9fb9af;text-align:left;border-radius:12px;padding:12px 14px;font-weight:600;transition:.2s}.nav-item:hover{color:#fff;background:rgba(255,255,255,.05)}.nav-item.active{background:#fff;color:var(--forest2);box-shadow:0 8px 26px rgba(0,0,0,.15)}.nav-icon{width:29px;display:inline-block;font-size:17px}.sidebar-foot{margin-top:auto}.security-chip{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);border-radius:14px;padding:12px;display:flex;gap:10px;align-items:center}.security-chip div{display:flex;flex-direction:column}.security-chip strong{font-size:12px}.security-chip span:last-child{color:#86aa9c;font-size:10px;margin-top:2px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#67dc9b;box-shadow:0 0 0 5px rgba(103,220,155,.12)}.text-button{border:0;background:transparent;color:#86aa9c;padding:17px 12px 0;font-size:12px}.content{grid-column:2;padding:34px 42px 60px;max-width:1600px;width:100%;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#7a8c82;margin:0 0 6px}.topbar h1{margin:0;font-size:28px;letter-spacing:-1px}.top-actions{display:flex;align-items:center;gap:10px}.clock{font-size:12px;color:var(--muted);margin-right:8px}.primary,.secondary{border-radius:11px;border:1px solid var(--line);padding:10px 15px;font-weight:600;transition:.2s}.primary{background:var(--forest);color:#fff;border-color:var(--forest);box-shadow:0 8px 18px rgba(22,63,50,.16)}.primary:hover{background:#205744;transform:translateY(-1px)}.secondary{background:#fff;color:var(--ink)}.secondary:hover{border-color:#b9c5be}.primary:disabled,.secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.button-spark{color:var(--lime)}.view{display:none}.view.active{display:block}.metrics{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:14px;margin-bottom:14px}.metric-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 21px;min-height:156px;box-shadow:0 7px 25px rgba(31,54,44,.035)}.metric-card p{margin:12px 0 3px;color:var(--muted);font-size:12px;font-weight:600}.metric-card strong{font-size:30px;letter-spacing:-1.3px;display:block}.metric-card>span{font-size:11px;color:#98a39d}.metric-card.featured{background:var(--forest);color:white;border-color:transparent}.metric-card.featured p{color:#a9c4b9;margin-top:0}.metric-card.featured strong{font-size:42px}.metric-card.featured>span{color:#9fb9af}.metric-orbit{position:absolute;width:150px;height:150px;border:35px solid rgba(219,248,110,.16);border-radius:50%;right:-45px;bottom:-80px}.metric-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:700}.metric-icon.mint{background:var(--mint)}.metric-icon.amber{background:var(--amber)}.metric-icon.blue{background:var(--blue)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 7px 25px rgba(31,54,44,.035)}.accounts-panel,.activity-panel{padding:22px}.panel-head,.section-toolbar{display:flex;justify-content:space-between;align-items:center}.panel-head{margin-bottom:15px}.panel-head h2,.section-toolbar h2{margin:0;font-size:17px}.link-button,.icon-button{border:0;background:transparent;color:#557066;font-size:12px;font-weight:600}.icon-button{font-size:18px}.account-list{display:flex;flex-direction:column}.account-row{display:grid;grid-template-columns:44px minmax(0,1fr) 100px 130px auto;align-items:center;gap:12px;padding:14px 4px;border-top:1px solid #edf0ee}.account-row:first-child{border-top:0}.avatar{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#e1f4e9;color:#245c46;font-weight:700;text-transform:uppercase}.account-main{min-width:0}.account-main strong,.account-main span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-main strong{font-size:13px}.account-main span{font-size:11px;color:var(--muted);margin-top:3px}.workspace-count{font-size:11px;color:var(--muted)}.badge{justify-self:start;border-radius:50px;padding:5px 9px;font-size:10px;font-weight:700;background:#edf0ee;color:#647269}.badge.success{background:#def6e8;color:#26734c}.badge.failed{background:#ffe8e5;color:#a63f36}.badge.running,.badge.queued{background:#fff2c9;color:#8c6715}.row-actions{display:flex;gap:6px}.mini-button{border:1px solid var(--line);background:white;border-radius:9px;padding:7px 9px;font-size:11px;font-weight:600}.mini-button:hover{border-color:#9cac9f}.activity-item{position:relative;padding:10px 0 12px 22px;border-left:1px solid #dce3df;margin-left:5px}.activity-item:before{content:'';position:absolute;width:9px;height:9px;background:#b8c3bd;border:3px solid white;border-radius:50%;left:-5px;top:14px}.activity-item.success:before{background:#62cf91}.activity-item.failed:before{background:#dd675c}.activity-item.running:before,.activity-item.queued:before{background:#e8b93f}.activity-item strong{font-size:12px}.activity-item p{margin:3px 0;color:var(--muted);font-size:10px}.download-link{color:#245d48;font-size:11px;font-weight:700;text-decoration:none}.empty{padding:35px 15px;text-align:center;color:#98a39d;font-size:12px}.section-toolbar{margin:7px 0 20px}.section-toolbar p{margin:5px 0 0;color:var(--muted);font-size:12px}.mailbox-groups{display:grid;gap:14px}.mailbox-card{padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px}.mailbox-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--line)}.mailbox-title{display:flex;align-items:center;gap:12px}.mail-icon{width:40px;height:40px;border-radius:12px;background:var(--amber);display:grid;place-items:center}.mailbox-title strong,.mailbox-title span{display:block}.mailbox-title strong{font-size:14px}.mailbox-title span{font-size:11px;color:var(--muted);margin-top:2px}.mailbox-accounts{padding-top:7px}.mailbox-empty{padding:20px;text-align:center;color:var(--muted);font-size:12px}.job-table{overflow:hidden}.job-row{display:grid;grid-template-columns:70px 110px minmax(140px,.6fr) minmax(200px,1fr) 150px;align-items:center;gap:15px;padding:16px 20px;border-top:1px solid var(--line);font-size:12px}.job-row.header{border-top:0;background:#f9faf9;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.6px}.job-progress{height:6px;background:#edf0ee;border-radius:10px;overflow:hidden;margin-bottom:4px}.job-progress span{height:100%;display:block;background:#66d397}.job-log-button{border:0;background:transparent;padding:0;color:#406558;font-size:11px;text-align:left}.modal{position:fixed;inset:0;display:none;z-index:100}.modal.open{display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:rgba(12,29,23,.5);backdrop-filter:blur(5px)}.modal-card{position:relative;width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 50px);overflow:auto;background:#fff;border-radius:20px;padding:27px;box-shadow:0 30px 100px rgba(0,0,0,.25)}.modal-close{position:absolute;right:17px;top:15px;border:0;background:#f1f3f2;width:30px;height:30px;border-radius:50%;font-size:20px;color:#66736c}.modal h2{margin:0 0 6px;font-size:21px}.modal .intro{color:var(--muted);font-size:12px;margin:0 0 22px}.form-grid{display:grid;gap:14px}.form-grid label{display:grid;gap:7px;font-size:11px;font-weight:700}.form-grid input,.form-grid select{width:100%;padding:11px 12px;border-radius:10px;border:1px solid #dfe5e1;outline:none;background:#fbfcfb}.form-grid input:focus,.form-grid select:focus{border-color:#5b8c75;box-shadow:0 0 0 3px rgba(91,140,117,.12)}.field-note{font-weight:400;color:var(--muted);line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:21px}.log-box{background:#10271f;color:#b7cfc5;border-radius:12px;padding:15px;white-space:pre-wrap;max-height:420px;overflow:auto;font:11px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.toast-root{position:fixed;right:24px;bottom:24px;z-index:200;display:grid;gap:8px}.toast{min-width:260px;max-width:380px;background:#173e31;color:#fff;border-radius:12px;padding:12px 15px;box-shadow:var(--shadow);font-size:12px;animation:toastin .25s ease}.toast.error{background:#8f382f}@keyframes toastin{from{transform:translateY(8px);opacity:0}}.login-page{min-height:100vh;background:#0c2c22;color:#fff;overflow:hidden}.login-page:before{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px}.ambient{position:fixed;border-radius:50%;filter:blur(1px)}.ambient-a{width:480px;height:480px;background:rgba(185,244,215,.08);top:-250px;left:-100px}.ambient-b{width:420px;height:420px;background:rgba(219,248,110,.08);bottom:-270px;right:-90px}.login-shell{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(360px,1fr) 420px;gap:9vw;align-items:center;max-width:1120px;margin:auto;padding:55px}.login-brand h1{font-size:52px;line-height:1.05;letter-spacing:-2.8px;margin:20px 0}.login-brand h1 span{color:var(--lime)}.login-copy{color:#a4c0b5;max-width:520px;line-height:1.8;font-size:14px}.trust-row{display:flex;gap:24px;margin-top:35px;color:#84a89a;font-size:11px}.trust-row span:before{content:'✓';color:var(--lime);margin-right:7px}.glass{background:rgba(255,255,255,.97);color:var(--ink);border:1px solid rgba(255,255,255,.3);box-shadow:0 35px 100px rgba(0,0,0,.28)}.login-card{border-radius:24px;padding:34px}.login-card-head{display:flex;align-items:center;gap:10px;color:#5f7269;font-size:10px;font-weight:700;letter-spacing:1px}.login-card h2{font-size:27px;margin:30px 0 6px}.login-card>p{color:var(--muted);font-size:12px}.login-card form{margin-top:27px}.login-card label{display:block;font-weight:700;font-size:11px;margin-bottom:8px}.password-wrap{position:relative}.password-wrap input{width:100%;border:1px solid #dce3df;padding:13px 58px 13px 13px;border-radius:11px;outline:none}.password-wrap input:focus{border-color:#5e927a;box-shadow:0 0 0 3px rgba(94,146,122,.12)}.reveal{position:absolute;right:7px;top:7px;border:0;background:#eef2ef;border-radius:7px;padding:6px 8px;font-size:10px}.wide{width:100%;display:flex;justify-content:space-between;margin-top:10px;padding:13px 15px}.form-error{height:18px;color:var(--danger)!important;margin:6px 0 0;font-size:11px!important}.login-note{text-align:center;margin:18px 0 0!important;font-size:10px!important}.confirm-list{background:#f5f7f5;border-radius:12px;padding:12px 15px;font-size:12px;line-height:1.8}.danger-text{color:var(--danger)}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.clock{display:none}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;width:auto;height:72px;padding:13px 16px;flex-direction:row;align-items:center}.logo{padding:0;margin-right:auto}.logo span,.sidebar-foot,.logo strong{display:none}.sidebar nav{flex-direction:row}.nav-item{font-size:0;padding:10px}.nav-icon{width:auto;font-size:20px}.content{padding:24px 16px}.topbar{align-items:flex-start}.top-actions .secondary{display:none}.topbar h1{font-size:23px}.metrics{grid-template-columns:1fr 1fr}.metric-card{min-height:135px;padding:17px}.account-row{grid-template-columns:40px minmax(0,1fr) auto}.workspace-count,.account-row>.badge{display:none}.job-row{grid-template-columns:50px 90px 1fr}.job-row>*:nth-child(4),.job-row>*:nth-child(5){display:none}.login-shell{grid-template-columns:1fr;padding:25px;max-width:500px}.login-brand{display:none}}@media(max-width:450px){.metrics{grid-template-columns:1fr}.top-actions .primary{font-size:0}.top-actions .primary span{font-size:14px}.login-card{padding:25px}}
.token-summary{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.token-state{font-size:9px;font-weight:700;padding:2px 6px;border-radius:20px;background:#edf0ee;color:#647269}.token-state.valid{background:#def6e8;color:#26734c}.token-state.invalid,.token-state.expired,.token-state.restricted{background:#ffe8e5;color:#a63f36}.token-state.check_failed{background:#fff2c9;color:#8c6715}.mobile-token-state{display:none}.icon-mini-button{width:30px;height:30px;padding:0;display:grid;place-items:center}
@media(max-width:760px){.workspace-count.token-summary{display:none}.mobile-token-state{display:inline-flex;margin-top:5px}}
.registration-confirm{display:flex!important;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:9px!important}.registration-confirm input{width:16px!important;height:16px;margin:0}.registration-confirm span{font-weight:500;line-height:1.4}
.registration-slot{display:flex;justify-content:space-between;align-items:center;gap:12px}.registration-slot b{font-size:10px;color:#647269}.registration-slot b.success{color:#26734c}.registration-slot b.failed{color:#a63f36}.registration-slot b.running{color:#8c6715}
.settings-section{display:grid;gap:13px;margin:0;padding:15px;border:1px solid var(--line);border-radius:8px}.settings-section legend{padding:0 6px;color:#3d5e50;font-size:11px;font-weight:800}.settings-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toggle-setting{display:flex!important;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:9px!important}.toggle-setting input{width:16px!important;height:16px;margin:0}.toggle-setting span{font-weight:600;line-height:1.4}
.managed-security{display:inline-flex;width:max-content;margin-top:5px;padding:2px 6px;border-radius:4px;background:#edf0ee;color:#647269;font-size:9px;font-weight:700}.managed-security.ready{background:#def6e8;color:#26734c}.managed-security.failed,.managed-security.registration_failed{background:#ffe8e5;color:#a63f36}.managed-security.password_pending,.managed-security.totp_pending,.managed-security.pending{background:#fff2c9;color:#8c6715}.security-action{border-color:#d8b34a;color:#71570d}.credential-line{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:7px}.credential-line .icon-button{width:34px;height:34px;align-self:center}.credentials-view textarea{width:100%;resize:vertical;border:1px solid #dfe5e1;border-radius:8px;padding:10px;font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.totp-code{font:700 18px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:0}
@media(max-width:520px){.settings-columns{grid-template-columns:1fr}}

.manager-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 18px}.manager-metrics article{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:8px}.manager-metrics span{color:var(--muted);font-size:11px}.manager-metrics strong{font-size:25px;color:var(--ink)}.manager-toolbar{display:flex;align-items:end;gap:14px;padding:14px 16px;margin-bottom:14px}.manager-toolbar label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:700}.manager-toolbar input,.manager-toolbar select{min-width:160px;padding:9px 10px;border:1px solid #dfe5e1;border-radius:8px;background:#fbfcfb;outline:none}.manager-toolbar input:focus,.manager-toolbar select:focus{border-color:#5e927a;box-shadow:0 0 0 3px rgba(94,146,122,.12)}.selection-count{margin-left:auto;color:var(--muted);font-size:11px}.manager-table{overflow:auto}.manager-row{display:grid;grid-template-columns:minmax(220px,1.35fr) 155px minmax(140px,1fr) 170px 90px 70px;align-items:center;gap:14px;min-width:900px;padding:13px 18px;border-top:1px solid var(--line);font-size:11px}.manager-row.manager-header{border-top:0;background:#f9faf9;color:var(--muted);font-size:10px;font-weight:700}.manager-row label{display:flex;align-items:center;gap:9px}.manager-row input{width:15px;height:15px}.manager-account span{min-width:0}.manager-account strong,.manager-account small,.manager-row>span small{display:block}.manager-account strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manager-account small,.manager-row>span small{margin-top:4px;color:var(--muted);font-size:10px}.manager-code{font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1px}.redemption-state{display:inline-block;padding:4px 7px;border-radius:4px;font-size:10px}.redemption-state.normal{background:#def6e8;color:#26734c}.redemption-state.exported{background:#fff2c9;color:#8c6715}.redemption-state.used{background:#edf0ee;color:#647269}.redeem-panel{width:min(680px,100%);padding:24px}.redeem-panel textarea{min-height:160px;resize:vertical;font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.redeem-result{min-height:20px;margin-top:14px;color:var(--muted);font-size:12px}.redeem-result.success{color:#26734c}.redeem-result.failed{color:var(--danger)}.redeem-result.loading{color:#8c6715}
@media(max-width:760px){.manager-metrics{grid-template-columns:1fr}.manager-toolbar{align-items:stretch;flex-wrap:wrap}.manager-toolbar label{flex:1;min-width:130px}.manager-toolbar input,.manager-toolbar select{width:100%;min-width:0}.selection-count{margin-left:0;align-self:center}}
.workspace-target-list{display:grid;gap:8px}.workspace-target-list .registration-slot{padding:8px 0;border-bottom:1px solid var(--line)}.workspace-target-list .registration-slot:last-child{border-bottom:0}.workspace-target-list .registration-slot>span:first-child{min-width:0;flex:1}.workspace-target-list strong,.workspace-target-list small{display:block}.workspace-target-list small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px}.workspace-target-actions{display:flex!important;flex:0 0 auto;gap:6px}

.direct-card-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:14px}.direct-card-panel,.direct-card-result{padding:22px}.direct-card-form textarea{min-height:96px}.direct-card-actions{margin-top:6px}.direct-card-result-box{display:grid;gap:14px;font-size:12px}.direct-card-result-box label{display:grid;gap:7px;font-size:11px;font-weight:700}.direct-card-meta{display:grid;gap:7px;padding:12px 14px;background:#f7faf8;border:1px solid var(--line);border-radius:12px;color:var(--muted)}.direct-card-meta strong{color:var(--ink)}.direct-card-logs summary{cursor:pointer;font-size:11px;font-weight:700;color:#3d5e50;margin-bottom:8px}@media(max-width:1100px){.direct-card-grid{grid-template-columns:1fr}}
.stripe-card-field{display:grid;gap:7px}.stripe-card-field>span{font-size:11px;font-weight:700}.stripe-card-element{min-height:48px;padding:14px 12px;border:1px solid #dfe5e1;border-radius:10px;background:#fbfcfb;transition:.2s}.stripe-card-element.ready{border-color:#5b8c75;box-shadow:0 0 0 3px rgba(91,140,117,.12)}.stripe-card-element.error{border-color:#b94b42;box-shadow:0 0 0 3px rgba(185,75,66,.1)}.stripe-security-note{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.card-binding-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:6px}.bound-card-list{display:grid;gap:9px}.bound-card-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:#f7faf8}.bound-card-row strong{text-transform:capitalize}.bound-card-row span{color:var(--muted);font-size:11px}.bound-card-default{color:#26734c!important;font-weight:700}@media(max-width:680px){.card-binding-actions{flex-direction:column}.card-binding-actions button{width:100%}}