:root{--ink:#14181d;--ink-muted:#5a6673;--ink-faint:#8a94a0;--surface:#f6f7f9;--panel:#fff;--panel-sunken:#eef1f4;--line:#e0e4e9;--line-strong:#c6cdd5;--brand:#1b4d57;--brand-hover:#16404a;--brand-soft:#e4eef0;--brand-on:#fff;--fresh:#2f7d4f;--fresh-ink:#215b39;--fresh-bg:#e7f3ec;--watch:#c08400;--watch-ink:#8a6000;--watch-bg:#fbf2dc;--critical:#d9541e;--critical-ink:#9c3a0f;--critical-bg:#fcebe2;--expired:#b02418;--expired-bg:#fae6e4;--role-user:#3e8a93;--role-admin:#6b5ca5;--focus-ring:#3e8a93;--font-ui:"Archivo", system-ui, -apple-system, sans-serif;--font-num:"JetBrains Mono", ui-monospace, monospace;--radius-input:4px;--radius-panel:8px;--radius-modal:12px;--radius-pill:999px;--shadow-dropdown:0 4px 12px #14181d1a;--shadow-modal:0 16px 40px #14181d2e;--login-navy:#141e3f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#e8ecf0;--ink-muted:#9aa5b1;--ink-faint:#6b7683;--surface:#101418;--panel:#171c21;--panel-sunken:#1e242a;--line:#2a3138;--line-strong:#3a434c;--brand:#4e9ba6;--brand-hover:#5faab5;--brand-soft:#163034;--brand-on:#0b1215;--fresh:#4fae77;--fresh-ink:#7ccb9c;--fresh-bg:#14281d;--watch:#dba537;--watch-ink:#e8c06a;--watch-bg:#2b220e;--critical:#e87848;--critical-ink:#f2a07c;--critical-bg:#2e1a11;--expired:#d95f52;--expired-bg:#2e1512;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--ink:#e8ecf0;--ink-muted:#9aa5b1;--ink-faint:#6b7683;--surface:#101418;--panel:#171c21;--panel-sunken:#1e242a;--line:#2a3138;--line-strong:#3a434c;--brand:#4e9ba6;--brand-hover:#5faab5;--brand-soft:#163034;--brand-on:#0b1215;--fresh:#4fae77;--fresh-ink:#7ccb9c;--fresh-bg:#14281d;--watch:#dba537;--watch-ink:#e8c06a;--watch-bg:#2b220e;--critical:#e87848;--critical-ink:#f2a07c;--critical-bg:#2e1a11;--expired:#d95f52;--expired-bg:#2e1512;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{background:var(--surface);color:var(--ink);font:400 14px/21px var(--font-ui);-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--brand-soft)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}button{font:inherit;color:inherit}h1{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:600;line-height:32px}h2{margin:0;font-size:18px;font-weight:600;line-height:26px}h3{margin:0;font-size:15px;font-weight:600;line-height:22px}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}.muted{color:var(--ink-muted)}.faint{color:var(--ink-faint)}.caption{color:var(--ink-muted);font-size:12px;line-height:16px}.small{font-size:13px;line-height:19px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.row{align-items:center;gap:8px;display:flex}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.spacer{flex:1}.stack{flex-direction:column;gap:16px;display:flex}.btn{border-radius:var(--radius-input);border:1px solid var(--line-strong);background:var(--panel);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:14px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--panel-sunken)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--brand-on)}.btn-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.btn-danger{background:var(--expired);border-color:var(--expired);color:#fff}.btn-danger:hover{filter:brightness(.94);background:var(--expired)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--panel-sunken)}.btn-sm{height:30px;padding:0 10px;font-size:13px}.btn-icon{width:34px;padding:0}.btn svg{flex:none;width:16px;height:16px}.badge{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:6px;height:22px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.b-fresh{background:var(--fresh-bg);color:var(--fresh-ink)}.b-watch{background:var(--watch-bg);color:var(--watch-ink)}.b-critical{background:var(--critical-bg);color:var(--critical-ink)}.b-expired{background:var(--expired-bg);color:var(--expired)}.b-neutral{background:var(--panel-sunken);color:var(--ink-muted)}.b-brand{background:var(--brand-soft);color:var(--brand)}.b-admin{background:color-mix(in srgb, var(--role-admin) 14%, transparent);color:var(--role-admin)}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>label,.label{color:var(--ink);font-size:13px;font-weight:500}.req:after{content:" *";color:var(--expired)}.input,.select,.textarea{border:1px solid var(--line-strong);border-radius:var(--radius-input);background:var(--panel);width:100%;height:40px;color:var(--ink);font:inherit;padding:0 12px}.textarea{resize:vertical;height:auto;min-height:72px;padding:10px 12px}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--focus-ring);outline-offset:0;border-color:var(--focus-ring)}.input::placeholder,.textarea::placeholder{color:var(--ink-faint)}.help{color:var(--ink-muted);font-size:12px;line-height:16px}.error-text{color:var(--expired);align-items:flex-start;gap:6px;font-size:12px;line-height:16px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid .full{grid-column:1/-1}.group{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding-top:16px;display:flex}.check{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.check input{width:16px;height:16px;accent-color:var(--brand)}.seg{border:1px solid var(--line-strong);border-radius:var(--radius-input);flex-wrap:wrap;display:inline-flex;overflow:hidden}.seg button{background:var(--panel);cursor:pointer;border:0;border-right:1px solid var(--line);height:34px;padding:0 12px;font-size:13px}.seg button:last-child{border-right:0}.seg button[aria-pressed=true]{background:var(--brand);color:var(--brand-on)}.alert{border-radius:var(--radius-input);align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;line-height:19px;display:flex}.alert svg{flex:none;width:16px;height:16px;margin-top:2px}.alert-error{background:var(--expired-bg);color:var(--expired)}.alert-warn{background:var(--watch-bg);color:var(--watch-ink)}.alert-info{background:var(--brand-soft);color:var(--brand)}.switch{flex:none;width:38px;height:22px;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.switch span{background:var(--line-strong);pointer-events:none;border-radius:99px;transition:background .15s;position:absolute;inset:0}.switch span:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch input:checked+span{background:var(--brand)}.switch input:checked+span:after{transform:translate(16px)}.switch input:focus-visible+span{outline:2px solid var(--focus-ring);outline-offset:2px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel)}.panel-pad{padding:20px}.panel-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 20px;display:flex}.kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);text-align:left;cursor:pointer;flex-direction:column;gap:6px;padding:16px;display:flex}.kpi:hover{border-color:var(--line-strong)}.kpi .val{font:600 28px/34px var(--font-num)}.kpi .lbl{color:var(--ink-muted);align-items:center;gap:6px;font-size:12px;display:flex}.dotbar{flex-wrap:wrap;gap:6px;display:flex}.dotbar i{border-radius:50%;width:12px;height:12px;display:block}.toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.toolbar .search{flex:220px;max-width:320px;position:relative}.toolbar .search svg{width:16px;height:16px;color:var(--ink-faint);position:absolute;top:10px;left:10px}.toolbar .search .input{height:36px;padding-left:34px}.toolbar .select{width:auto;height:36px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--panel);cursor:pointer;align-items:center;gap:6px;height:30px;padding:0 12px;font-size:13px;display:inline-flex}.chip[aria-pressed=true]{background:var(--ink);color:var(--panel);border-color:var(--ink)}.chip .cnt{font-family:var(--font-num);opacity:.75;font-size:12px}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:13px;line-height:19px}table.data th{background:var(--panel-sunken);text-align:left;color:var(--ink-muted);white-space:nowrap;border-bottom:1px solid var(--line);z-index:1;height:36px;padding:0 12px;font-size:12px;font-weight:600;position:sticky;top:0}table.data th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.data td{border-bottom:1px solid var(--line);vertical-align:middle;height:40px;padding:8px 12px}table.data tr:hover td{background:var(--panel-sunken)}table.data tr.is-expired td:first-child{box-shadow:inset 3px 0 0 var(--expired)}table.data tr.clickable{cursor:pointer}table.data .r{text-align:right}.cell-title{color:var(--ink);font-weight:500}.cell-sub{color:var(--ink-muted);font-size:12px}.empty{text-align:center;color:var(--ink-muted);flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.empty svg{width:28px;height:28px;color:var(--ink-faint)}.cards{display:none}.rcard{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.rcard.is-expired{box-shadow:inset 3px 0 0 var(--expired)}.skel{background:var(--panel-sunken);border-radius:4px;animation:1.2s ease-in-out infinite shimmer}@keyframes shimmer{0%,to{opacity:.55}50%{opacity:1}}.app{grid-template-rows:56px 1fr;grid-template-columns:240px 1fr;min-height:100vh;display:grid}.topbar{background:var(--panel);border-bottom:1px solid var(--line);z-index:20;grid-column:1/-1;align-items:center;gap:16px;padding:0 20px;display:flex;position:sticky;top:0}.brandmark{letter-spacing:-.01em;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.brandmark img{width:auto;height:24px}.brandmark .sep{background:var(--line-strong);width:1px;height:20px}.sidebar{border-right:1px solid var(--line);background:var(--panel);height:calc(100vh - 56px);box-shadow:inset 3px 0 0 var(--rail,var(--role-user));padding:12px 10px;position:sticky;top:56px;overflow-y:auto}.nav-sec{color:var(--ink-faint);letter-spacing:.02em;padding:14px 10px 6px;font-size:11px;font-weight:600}.nav-item{border-radius:var(--radius-input);cursor:pointer;width:100%;height:36px;color:var(--ink-muted);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;font-size:14px;display:flex}.nav-item svg{flex:none;width:18px;height:18px}.nav-item:hover{background:var(--panel-sunken);color:var(--ink)}.nav-item[aria-current=page]{background:var(--brand-soft);color:var(--brand);font-weight:600}.nav-item .count{font:500 11px/18px var(--font-num);background:var(--critical);color:#fff;text-align:center;border-radius:99px;min-width:20px;height:18px;margin-left:auto;padding:0 5px}.main{width:100%;min-width:0;max-width:1440px;padding:24px 32px 48px}.page-head{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.page-head .sub{color:var(--ink-muted);margin-top:2px}.userbox{align-items:center;gap:10px;margin-left:auto;display:flex}.avatar{background:var(--brand-soft);width:30px;height:30px;color:var(--brand);border-radius:50%;place-items:center;font-size:13px;font-weight:600;display:grid}.menu{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);min-width:200px;box-shadow:var(--shadow-dropdown);z-index:40;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.menu-floating{z-index:60;position:fixed;right:auto}.menu button{border-radius:var(--radius-input);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;height:34px;padding:0 10px;font-size:13px;display:flex}.menu button:hover{background:var(--panel-sunken)}.menu button svg{width:15px;height:15px}.menu .danger{color:var(--expired)}.tabbar{display:none}.backdrop{z-index:50;background:#14181d73;justify-content:center;align-items:center;padding:16px;animation:.18s cubic-bezier(.2,0,0,1) fade;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border-radius:var(--radius-modal);box-shadow:var(--shadow-modal);flex-direction:column;width:100%;max-width:560px;max-height:calc(100vh - 32px);animation:.18s cubic-bezier(.2,0,0,1) rise;display:flex}.modal.lg{max-width:760px}.modal-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 20px;display:flex}.modal-body{flex-direction:column;gap:16px;padding:20px;display:flex;overflow-y:auto}.modal-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.drawer-wrap{justify-content:flex-end;align-items:stretch;padding:0}.drawer{background:var(--panel);width:100%;max-width:520px;height:100%;box-shadow:var(--shadow-modal);flex-direction:column;animation:.18s cubic-bezier(.2,0,0,1) slide;display:flex}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes slide{0%{opacity:0;transform:translate(24px)}}.toasts{z-index:70;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--ink);color:var(--panel);border-radius:var(--radius-panel);box-shadow:var(--shadow-dropdown);align-items:center;gap:8px;max-width:380px;padding:10px 14px;font-size:13px;animation:.18s rise;display:flex}.toast.err{background:var(--expired);color:#fff}.toast svg{flex:none;width:16px;height:16px}.cal{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--panel);padding:12px}.cal-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cal-dow{color:var(--ink-faint);text-align:center;padding:4px 0;font-size:11px;font-weight:600}.cal-day{border-radius:var(--radius-input);cursor:pointer;height:36px;font:500 13px var(--font-num);color:var(--ink);background:0 0;border:0;position:relative}.cal-day:hover:not(:disabled){background:var(--panel-sunken)}.cal-day.out{color:var(--ink-faint);opacity:.5}.cal-day.past{color:var(--ink-faint)}.cal-day.today{box-shadow:inset 0 0 0 1px var(--line-strong)}.cal-day.sel{background:var(--brand);color:var(--brand-on)}.cal-day.due{background:var(--expired-bg);color:var(--expired);font-weight:700}.cal-day.due.sel{background:var(--expired);color:#fff}.cal-day:disabled{cursor:default;opacity:.3}.cal-legend{color:var(--ink-muted);flex-wrap:wrap;gap:14px;margin-top:10px;font-size:12px;display:flex}.cal-legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.daychips{flex-wrap:wrap;gap:6px;display:flex}.daychip{border-radius:var(--radius-pill);background:var(--brand-soft);height:26px;color:var(--brand);align-items:center;gap:4px;padding:0 4px 0 10px;font-size:12px;font-weight:500;display:inline-flex}.daychip button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.daychip button:hover{background:color-mix(in srgb, var(--brand) 15%, transparent)}.daychip svg{width:12px;height:12px}.login{background:#0d1426;position:fixed;inset:0;overflow:auto}.login-bg{background-image:-webkit-image-set(url(/login-bg-960.webp) 1x,url(/login-bg.webp) 2x);background-image:image-set("/login-bg-960.webp" 1x,"/login-bg.webp" 2x);background-position:30%;background-size:cover;position:absolute;inset:0}@media (width>=1100px){.login-bg{background-image:url(/login-bg.webp)}}.login-shade{background:linear-gradient(270deg,#0a1228c7 0%,#0a12288c 32%,#0a12281f 62%,#0a122800 100%),linear-gradient(#0a122800 60%,#0a122859);position:absolute;inset:0}.login-inner{justify-content:flex-end;align-items:center;min-height:100%;padding:32px clamp(16px,9vw,170px);display:flex;position:relative}.login-card{color:#14181d;background:#fffffff7;border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:440px;padding:40px 38px 34px;display:flex;box-shadow:0 24px 60px #050a1959}.login-card .logo{width:150px;height:auto;margin:0 auto 4px;display:block}.login-card .title{text-align:center;color:#5a6673;margin:-6px 0 6px;font-size:13px}.login-input{position:relative}.login-input input{width:100%;height:56px;font:400 15px var(--font-ui);color:#14181d;background:#fff;border:1px solid #d5dbe2;border-radius:8px;padding:0 48px 0 16px}.login-input input:focus{outline-offset:0;border-color:#3e8a93;outline:2px solid #3e8a93}.login-input input::placeholder{color:#7a8591}.login-input .eye{color:#5a6673;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:8px;right:8px}.login-input .eye:hover{background:#eef1f4}.login-input .eye svg{width:20px;height:20px}.login-hint{color:#5a6673;margin:-8px 0 0 2px;font-size:12px}.login-btn{background:var(--login-navy);color:#fff;height:52px;font:600 16px var(--font-ui);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;display:flex}.login-btn:hover{background:#1d2a55}.login-btn:disabled{opacity:.6;cursor:wait}.login-foot{color:#ffffffbf;font-size:12px;position:absolute;bottom:16px;left:24px}.login .alert-error{color:#b02418;background:#fae6e4}.login .alert-info{color:#1b3a63;background:#e8eef6}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.shake{animation:.12s linear 2 shake}@keyframes shake{25%{transform:translate(-2px)}75%{transform:translate(2px)}}.kv{grid-template-columns:140px 1fr;gap:6px 12px;font-size:13px;display:grid}.kv dt{color:var(--ink-muted)}.kv dd{word-break:break-word;min-width:0;margin:0}.code{font:12px/18px var(--font-num);background:var(--panel-sunken);border-radius:var(--radius-input);white-space:pre-wrap;word-break:break-word;max-height:280px;padding:10px 12px;overflow:auto}.timeline{flex-direction:column;display:flex}.tl-item{grid-template-columns:16px 1fr;gap:12px;padding-bottom:18px;display:grid;position:relative}.tl-item:before{content:"";background:var(--line);width:2px;position:absolute;top:16px;bottom:0;left:7px}.tl-item:last-child:before{display:none}.tl-dot{border:3px solid var(--panel);background:var(--brand);width:16px;height:16px;box-shadow:0 0 0 1px var(--line-strong);border-radius:50%;margin-top:2px}.diff-old{color:var(--expired);text-decoration:line-through}.diff-new{color:var(--fresh-ink)}.pw-box{background:var(--watch-bg);color:var(--watch-ink);border-radius:var(--radius-input);align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.pw-box code{font:600 15px var(--font-num);color:var(--ink);background:var(--panel);border-radius:4px;padding:2px 8px}@media (width<=1023px){.app{grid-template-columns:64px 1fr}.sidebar .lbl,.nav-sec,.nav-item .count{display:none}.nav-item{justify-content:center}.main{padding:20px}.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=639px){.app{grid-template-rows:56px 1fr;grid-template-columns:1fr;padding-bottom:64px}.sidebar{display:none}.topbar{gap:10px;padding:0 16px}.topbar .today,.userbox .uname{display:none}.main{padding:16px 16px 32px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi .val{font-size:24px;line-height:30px}.form-grid{grid-template-columns:1fr}.table-wrap.has-cards{display:none}.cards{display:block}.tabbar{background:var(--panel);border-top:1px solid var(--line);z-index:30;height:64px;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar button{color:var(--ink-muted);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:44px;font-size:11px;display:flex}.tabbar button svg{width:20px;height:20px}.tabbar button[aria-current=page]{color:var(--brand);font-weight:600}.modal{max-height:calc(100vh - 16px)}.backdrop{align-items:flex-end;padding:8px}.login-inner{justify-content:center;align-items:flex-end;padding:16px 16px 48px}.login-bg{background-position:25%}.login-shade{background:linear-gradient(#0a12281a 0%,#0a122859 45%,#0a1228d9 100%)}.login-card{padding:28px 22px 24px}.login-foot{display:none}.kv{grid-template-columns:1fr;gap:2px}.kv dd{margin-bottom:8px}.toasts{bottom:76px;left:16px;right:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.mail-edit{gap:12px;display:grid}.mail-preview{background:var(--panel-sunken);border-radius:var(--radius-input);padding:14px}.mail-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:14px;max-width:560px;padding:20px;font-size:14px;line-height:1.7;display:grid}.mail-card h3{color:var(--brand);margin:0;font-size:18px}.mail-card .tok-val{background:var(--panel-sunken);font:600 13px var(--font-num);border-radius:4px;padding:2px 6px}.mail-note{background:var(--watch-bg);color:var(--watch-ink);border-radius:4px;padding:10px 12px;font-size:13px}