:root{--ink:#142326;--muted:#667477;--paper:#f5f7f6;--white:#fff;--line:#dfe6e3;--nav:#102527;--nav-2:#173235;--green:#19a974;--cyan:#53d8cf;--amber:#e6a743;--red:#c84545;--shadow:0 16px 42px #18303114}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0;font-family:Avenir Next,Segoe UI,system-ui,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}h1,h2,.metric-card>strong{font-family:Avenir Next,Segoe UI,sans-serif}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.login-page{background:#fff;grid-template-columns:minmax(360px,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.login-story{color:#fff;background:radial-gradient(circle at 78% 8%,#53d8cf3b,#0000 25rem),linear-gradient(145deg,#102527 0%,#17383a 64%,#0f2527 100%);flex-direction:column;justify-content:space-between;min-height:100vh;padding:48px clamp(42px,7vw,104px);display:flex;position:relative;overflow:hidden}.login-story:after{content:"";border:1px solid #53d8cf47;border-radius:50%;width:440px;height:440px;position:absolute;bottom:-190px;right:-210px;box-shadow:0 0 0 70px #53d8cf06,0 0 0 140px #53d8cf05}.brand-lockup{z-index:1;letter-spacing:.17em;align-items:center;gap:12px;font:700 13px/1 Avenir Next,Segoe UI,sans-serif;display:flex;position:relative}.brand-lockup b{color:var(--cyan)}.brand-mark{color:#0e2a2c;background:var(--cyan);border-radius:12px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 24px #53d8cf2e}.story-copy{z-index:1;max-width:670px;position:relative}.eyebrow{color:#138a75;letter-spacing:.18em;text-transform:uppercase;margin-bottom:13px;font:700 11px/1 Avenir Next,Segoe UI,sans-serif;display:block}.eyebrow.light{color:var(--cyan)}.story-copy h1{letter-spacing:-.045em;max-width:650px;font-size:clamp(42px,5.5vw,74px);line-height:1.04}.story-copy p{color:#bed0d0;max-width:580px;margin-top:24px;font-size:18px;line-height:1.7}.security-note{z-index:1;color:#aac1c2;align-items:center;gap:10px;font-size:13px;display:flex;position:relative}.login-panel{place-items:center;padding:46px;display:grid}.login-form{width:min(100%,440px)}.login-heading{margin-bottom:36px}.login-heading h2{letter-spacing:-.04em;font-size:38px}.login-heading p{color:var(--muted);margin-top:9px}.login-form>label{margin-bottom:20px;display:block}.login-form label>span{margin-bottom:9px;font-size:13px;font-weight:700;display:block}.login-form input{width:100%;height:52px;color:var(--ink);background:#fbfcfc;border:1px solid #cad5d1;border-radius:10px;outline:none;padding:0 15px;transition:all .15s}.login-form input:focus{background:#fff;border-color:#178a7d;box-shadow:0 0 0 4px #178a7d1a}.password-input{position:relative}.password-input input{padding-right:50px}.password-input button{width:38px;height:38px;color:var(--muted);background:0 0;border:0;position:absolute;top:7px;right:7px}.primary-button,.secondary-button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 16px;font-size:13px;font-weight:700;transition:all .16s;display:inline-flex}.primary-button{color:#fff;background:#167e72;box-shadow:0 7px 18px #167e722b}.primary-button:hover{background:#116e64;transform:translateY(-1px)}.login-form>.primary-button{width:100%;min-height:54px;margin-top:6px;font-size:14px}.primary-button.compact{min-height:42px}.secondary-button{color:#304245;background:#fff;border-color:#d6dfdc}.secondary-button:hover{background:#fafcfb;border-color:#95aaa6}.form-error{color:#a33333;background:#fff2f1;border:1px solid #f1cfcb;border-radius:8px;margin:-5px 0 17px;padding:11px 13px;font-size:13px}.session-copy{text-align:center;color:#7a8789;margin-top:17px;font-size:12px}.console-shell{min-height:100vh;display:flex}.sidebar{z-index:40;color:#dce8e8;background:radial-gradient(circle at 20% 0,#53d8cf1f,transparent 16rem),linear-gradient(180deg,var(--nav-2),var(--nav));border-right:1px solid #ffffff0f;flex-direction:column;width:256px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-head{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:76px;padding:0 22px;display:flex}.sidebar .brand-mark{border-radius:10px;width:36px;height:36px}.nav-list{flex:1;padding:18px 13px;overflow:auto}.nav-heading{color:#7e999a;letter-spacing:.15em;text-transform:uppercase;margin:20px 12px 8px;font:700 10px/1 Avenir Next,Segoe UI,sans-serif}.nav-heading:first-child{margin-top:3px}.nav-group{display:block}.nav-list a{color:#a9bdbd;border-radius:8px;align-items:center;gap:12px;min-width:0;height:43px;padding:0 12px;font-size:13px;font-weight:600;line-height:1.2;transition:all .15s;display:flex}.nav-list a svg{flex:none}.nav-list a span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-list a:hover{color:#fff;background:#ffffff0e}.nav-list a.active{color:#fff;box-shadow:inset 3px 0 var(--cyan);background:#53d8cf21}.nav-list a.active svg{color:var(--cyan)}.sidebar-account{border-top:1px solid #ffffff12;grid-template-columns:38px 1fr 34px;align-items:center;gap:10px;padding:16px;display:grid}.avatar{color:#0f3031;background:var(--cyan);border-radius:10px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.sidebar-account div:nth-child(2){min-width:0}.sidebar-account strong,.sidebar-account span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.sidebar-account strong{color:#fff;font-size:12px}.sidebar-account span{color:#86a0a1;text-transform:capitalize;margin-top:3px;font-size:10px}.icon-button{width:38px;height:38px;color:inherit;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.icon-button:hover{background:#ffffff12}.mobile-close,.menu-button{display:none}.console-main{width:calc(100% - 256px);margin-left:256px}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6;justify-content:space-between;align-items:center;height:76px;padding:0 34px;display:flex;position:sticky;top:0}.breadcrumbs{color:#829092;align-items:center;gap:8px;font-size:12px;display:flex}.breadcrumbs strong{color:#385053}.top-actions{align-items:center;gap:12px;display:flex}.global-search{color:#819092;background:#f9fbfa;border:1px solid #dce3e1;border-radius:8px;align-items:center;gap:8px;width:220px;height:38px;padding:0 11px;display:flex}.global-search input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.notification{color:#526265;position:relative}.notification i{box-sizing:content-box;background:#dd6d45;border:2px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.environment{color:#276b58;background:#eaf8f1;border:1px solid #d0ecdf;border-radius:99px;align-items:center;gap:7px;height:30px;padding:0 10px;font-size:11px;font-weight:700;display:flex}.environment span,.health-lines i{background:#26af76;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #26af761f}.workspace{padding:34px clamp(24px,3vw,48px) 58px}.page-stack{flex-direction:column;gap:24px;max-width:1480px;margin:auto;display:flex}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.page-heading h1{letter-spacing:-.035em;font-size:34px;line-height:1.15}.page-heading p{color:var(--muted);margin-top:8px;font-size:14px}.heading-actions{align-items:center;gap:10px;display:flex}.heading-actions select{color:#344649;background:#fff;border:1px solid #d6dfdc;border-radius:9px;outline:none;height:42px;padding:0 34px 0 13px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.metric-card{background:#fff;border:1px solid #e1e7e5;border-radius:12px;padding:21px;box-shadow:0 5px 17px #223c3c09}.metric-card-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.metric-icon{border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.tone-1{color:#167b70;background:#e4f6f2}.tone-2{color:#3a67a7;background:#e9f0fa}.tone-3{color:#8256a3;background:#f2eafa}.tone-4{color:#aa6b16;background:#fff3dc}.trend{color:#17845f;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.trend.down{color:#bd4c4c}.metric-card>strong{letter-spacing:-.04em;min-height:38px;font-size:30px;display:block}.metric-card h2{margin-top:3px;font:700 13px/1.3 Avenir Next,Segoe UI,sans-serif}.metric-card p{color:#879294;margin-top:5px;font-size:11px}.overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(310px,.8fr);gap:18px;display:grid}.panel{background:#fff;border:1px solid #e0e7e4;border-radius:12px;box-shadow:0 8px 26px #1f36360a}.panel-heading{border-bottom:1px solid #e9eeec;justify-content:space-between;align-items:center;padding:21px 22px;display:flex}.panel-heading .eyebrow{margin-bottom:8px}.panel-heading h2,.data-toolbar h2{letter-spacing:-.02em;font-size:17px}.live-dot{color:#24705e;text-transform:uppercase;letter-spacing:.08em;background:#e7f6ef;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:800}.attention-list>a{border-bottom:1px solid #edf1ef;grid-template-columns:40px 1fr 20px;align-items:center;gap:13px;min-height:82px;padding:14px 22px;display:grid}.attention-list>a:last-child{border:0}.attention-list>a:hover{background:#fbfcfc}.attention-list>a>svg{color:#91a09f}.attention-icon{border-radius:9px;place-items:center;width:40px;height:40px;display:grid}.attention-icon.amber{color:#9c6818;background:#fff2dc}.attention-icon.blue{color:#376899;background:#e8f1fa}.attention-icon.violet{color:#74518f;background:#f1eafa}.attention-list strong{font-size:13px;display:block}.attention-list p{color:#7c898b;margin-top:4px;font-size:11px}.health-panel{padding-bottom:18px}.health-panel .panel-heading{border:0;padding-bottom:5px}.health-score{align-items:center;gap:16px;padding:12px 22px 22px;display:flex}.score-ring{color:#137c68;background:conic-gradient(#30b88e 100%,#e5efeb 0);border-radius:50%;place-items:center;width:76px;height:76px;font:800 20px/1 Manrope,sans-serif;display:grid;position:relative}.score-ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:7px}.score-ring>*{z-index:1;position:relative}.score-ring span{z-index:1;margin-left:1px;font-size:10px;position:relative}.health-score strong{font-size:13px}.health-score p{color:#7c898b;margin-top:5px;font-size:11px;line-height:1.5}.health-lines{border-top:1px solid #edf1ef;margin:0 22px;padding-top:12px}.health-lines p{justify-content:space-between;padding:7px 0;font-size:11px;display:flex}.health-lines p span{color:#526366;align-items:center;gap:8px;display:flex}.health-lines b{color:#2b765f;font-size:10px}.notice{background:#fff;border:1px solid #e0e6e4;border-radius:10px;align-items:center;gap:12px;padding:13px 16px;display:flex}.notice>span{color:#b06b35}.notice strong{font-size:13px}.notice p{color:#7a8587;margin-top:2px;font-size:11px}.notice button{color:#197a6e;background:0 0;border:0;margin-left:auto;font-size:12px;font-weight:700}.summary-strip{color:#fff;box-shadow:var(--shadow);background:linear-gradient(110deg,#143133,#183b3c);border-radius:12px;grid-template-columns:repeat(4,1fr);padding:18px 22px;display:grid}.summary-strip>div{border-right:1px solid #ffffff1f;padding:2px 18px}.summary-strip>div:first-child{padding-left:0}.summary-strip>div:last-child{border:0}.summary-strip span{color:#93b1b2;text-transform:uppercase;letter-spacing:.09em;font-size:10px;display:block}.summary-strip strong{text-overflow:ellipsis;margin-top:7px;font:700 20px/1.2 Manrope,sans-serif;display:block;overflow:hidden}.data-panel{overflow:hidden}.data-toolbar{border-bottom:1px solid #e5ebe8;justify-content:space-between;align-items:center;gap:20px;min-height:80px;padding:16px 20px;display:flex}.data-toolbar p{color:#819092;margin-top:4px;font-size:11px}.table-actions{gap:8px;display:flex}.table-search{color:#819092;border:1px solid #dce4e1;border-radius:8px;align-items:center;gap:8px;width:240px;height:38px;padding:0 11px;display:flex}.table-search input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.framed{color:#647477;background:#fff;border:1px solid #dce4e1}.framed:hover{background:#f6f9f8}.table-wrap{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;white-space:nowrap;color:#718082;text-transform:uppercase;letter-spacing:.06em;background:#f8faf9;border-bottom:1px solid #e4eae8;padding:12px 16px;font-size:10px}td{color:#354649;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #edf1ef;max-width:280px;padding:14px 16px;overflow:hidden}tbody tr:hover{background:#fbfcfc}.status-pill{color:#5c6b6d;background:#edf1f0;border-radius:99px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.status-pill.active,.status-pill.approved,.status-pill.published,.status-pill.yes,.status-pill.success{color:#28705b;background:#e3f5ed}.status-pill.pending,.status-pill.pending-verification{color:#94651d;background:#fff1d7}.status-pill.inactive,.status-pill.rejected,.status-pill.no,.status-pill.failed{color:#aa4545;background:#fbe8e6}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:40px;display:flex}.empty-icon{color:#258c7d;background:#e7f5f2;border-radius:14px;place-items:center;width:54px;height:54px;margin-bottom:14px;display:grid}.empty-state strong{font:700 16px Manrope,sans-serif}.empty-state p{color:#7b898a;margin:7px 0 17px;font-size:12px}.error-state strong{color:#a13f3f}.table-loading{padding:15px}.skeleton{background:linear-gradient(90deg,#eef2f1 25%,#f8faf9 50%,#eef2f1 75%) 0 0/200% 100%;border-radius:6px;animation:1.25s infinite shimmer;display:block}.skeleton.short{width:65px;height:29px}.skeleton.row{height:43px;margin:8px}.spin{animation:1s linear infinite spin}.app-loader{color:#728082;place-content:center;justify-items:center;gap:13px;min-height:100vh;font-size:12px;display:grid}.app-loader span{border:3px solid #d9e4e1;border-top-color:#168375;border-radius:50%;width:25px;height:25px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@media (max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.global-search{display:none}}@media (max-width:760px){.login-page{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100vh;padding:28px}.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:none}.mobile-close,.menu-button{display:grid}.sidebar-scrim{z-index:35;background:#07181973;border:0;position:fixed;inset:0}.console-main{width:100%;margin:0}.topbar{height:66px;padding:0 16px}.workspace{padding:24px 16px 42px}.page-heading{flex-direction:column;align-items:flex-start}.heading-actions{flex-wrap:wrap;width:100%}.metric-grid{grid-template-columns:1fr 1fr}.summary-strip{grid-template-columns:1fr 1fr;gap:16px}.summary-strip>div{border:0;padding:0}.table-actions,.table-search{width:100%}.data-toolbar{flex-direction:column;align-items:flex-start}.environment{display:none}.breadcrumbs{margin-left:8px;margin-right:auto}}@media (max-width:480px){.metric-grid{grid-template-columns:1fr}.page-heading h1{font-size:29px}.top-actions{gap:2px}.summary-strip{grid-template-columns:1fr}.attention-list>a{padding:14px}.login-heading h2{font-size:32px}}.row-action{color:#176f66;background:#eaf7f4;border:1px solid #d1ece6;border-radius:7px;align-items:center;gap:7px;height:34px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex}.row-action:hover{background:#dcf1ed}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#081b1d9e;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.record-modal{background:#fff;border:1px solid #ffffff80;border-radius:15px;width:min(820px,100%);max-height:calc(100vh - 56px);position:relative;overflow:auto;box-shadow:0 28px 90px #0414154d}.modal-head{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-bottom:1px solid #e5ebe9;justify-content:space-between;align-items:center;padding:22px 24px;display:flex;position:sticky;top:0}.modal-head .eyebrow{margin-bottom:7px}.modal-head h2{font-size:20px}.record-modal form{padding:22px 24px}.record-identity{background:#f5f8f7;border:1px solid #e1e8e5;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:11px 13px;display:flex}.record-identity span{color:#6c7b7d;font-size:12px;font-weight:700}.record-identity code{color:#2b4447;text-overflow:ellipsis;font-size:12px;overflow:hidden}.record-details{border:1px solid #e0e7e4;border-radius:9px;margin:0 0 20px;overflow:hidden}.record-details summary{color:#3d5153;cursor:pointer;background:#f7f9f8;padding:11px 13px;font-size:13px;font-weight:700}.record-details>div{max-height:260px;padding:8px 13px;overflow:auto}.record-details p{border-bottom:1px solid #edf1ef;grid-template-columns:150px 1fr;gap:12px;padding:7px 0;display:grid}.record-details p:last-child{border:0}.record-details p span{color:#788587;font-size:12px}.record-details p b{overflow-wrap:anywhere;color:#344649;white-space:pre-wrap;font-size:12px;font-weight:600}.form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.form-grid label{min-width:0}.form-grid label.wide{grid-column:1/-1}.form-grid label>span{color:#415154;margin-bottom:7px;font-size:13px;font-weight:700;display:block}.form-grid input,.form-grid select,.form-grid textarea{color:#172b2e;background:#fbfcfc;border:1px solid #ced9d6;border-radius:8px;outline:none;width:100%;min-height:44px;padding:10px 12px}.form-grid textarea{resize:vertical;line-height:1.5}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{background:#fff;border-color:#168477;box-shadow:0 0 0 3px #1684771a}.input-with-action{position:relative}.input-with-action input{padding-right:45px}.input-with-action button{color:#14776d;background:#e8f5f2;border:0;border-radius:6px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:5px;right:5px}.toggle{color:#697779;background:#f5f7f6;border:1px solid #d6dfdc;border-radius:8px;align-items:center;gap:10px;width:100%;height:44px;padding:0 12px;display:flex}.toggle i{background:#aab6b4;border-radius:99px;width:34px;height:19px;transition:all .15s;position:relative}.toggle i:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:all .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle.on{color:#176f62;background:#edf8f4;border-color:#cbe8df}.toggle.on i{background:#21a57f}.toggle.on i:after{transform:translate(15px)}.toggle b{font-size:13px}.modal-actions{border-top:1px solid #e7ecea;align-items:center;gap:10px;margin-top:24px;padding-top:18px;display:flex}.modal-actions>span{flex:1}.danger-button{color:#b44141;background:#fff;border:1px solid #e9caca;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 13px;font-size:13px;font-weight:700;display:inline-flex}.danger-button:hover{background:#fff3f2}.danger-button.solid{color:#fff;background:#b83d3d;border-color:#b83d3d}.read-only-note{color:#617174;background:#f5f8f7;border-radius:8px;align-items:center;gap:9px;margin:0 24px 24px;padding:13px;font-size:13px;display:flex}.confirm-layer{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;place-items:center;padding:30px;display:grid;position:absolute;inset:0}.confirm-layer>div{text-align:center;background:#fff;border:1px solid #ead9d6;border-radius:13px;width:min(400px,100%);padding:28px;box-shadow:0 20px 60px #3e181529}.danger-icon{color:#b53f3f;background:#fbe9e7;border-radius:12px;place-items:center;width:48px;height:48px;margin:0 auto 14px;display:grid}.confirm-layer h3{margin:0;font-family:Avenir Next,Segoe UI,sans-serif}.confirm-layer p{color:#718082;margin:8px 0 21px;font-size:13px}.confirm-layer>div>div{justify-content:center;gap:9px;display:flex}@media (max-width:760px){.modal-backdrop{padding:0}.record-modal{border-radius:0;width:100%;height:100vh;max-height:100vh}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.modal-actions{flex-wrap:wrap}}.json-input{font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.pagination{background:#fbfcfc;border-top:1px solid #e5ebe8;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:11px 20px;display:flex}.pagination p{color:#758486;font-size:12px}.pagination p strong{color:#34484a}.pagination>div{gap:8px;display:flex}.pagination .secondary-button{min-height:36px;padding:0 13px}.pagination button:disabled{opacity:.48;cursor:not-allowed}@media (max-width:480px){.pagination{flex-direction:column;align-items:flex-start}.pagination>div{width:100%}.pagination button{flex:1}}
