:root{--bg: #04131a;--bg-2: #071d27;--surface: rgba(255, 255, 255, .035);--surface-2: rgba(255, 255, 255, .06);--border: rgba(160, 210, 225, .12);--border-strong: rgba(160, 210, 225, .22);--text: #e7f0f3;--muted: #8ea7b2;--faint: #5d7783;--accent: #f5b544;--accent-2: #ffcf73;--accent-ink: #1d1203;--teal: #3cc6c4;--danger: #ff7a6b;--ok: #4fd69c;--warn: #ffb547;--radius: 16px;--radius-sm: 10px;--shadow: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 20px 50px -20px rgba(0, 0, 0, .6);--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sidebar: 268px;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%}html{background:var(--bg)}body{background:radial-gradient(1200px 600px at 85% -10%,rgba(60,198,196,.14),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(245,181,68,.1),transparent 60%),linear-gradient(180deg,var(--bg-2),var(--bg) 40%);color:var(--text);font:400 14px/1.5 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}p{margin:0}code,.mono{font-family:var(--mono);font-size:.92em}.muted{color:var(--muted)}.small{font-size:12px}.strong{font-weight:600}.nowrap{white-space:nowrap}.center{text-align:center;margin-top:16px}.truncate{display:inline-block;max-width:28ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.icon{width:18px;height:18px;flex:none}.row{display:flex;align-items:center;gap:10px}.row.wrap{flex-wrap:wrap}.stack{display:grid;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border-radius:10px;border:1px solid transparent;font:500 14px/1 var(--font);color:var(--text);cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.btn:disabled{opacity:.55;cursor:progress}.btn:focus-visible,.input:focus-visible,.nav-item:focus-visible,.segmented button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:var(--accent-ink);box-shadow:0 8px 24px -10px #f5b544b3}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px -10px #f5b544cc}.btn-ghost{background:var(--surface);border-color:var(--border)}.btn-ghost:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn-danger{background:#ff7a6b14;border-color:#ff7a6b4d;color:#ffb4aa}.btn-danger:hover{background:#ff7a6b29}.btn-sm{height:32px;padding:0 12px;font-size:13px}.btn-block{width:100%}.btn-icon{width:36px;padding:0;background:transparent;border-color:var(--border)}.input{width:100%;min-width:0;height:40px;padding:0 12px;border-radius:10px;background:#030e1499;border:1px solid var(--border);color:var(--text);font:400 14px/1.4 var(--font);transition:border-color .15s ease,box-shadow .15s ease}textarea.input{height:auto;padding:10px 12px;resize:vertical}select.input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 17px,calc(100% - 13px) 17px;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}.input:focus{border-color:#f5b54499;box-shadow:0 0 0 3px #f5b54426;outline:none}.field{display:grid;gap:6px;min-width:0}.field>label,.field>.label,.login-form>label{font-size:12px;font-weight:500;color:var(--muted);letter-spacing:.02em}.field.inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hint{font-size:12px;color:var(--faint)}.form-error{color:var(--danger);font-size:13px;min-height:1em}.form-error:empty{display:none}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.form-grid .span-2{grid-column:1 / -1}.form-foot{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.segmented{display:inline-flex;padding:3px;border-radius:11px;background:#030e1499;border:1px solid var(--border);gap:2px;max-width:100%;overflow-x:auto}.segmented button{border:0;background:transparent;color:var(--muted);height:30px;padding:0 12px;border-radius:8px;font:500 13px/1 var(--font);cursor:pointer;white-space:nowrap}.segmented button:hover{color:var(--text)}.segmented button.active{background:linear-gradient(180deg,#f5b54438,#f5b5441f);color:var(--accent-2);box-shadow:0 0 0 1px #f5b5444d inset}.layout{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding:22px 16px;border-right:1px solid var(--border);background:linear-gradient(180deg,#071d27d9,#04131ad9);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;letter-spacing:-.02em;padding:0 6px}.brand-mark{width:26px;height:26px;border-radius:8px;background:conic-gradient(from 210deg,var(--accent),var(--teal),var(--accent));box-shadow:0 0 24px #f5b54459;position:relative}.brand-mark:after{content:"";position:absolute;inset:7px;border-radius:4px;background:var(--bg)}.org{padding:12px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.org-name{font-weight:600;margin-top:2px;overflow-wrap:anywhere}.project-slot{display:grid;gap:6px;padding:0 2px}.nav-heading{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);padding:0 6px}.nav{display:grid;gap:18px}.nav-section{display:grid;gap:2px}.nav-section .nav-heading{margin-bottom:6px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--muted);font-weight:500;transition:background .15s ease,color .15s ease}.nav-item:hover{background:var(--surface);color:var(--text)}.nav-item.active{background:linear-gradient(90deg,#f5b54429,#f5b54405);color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}.nav-item.active .icon{color:var(--accent)}.nav-label{flex:1;min-width:0}.badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-2);border:1px solid rgba(245,181,68,.35);border-radius:999px;padding:2px 7px}.sidebar-foot{margin-top:auto}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:5;padding:22px 32px 18px;background:linear-gradient(180deg,#04131aeb,#04131ab3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.topbar-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.titles{flex:1;min-width:0}.page-title{font-size:clamp(20px,2.2vw,28px);letter-spacing:-.025em}.page-lead{color:var(--muted);margin-top:4px;max-width:75ch}.menu-toggle{display:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);align-items:center;justify-content:center;cursor:pointer}.content{padding:28px 32px 48px;display:grid;gap:20px;align-content:start;min-width:0}.scrim{display:none}.card{background:linear-gradient(180deg,#ffffff0b,#ffffff05);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:0}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.card-head h2{font-size:16px}.card-head p{margin-top:4px;max-width:70ch}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.split{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:20px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:18px}.kpis-doc{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi{padding:16px 18px;border-radius:14px;background:var(--surface);border:1px solid var(--border);position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,var(--accent),transparent 70%);opacity:.7}.kpi-label{color:var(--muted);font-size:12px;font-weight:500}.kpi-value{font-size:clamp(20px,2vw,26px);font-weight:650;letter-spacing:-.02em;margin-top:4px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.kpi-sub{color:var(--faint);font-size:12px;margin-top:2px}.kpi.compact .kpi-value{font-size:16px;font-weight:600;letter-spacing:-.01em;margin-top:8px}.notice{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:#f5b54414;border:1px solid rgba(245,181,68,.25);color:#ffe2a8;margin:12px 0}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;align-items:end;margin-bottom:18px}.filter-actions{display:flex;gap:8px}.list-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;flex-wrap:wrap}.details summary{cursor:pointer;color:var(--muted);margin:14px 0 8px}.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}.chip{padding:5px 10px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);overflow-wrap:anywhere}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:500;border:1px solid var(--border-strong);background:var(--surface);white-space:nowrap}.pill .icon{width:13px;height:13px}.pill-type{font-family:var(--mono);color:#bfeeed;border-color:#3cc6c459;background:#3cc6c414}.pill-active{color:var(--ok);border-color:#4fd69c59;background:#4fd69c14}.pill-rotating{color:var(--warn);border-color:#ffb54759}.pill-expired,.pill-revoked{color:var(--faint)}.pill-warn{color:#ffd08a;border-color:#ffb54773;background:#ffb5471a}.link{color:#9fe3e2;border-bottom:1px dashed rgba(159,227,226,.35);overflow-wrap:anywhere}.link:hover{color:#c9f5f4}.table-wrap{width:100%;overflow-x:auto;border-radius:12px;border:1px solid var(--border)}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);padding:11px 14px;background:#ffffff06;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:12px 14px;border-bottom:1px solid rgba(160,210,225,.07);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#ffffff05}.table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.row-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.doc-link{display:grid;gap:2px}.meter{display:flex;align-items:center;gap:10px;min-width:150px}.meter-track{flex:1;height:6px;border-radius:99px;background:#ffffff0f;overflow:hidden}.meter-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.meter.alt .meter-fill{background:linear-gradient(90deg,var(--teal),#8ae8e6)}.meter-num{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted);font-size:12.5px;min-width:64px;text-align:right}.state{display:grid;justify-items:center;gap:10px;padding:40px 16px;text-align:center;color:var(--muted)}.state p{max-width:60ch}.state h3{color:var(--text);font-size:15px}.state-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);color:var(--accent)}.state-error .state-icon{color:var(--danger)}.state-loading{justify-items:stretch;padding:10px 0}.skeleton{height:16px;border-radius:8px;background:linear-gradient(90deg,#ffffff0a,#ffffff17,#ffffff0a);background-size:200% 100%;animation:shimmer 1.3s linear infinite}.skeleton.short{width:60%}@keyframes shimmer{to{background-position:-200% 0}}.chart{width:100%;height:260px;border-radius:12px;background:#030e1473;border:1px solid var(--border);padding:10px 6px 0}.chart svg{width:100%;height:100%;display:block;overflow:visible}.chart .grid{stroke:#a0d2e11a;stroke-dasharray:3 4}.chart .axis{fill:var(--faint);font-size:11px;font-family:var(--font)}.chart .line{fill:none;stroke:var(--accent);stroke-width:2.25;vector-effect:non-scaling-stroke}.chart .area{fill:url(#area-fill)}.chart .dot{fill:var(--bg);stroke:var(--accent-2);stroke-width:2;vector-effect:non-scaling-stroke}.funnel-steps{list-style:none;padding:0;margin:0;display:grid;gap:10px}.funnel-step-input{display:flex;align-items:center;gap:10px}.step-no{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:8px;background:#f5b54424;color:var(--accent-2);font-weight:600;font-size:12px}.funnel{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:16px}.funnel-row{display:grid;gap:8px}.funnel-label{display:flex;align-items:center;gap:10px;min-width:0;overflow-wrap:anywhere}.funnel-bar{height:14px;border-radius:99px;background:#ffffff0d;overflow:hidden}.funnel-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--teal));box-shadow:0 0 18px #f5b54459}.funnel-nums{display:flex;gap:12px;flex-wrap:wrap;align-items:baseline;font-variant-numeric:tabular-nums}.timeline{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;padding-bottom:16px;position:relative}.timeline-item:before{content:"";position:absolute;left:8px;top:16px;bottom:0;width:2px;background:linear-gradient(180deg,#f5b54459,#3cc6c426)}.timeline-item:last-child:before{display:none}.timeline-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--accent);background:var(--bg);margin-top:2px}.timeline-body{display:grid;gap:4px;min-width:0}.person-head,.doc-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-width:0}.doc-head h2{font-size:18px;overflow-wrap:anywhere;min-width:0}.project-avatar{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;font-weight:700;background:linear-gradient(135deg,#f5b54440,#3cc6c440);border:1px solid var(--border-strong);color:var(--text)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.project-card{position:relative;display:grid;gap:16px;transition:transform .2s ease,border-color .2s ease}.project-card:hover{transform:translateY(-2px);border-color:#f5b54459}.project-card-head{display:flex;align-items:center;gap:12px;min-width:0}.project-card-head h3{font-size:15px;overflow-wrap:anywhere}.project-go{position:absolute;right:18px;top:22px;color:var(--faint)}.project-card:hover .project-go{color:var(--accent)}.meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.meta dt{font-size:11px;color:var(--faint)}.meta dd{margin:2px 0 0;font-weight:500}.modal-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:#01080cb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{width:min(640px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:linear-gradient(180deg,#0b2531,#071b24);border:1px solid var(--border-strong);border-radius:18px;padding:24px;box-shadow:0 40px 80px -20px #000000b3;display:grid;gap:16px}.reveal-row{display:grid;gap:6px}.reveal-label{font-size:12px;color:var(--muted);font-weight:500}.reveal-key{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#030e14cc;border:1px dashed rgba(245,181,68,.45)}.reveal-key code{flex:1;min-width:0;overflow-wrap:anywhere;color:var(--accent-2)}.modal-actions{display:flex;justify-content:flex-end}.toast{position:fixed;z-index:60;bottom:20px;left:50%;transform:translate(-50%);max-width:calc(100vw - 32px);padding:10px 16px;border-radius:12px;background:#10303d;border:1px solid var(--border-strong);box-shadow:var(--shadow);animation:rise .25s ease}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}.login{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:48px;padding:48px clamp(20px,6vw,96px)}.login-hero{display:grid;gap:28px}.hero-title{font-size:clamp(28px,3.4vw,50px);line-height:1.08;letter-spacing:-.035em;background:linear-gradient(180deg,#fff,#a9c4cd);-webkit-background-clip:text;background-clip:text;color:transparent;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.hero-list{list-style:none;padding:0;margin:0;display:grid;gap:12px;color:var(--muted)}.hero-list li{display:flex;align-items:center;gap:10px}.hero-list .icon{color:var(--accent)}.hero-mock{display:flex;align-items:flex-end;gap:10px;height:120px;padding:18px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff0a,#ffffff03);max-width:440px}.mock-bar{flex:1;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--accent-2),rgba(245,181,68,.15));animation:grow 1.6s ease both;transform-origin:bottom}.mock-bar.b1{height:35%}.mock-bar.b2{height:55%;animation-delay:.1s}.mock-bar.b3{height:45%;animation-delay:.2s}.mock-bar.b4{height:80%;animation-delay:.3s}.mock-bar.b5{height:95%;animation-delay:.4s;background:linear-gradient(180deg,#8ae8e6,#3cc6c426)}@keyframes grow{0%{transform:scaleY(.1);opacity:.3}}.login-card{display:grid;gap:14px;max-width:440px;width:100%;justify-self:center}.login-card h2{font-size:22px}.login-form{display:grid;gap:10px;margin-top:6px}.glass{background:linear-gradient(180deg,#ffffff12,#ffffff06)}@media(max-width:1100px){.split{grid-template-columns:minmax(0,1fr)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.layout{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;z-index:40;left:0;top:0;bottom:0;width:min(300px,86vw);transform:translate(-105%);transition:transform .25s ease;box-shadow:30px 0 60px #00000080}.drawer-open .sidebar{transform:none}.drawer-open .scrim{display:block;position:fixed;inset:0;z-index:30;background:#01080c99}.menu-toggle{display:inline-flex}.topbar{padding:14px 16px}.content{padding:18px 16px 40px}.login{grid-template-columns:minmax(0,1fr);gap:28px;padding:28px 16px}.hero-mock{display:none}}@media(max-width:720px){.card{padding:16px;border-radius:14px}.form-grid{grid-template-columns:minmax(0,1fr)}.meta{grid-template-columns:repeat(2,minmax(0,1fr))}.range-slot,.range-slot .segmented{width:100%}.range-slot .segmented button{flex:1}.table-wrap{border:0;overflow:visible}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table tr{border:1px solid var(--border);border-radius:12px;padding:6px 12px;margin-bottom:10px;background:var(--surface)}.table td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid rgba(160,210,225,.06);text-align:right;min-width:0}.table td:before{content:attr(data-label);color:var(--faint);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;text-align:left;flex:none;max-width:45%}.table td[data-label=""]:before{display:none}.table td>*{min-width:0;overflow-wrap:anywhere}.table .num{text-align:right}.truncate{max-width:20ch}.meter{min-width:0;flex:1;justify-content:flex-end}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}