:root{font-family:Onest,sans-serif;color:#172b25;background:#f5f8f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--green: #176b52;--green-dark: #102b22;--green-soft: #e8f5ef;--ink: #172b25;--muted: #718079;--line: #e3ebe6;--surface: #fff;--paper: #f5f8f6;--shadow: 0 10px 30px rgba(18, 48, 36, .055)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px;background:var(--paper);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(23,107,82,.22);outline-offset:2px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:258px;display:flex;flex-direction:column;padding:28px 17px 17px;color:#dcebe3;background:radial-gradient(ellipse at 0 0,rgba(76,164,119,.18),transparent 36%),#102b22;border-right:1px solid rgba(255,255,255,.06)}.brand-lockup{display:flex;align-items:center;gap:11px;padding:0 10px;margin-bottom:48px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#62c995,#16805a);box-shadow:0 5px 18px #1a996647;flex:0 0 auto}.brand-mark span{width:11px;height:11px;border:2px solid white;border-radius:3px;transform:rotate(45deg)}.brand-name{color:#f4fbf7;font-size:19px;font-weight:750;letter-spacing:-.8px}.brand-name b{color:#82cda8;font-weight:600;margin-left:3px}.side-label,.eyebrow{color:#899a91;font-size:10px;font-weight:800;letter-spacing:1.45px}.side-label{padding:0 12px;margin-bottom:12px;color:#789589}.side-nav{display:grid;gap:6px}.side-link{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 13px;color:#a9c0b5;border-radius:10px;font-size:13px;font-weight:600;transition:.18s ease}.side-link:hover{color:#fff;background:#ffffff12;transform:translate(2px)}.side-link.active{color:#f6fff9;background:linear-gradient(100deg,#4bb7843b,#4bb78412);box-shadow:inset 3px 0 #65c99a}.nav-tag{margin-left:auto;color:#8ddbb4;font-size:8px;letter-spacing:.8px}.sidebar-bottom{margin-top:auto}.security-card{display:flex;gap:10px;padding:13px 11px;border:1px solid rgba(170,218,190,.13);border-radius:11px;background:#ffffff0b;margin-bottom:15px}.security-icon{display:grid;place-items:center;width:29px;height:29px;flex:0 0 auto;color:#8ee0b4;background:#5ebe8926;border-radius:8px}.security-card b,.security-card span{display:block}.security-card b{color:#d9eee2;font-size:11px;margin:1px 0 4px}.security-card span{color:#88a598;font-size:10px;line-height:1.45}.user-row{display:flex;align-items:center;gap:9px;padding:14px 4px 0;border-top:1px solid rgba(255,255,255,.1)}.avatar{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:50%;color:#14543e;background:#c5ecd6;font-size:12px;font-weight:800}.avatar.small{width:31px;height:31px}.user-meta{min-width:0;flex:1}.user-meta b,.user-meta span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-meta b{color:#e3f0e8;font-size:10px}.user-meta span{color:#82a092;font-size:10px;margin-top:3px}.main-area{min-height:100vh;margin-left:258px;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;height:66px;padding:0 clamp(22px,4vw,56px);display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);background:#ffffffe0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.breadcrumb,.topbar-right{display:flex;align-items:center;gap:10px;color:#718079;font-size:11px;font-weight:600}.breadcrumb b{color:#53675d}.online-dot,.pulse-dot{display:inline-block;width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#22a477;box-shadow:0 0 0 3px #22a4771f}.topbar-right{gap:17px}.encrypted{display:flex;align-items:center;gap:6px;color:#84938c;font-size:10px}.encrypted svg{color:var(--green)}.page-content{width:100%;max-width:1450px;margin:0 auto;padding:42px clamp(22px,4vw,56px) 64px;flex:1}.content-wrap{max-width:1160px;margin:0 auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.page-heading .eyebrow{color:var(--green);margin-bottom:12px}.page-heading h1{margin:0;color:#172b25;font-size:clamp(30px,3.3vw,42px);line-height:1.12;letter-spacing:-1.7px;font-weight:750}.page-heading p{margin:10px 0 0;max-width:660px;color:#718079;font-size:13px;line-height:1.7}.btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 16px;border:1px solid transparent;border-radius:9px;font-size:12px;font-weight:700;transition:.18s ease}.btn.primary{color:#fff;background:var(--green);box-shadow:0 5px 12px #176b5224}.btn.primary:hover{background:#10543f;transform:translateY(-1px)}.btn.secondary{color:#34564a;background:#fff;border-color:#dfe8e2}.btn.secondary:hover{background:#f4f8f5;border-color:#b9d3c5}.btn.light{color:#164d3b;background:#fff}.btn.full{width:100%}.icon-button{width:35px;height:35px;display:inline-grid;place-items:center;color:#63756c;background:#fff;border:1px solid var(--line);border-radius:9px}.icon-button:hover{background:#f5f8f6}.icon-button.dark{color:#9cb7aa;background:transparent;border:0}.icon-button.dark:hover{color:#fff;background:#ffffff14}.menu-button{display:none}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:40px}.stat-card{position:relative;display:flex;align-items:center;gap:15px;min-height:112px;padding:20px;background:#fff;border:1px solid #e7eee9;border-radius:14px;box-shadow:0 3px 12px #16322506;transition:.2s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.stat-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px}.stat-icon.violet{color:#7558ce;background:#f0edff}.stat-icon.green{color:#16845f;background:#e6f7ef}.stat-icon.amber{color:#b7792b;background:#fff4e4}.stat-copy span,.stat-copy small{display:block;color:#85938b;font-size:11px}.stat-copy strong{display:block;color:#172b25;font-size:26px;line-height:1.25;margin:2px 0;letter-spacing:-.8px}.stat-copy small{font-size:10px}.stat-corner{position:absolute;top:17px;right:17px;color:#c0cbc4}.section-block{margin-top:35px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.section-heading h2,.table-toolbar h2{margin:0;color:#20362d;font-size:17px;letter-spacing:-.4px}.section-heading p,.table-toolbar p{margin:5px 0 0;color:#89968f;font-size:11px}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:11px;font-weight:700}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-card{min-width:0;padding:20px;background:#fff;border:1px solid #e5ece7;border-radius:15px;box-shadow:0 3px 13px #16322506;transition:transform .22s,border-color .22s,box-shadow .22s}.tool-card:hover{transform:translateY(-4px);border-color:#bdd9ca;box-shadow:0 15px 34px #16322513}.tool-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.tool-symbol{width:42px;height:42px;display:grid;place-items:center;color:#147553;background:#e8f6ee;border:1px solid #d9eee2;border-radius:12px}.tool-card h3{margin:0;color:#20362d;font-size:15px;font-weight:750;overflow-wrap:anywhere}.tool-card>p{min-height:39px;margin:7px 0 15px;color:#849189;font-size:11px;line-height:1.65}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:30px;white-space:nowrap;font-size:9px;font-weight:750}.status-pill i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill.good{color:#14815d;background:#e8f7ef}.status-pill.pending{color:#b7792b;background:#fff4e5}.status-pill.muted-status{color:#78867f;background:#f0f3f1}.tool-meta{display:flex;flex-wrap:wrap;gap:12px;padding:12px 0;border-top:1px solid #eff3f0;color:#89968f;font-size:10px}.tool-meta span{display:flex;align-items:center;gap:5px}.grant-strip{display:flex;justify-content:space-between;gap:10px;padding:12px;border-radius:9px;background:#f7faf8}.grant-strip small,.grant-strip b{display:block}.grant-strip small{color:#9aa79f;font-size:8px;letter-spacing:.8px;margin-bottom:4px}.grant-strip b{color:#40574b;font-size:10px}.tool-card-foot{padding-top:12px;border-top:1px solid #eff3f0;color:#9aa59e;font-size:10px;line-height:1.5}.manager-banner{display:flex;align-items:center;gap:15px;margin-top:30px;padding:20px;color:#fff;background:linear-gradient(110deg,#153f30,#1c684d);border-radius:15px;box-shadow:0 12px 28px #1248321f}.banner-icon{width:43px;height:43px;display:grid;place-items:center;color:#a4e3c1;background:#ffffff1a;border-radius:12px}.manager-banner>div:nth-child(2){flex:1}.manager-banner b{font-size:13px}.manager-banner p{margin:5px 0 0;color:#c0d9cb;font-size:10px}.toolbar{display:flex;align-items:center;gap:15px;margin:0 0 18px}.search-box{width:min(360px,100%);height:40px;display:flex;align-items:center;gap:9px;padding:0 12px;color:#91a097;background:#fff;border:1px solid var(--line);border-radius:9px}.search-box input{width:100%;border:0;outline:0;color:var(--ink);font:inherit;font-size:11px;background:transparent}.result-count{color:#87958d;font-size:10px}.admin-callout{display:flex;align-items:center;gap:13px;padding:15px 17px;margin-bottom:22px;color:#285a45;background:#eaf6ef;border:1px solid #d8eddf;border-radius:12px}.callout-icon{width:35px;height:35px;display:grid;place-items:center;flex:0 0 auto;color:#16845f;background:#fff;border-radius:10px}.admin-callout>div:nth-child(2){flex:1}.admin-callout b{font-size:11px}.admin-callout p{margin:4px 0 0;color:#668674;font-size:10px;line-height:1.5}.table-panel{overflow:hidden;background:#fff;border:1px solid #e5ece7;border-radius:15px;box-shadow:0 3px 13px #16322506}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px;border-bottom:1px solid #edf2ee}.filter-tabs{display:flex;gap:3px;padding:3px;background:#f4f7f5;border-radius:8px}.filter-tabs button{padding:7px 9px;color:#849189;background:transparent;border:0;border-radius:6px;font-size:9px;font-weight:650}.filter-tabs button.selected{color:#176b52;background:#fff;box-shadow:0 1px 4px #00000012}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{padding:12px 17px;color:#91a097;background:#fbfcfb;font-size:9px;font-weight:750;letter-spacing:.6px;text-transform:uppercase}td{padding:15px 17px;color:#596d62;border-top:1px solid #f0f3f1;font-size:10px}td b,td small{display:block}td b{color:#30483b;font-size:10px}td small{color:#9aa69f;margin-top:4px;font-size:9px}td code{color:#597267;font-size:10px}.revoke-btn{color:#b34e4e;background:#fff4f3;border:1px solid #f4dfdd;border-radius:6px;padding:6px 9px;font-size:9px;font-weight:700}.revoke-btn:hover{background:#ffe9e7}.muted{color:#a8b2ac}.empty-state{display:grid;justify-items:center;padding:48px 20px;text-align:center;background:#fff;border:1px dashed #dce7df;border-radius:14px}.empty-icon{width:48px;height:48px;display:grid;place-items:center;color:#7b67ca;background:#f1efff;border-radius:14px;margin-bottom:13px}.empty-state h3{margin:0;color:#2b4236;font-size:14px}.empty-state p{max-width:380px;margin:7px 0 0;color:#8a9890;font-size:11px;line-height:1.6}.alert{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-radius:9px;font-size:11px;line-height:1.5;margin:12px 0}.alert.error{color:#a74444;background:#fff1f0;border:1px solid #f2d9d7}.alert.success{color:#16714f;background:#eaf7ef;border:1px solid #d5eddf}.alert button{display:grid;place-items:center;color:inherit;background:none;border:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;overflow-y:auto;padding:20px;background:#0919128a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(100%,560px);max-height:min(92vh,850px);overflow-y:auto;padding:25px;background:#fff;border:1px solid rgba(255,255,255,.5);border-radius:18px;box-shadow:0 28px 90px #00000038;animation:modal-in .22s ease-out}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}.modal-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px}.modal-head .eyebrow{color:var(--green)}.modal-head h2{margin:7px 0 5px;color:#20372c;font-size:22px;letter-spacing:-.8px}.modal-head p{margin:0;color:#85938b;font-size:11px}.stepper{display:flex;align-items:center;gap:8px;margin-bottom:22px;color:#a0aaa4;font-size:9px}.stepper span{display:flex;align-items:center;gap:6px}.stepper span:first-letter{color:#9aa69f}.stepper span.current{color:#176b52}.stepper i{height:1px;flex:1;background:#e6ece8}.form-stack{display:grid;gap:10px}.form-stack>label{margin-top:4px;color:#52665b;font-size:10px;font-weight:750}.input-wrap{display:flex;align-items:center;gap:9px;height:43px;padding:0 12px;color:#9aa79f;border:1px solid #dfe8e2;border-radius:9px}.input-wrap:focus-within{border-color:#79b79a;box-shadow:0 0 0 3px #176b5217}.input-wrap input{width:100%;min-width:0;border:0;outline:0;color:#20372c;font:inherit;font-size:11px;background:transparent}.select-control,.form-stack textarea,.form-stack>input:not([type=checkbox]){width:100%;padding:11px 12px;color:#344b3e;background:#fff;border:1px solid #dfe8e2;border-radius:9px;outline:0;font-size:11px}.form-stack textarea{resize:vertical}.optional{float:right;color:#a2ada6;font-size:8px;letter-spacing:.7px}.hint{margin:-5px 0 8px;color:#929e97;font-size:10px;line-height:1.5}.eligible-banner{display:flex;align-items:center;gap:8px;padding:10px 12px;color:#16714f;background:#eaf7ef;border:1px solid #d7eddf;border-radius:8px;font-size:10px;font-weight:700}.employee-preview{display:flex;align-items:center;gap:10px;padding:11px;background:#f7faf8;border-radius:9px}.employee-preview b,.employee-preview small{display:block}.employee-preview b{color:#344b3e;font-size:11px}.employee-preview small{color:#93a097;font-size:9px;margin-top:3px}.scope-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.scope-option{display:flex;align-items:center;justify-content:center;gap:6px;min-height:39px;padding:7px;color:#7d8b82;background:#f8faf9;border:1px solid #e6ece8;border-radius:8px;cursor:pointer}.scope-option input{position:absolute;opacity:0;pointer-events:none}.scope-option>span{width:15px;height:15px;display:grid;place-items:center;color:transparent;border:1px solid #cbd7cf;border-radius:4px}.scope-option b{font-size:9px}.scope-option.checked{color:#176b52;background:#edf7f1;border-color:#b9dcc8}.scope-option.checked>span{color:#fff;background:#176b52;border-color:#176b52}.expiry-preview{display:flex;align-items:center;gap:9px;padding:11px;color:#8b784f;background:#fff8eb;border:1px solid #f5ead2;border-radius:8px;font-size:10px}.expiry-preview b{color:#6f5526}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:7px}.otp-info{display:flex;align-items:flex-start;gap:12px;padding:13px;background:#f5f8f6;border-radius:10px;margin-bottom:4px}.otp-icon{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;color:#176b52;background:#e4f3eb;border-radius:10px}.otp-info b{color:#30483b;font-size:11px}.otp-info p{margin:4px 0 0;color:#87958d;font-size:10px;line-height:1.5}.otp-input{text-align:center;letter-spacing:8px;font-size:19px!important;font-weight:750}.modal-foot{display:flex;align-items:center;gap:7px;padding-top:15px;margin-top:20px;color:#95a198;border-top:1px solid #edf1ee;font-size:9px}.modal-foot svg{color:#25835f}.consent-wrap{display:grid;place-items:start center;padding:20px 0}.consent-card{width:min(100%,620px);padding:30px;background:#fff;border:1px solid #e3ebe6;border-radius:18px;box-shadow:var(--shadow)}.consent-symbol{width:48px;height:48px;display:grid;place-items:center;color:#176b52;background:#e8f5ef;border-radius:14px;margin-bottom:20px}.consent-card h1{margin:8px 0;color:#20372c;font-size:29px;letter-spacing:-1px}.muted{color:#819087;font-size:11px;line-height:1.6}.consent-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px;margin:20px 0;background:#f7faf8;border-radius:10px}.consent-summary small,.consent-summary b{display:block}.consent-summary small{color:#99a59e;font-size:8px;letter-spacing:.7px;margin-bottom:5px}.consent-summary b{color:#3b5547;font-size:10px;overflow-wrap:anywhere}.consent-scopes{padding-bottom:17px;margin-bottom:17px;border-bottom:1px solid #edf1ee}.consent-scopes>b{display:block;margin-bottom:10px;color:#40594b;font-size:11px}.permission-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;color:#176b52;background:#edf7f1;border-radius:6px;font-size:9px;font-weight:700}.tnc-check{display:flex;align-items:flex-start;gap:9px;color:#718079;font-size:10px;line-height:1.5;margin:8px 0}.tnc-check input{accent-color:#176b52;margin-top:2px}.app-footer{display:flex;justify-content:space-between;gap:12px;padding:17px clamp(22px,4vw,56px);border-top:1px solid var(--line);color:#91a097;font-size:9px}.app-footer>span:last-child{display:flex;align-items:center;gap:8px}.boot{min-height:100vh;display:grid;align-content:center;justify-items:center;gap:14px;color:#77877e;background:#f5f8f6;font-size:11px}.boot .brand-mark{width:42px;height:42px}.loader{width:95px;height:3px;overflow:hidden;background:#e2eae4;border-radius:5px}.loader:after{content:"";display:block;width:40%;height:100%;background:#176b52;animation:loading 1s ease-in-out infinite}@keyframes loading{0%{transform:translate(-110%)}to{transform:translate(260%)}}.spin{animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.skeleton-card{min-height:230px}.skeleton-card i,.skeleton-rows i{display:block;height:12px;margin:14px 0;border-radius:5px;background:linear-gradient(90deg,#edf2ee,#f8faf8,#edf2ee);background-size:200% 100%;animation:shimmer 1.4s infinite}.skeleton-card i:first-child{width:45%;height:38px}.skeleton-card i:nth-child(2){width:80%}.skeleton-card i:nth-child(3){width:65%}.skeleton-rows{padding:20px}.skeleton-rows i{height:38px}@keyframes shimmer{to{background-position:-200% 0}}.mobile-scrim{display:none}.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);background:#fff}.login-brand{position:relative;display:flex;flex-direction:column;padding:36px clamp(30px,6vw,88px);color:#fff;background:radial-gradient(ellipse at 0 0,rgba(91,188,139,.2),transparent 42%),linear-gradient(145deg,#102b22,#164a36)}.login-brand .brand-lockup{margin:0;padding:0}.login-brand-copy{max-width:550px;margin:auto 0;padding:70px 0}.eyebrow.light{color:#8ec5a8}.pulse-dot{background:#5dd39a;margin-right:8px}.login-brand h1{margin:23px 0 18px;font-size:clamp(42px,5.4vw,68px);line-height:1.04;letter-spacing:-3px;font-weight:700}.login-brand h1 em{color:#8dd9b1;font-style:normal}.login-brand-copy>p{max-width:430px;color:#bfd4c8;font-size:14px;line-height:1.8}.brand-proof{display:flex;align-items:center;gap:9px;margin-top:30px;color:#b4d8c4;font-size:10px}.brand-proof svg{color:#8ed8af}.brand-bottom{display:flex;justify-content:space-between;color:#719889;font-size:9px;font-weight:700;letter-spacing:1px}.brand-bottom span{font-weight:500;letter-spacing:0}.login-panel{display:grid;place-items:center;padding:35px}.login-card{width:min(100%,390px)}.login-card>.eyebrow{color:#176b52;margin-bottom:13px}.login-card h2{margin:0;color:#1d352a;font-size:31px;letter-spacing:-1.1px}.login-card>p{margin:8px 0 27px;color:#87958d;font-size:12px}.login-card .form-stack{gap:12px}.login-card label{color:#53675b;font-size:10px;font-weight:700}.login-card .input-wrap{height:48px;margin-bottom:5px}.login-security{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:25px;color:#87978d;font-size:9px}.login-security svg{color:#21815d}.login-help{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:36px;color:#a0aaa4;font-size:9px}.success-panel{padding:24px;text-align:center;background:#f6faf7;border:1px solid #e4eee7;border-radius:13px}.success-icon{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 12px;color:#176b52;background:#e3f4ea;border-radius:14px}.success-panel h3{margin:0 0 7px;color:#274535;font-size:16px}.success-panel p{margin:0 0 18px;color:#819087;font-size:11px;line-height:1.6}.mobile-brand{display:none}@media(max-width:1100px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.sidebar{width:76px;padding:24px 10px 14px}.brand-lockup{justify-content:center;padding:0}.brand-name,.side-label,.side-link span,.security-card,.user-meta,.logout-button{display:none}.side-link{justify-content:center;padding:0}.side-link svg{width:20px;height:20px}.user-row{justify-content:center}.main-area{margin-left:76px}.login-layout{grid-template-columns:1fr 1fr}.login-brand{padding-inline:35px}}@media(max-width:650px){.sidebar{position:fixed;inset:auto 0 0;width:100%;height:64px;padding:7px 14px calc(7px + env(safe-area-inset-bottom));flex-direction:row;align-items:center;justify-content:center;border-right:0;border-top:1px solid rgba(255,255,255,.1)}.brand-lockup,.side-label,.sidebar-bottom{display:none}.side-nav{width:min(100%,390px);display:flex;justify-content:space-around;gap:8px}.side-link{flex:1;min-height:46px}.side-link span{display:none!important}.main-area{margin-left:0;padding-bottom:64px}.topbar{height:56px;padding:0 16px}.breadcrumb{font-size:9px;gap:6px}.breadcrumb b,.encrypted{display:none}.page-content{padding:27px 16px 40px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:23px}.page-heading h1{font-size:33px}.page-heading>.btn{align-self:stretch}.stat-grid{grid-template-columns:1fr;gap:10px;margin-bottom:30px}.stat-card{min-height:90px;padding:15px}.tool-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start}.manager-banner{align-items:flex-start;flex-wrap:wrap}.manager-banner .btn{width:100%}.table-toolbar{align-items:flex-start;flex-direction:column}.filter-tabs{max-width:100%;overflow-x:auto}.filter-tabs button{flex:0 0 auto}.app-footer{padding:14px 16px;font-size:8px}.modal-backdrop{padding:10px;align-items:end}.modal{max-height:94vh;padding:20px;border-radius:17px 17px 12px 12px}.scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.consent-card{padding:22px 18px}.consent-summary{grid-template-columns:1fr;gap:12px}.login-layout{display:block;background:#f7faf8}.login-brand{display:none}.login-panel{min-height:100vh;padding:24px}.login-card{padding:28px 22px;background:#fff;border:1px solid #e5ece7;border-radius:17px;box-shadow:var(--shadow)}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:36px;color:#19382a;font-size:16px}.mobile-brand .brand-mark{width:31px;height:31px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.alert.info{color:#3f5a4e;background:#f2f7f4;border:1px solid #dfeae4}.status-pill.bad{color:#a74444;background:#fff1f0}.status-pill .spin{margin:-1px 0}.err-text{color:#a74444!important;white-space:normal;max-width:320px}.boot b{color:var(--ink);font-size:15px}.boot span{max-width:340px;text-align:center;line-height:1.6}.chip-row{display:inline-flex;flex-wrap:wrap;gap:5px}.chip{padding:3px 8px;color:#2f5d4b;background:#eef6f1;border-radius:5px;font-size:10px;font-weight:650}.muted-chips .chip{color:#8a978f;background:#f2f4f3}.server-list{display:grid;gap:16px}.server-card{background:#fff;border:1px solid #e5ece7;border-radius:15px;overflow:hidden}.server-card-head{display:flex;align-items:flex-start;gap:14px;padding:20px 20px 16px;border-bottom:1px solid #eff3f0}.server-title{flex:1;min-width:0}.server-title h3{margin:0;color:#20362d;font-size:16px;font-weight:750;letter-spacing:-.3px}.server-title p{margin:5px 0 0;color:#7d8b83;font-size:12px;line-height:1.55}.server-body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr)}.tool-list{padding:8px 0}.tool-row{display:flex;align-items:flex-start;gap:12px;padding:12px 20px}.tool-row+.tool-row{border-top:1px dashed #edf2ee}.tool-dot{flex:0 0 auto;width:9px;height:9px;margin-top:5px;border:2px solid #ccd6d0;border-radius:50%}.tool-dot.on{background:var(--green);border-color:var(--green)}.tool-dot.half{border-color:#d7a35c}.tool-row-main{flex:1;min-width:0}.tool-row-main code{color:#20362d;font-size:12px;font-weight:650}.tool-row-main small{display:block;margin-top:4px;color:#87948c;font-size:11px;line-height:1.5}.tool-row-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:46%}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;color:#6f7e76;background:#f4f6f5;border-radius:5px;font-size:10px;font-weight:600;white-space:nowrap}.tag-on{color:#14815d;background:#e8f7ef}.server-aside{display:flex;flex-direction:column;gap:10px;padding:18px 20px;background:#fafcfb;border-left:1px solid #eff3f0;font-size:12px}.server-aside .muted{line-height:1.6}.aside-title{color:#20362d;font-size:13px}.mini-dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:4px 0 0;font-size:11px}.mini-dl dt{color:#8d9a92}.mini-dl dd{margin:0;color:#3b5246;font-weight:600}.copy-field{display:flex;gap:8px}.copy-field input{flex:1;min-width:0;height:42px;padding:0 11px;color:#355246;background:#fff;border:1px solid #dfe8e2;border-radius:9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.copy-field .btn{flex:0 0 auto}.revoke-btn{display:inline-flex;align-items:center;gap:5px}ol.stepper{display:flex;gap:8px;margin:0 0 18px;padding:0;list-style:none;counter-reset:step}ol.stepper li{flex:1;padding:8px 0 0;color:#a3afa8;border-top:3px solid #e7eee9;font-size:11px;font-weight:650;counter-increment:step}ol.stepper li:before{content:counter(step) ". "}ol.stepper li.current{color:var(--green);border-color:var(--green)}.plain-fieldset{margin:0;padding:0;border:0}.plain-fieldset legend{margin-bottom:6px;color:#3b5246;font-size:12px;font-weight:700}.consent-card.center{display:grid;justify-items:center;gap:10px;text-align:center}.consent-summary small+small{margin-top:3px}@media(max-width:900px){.server-body{grid-template-columns:1fr}.server-aside{border-left:0;border-top:1px solid #eff3f0}}@media(max-width:650px){.tool-row{flex-wrap:wrap}.tool-row-tags{max-width:none;justify-content:flex-start;padding-left:21px}.server-card-head{flex-wrap:wrap}}