/* Grid adapted from Uiverse.io by adamgiebl; button gradient from aadium.
   Sources and original MIT license: non-public deploy/licenses/ui/. */
:root{color-scheme:dark;--bg:#080d15;--panel:#101823;--panel-2:#141f2c;--line:#263345;--muted:#98a8bb;--text:#e8eef7;--cyan:#7cdae4;--purple:#a393f6;--green:#82deb0;--red:#ff9da9;--radius:16px;font-family:Inter,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;font-size:14px;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,input,select,textarea{outline:none}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:29px;letter-spacing:-.9px;line-height:1.35;margin-bottom:9px}h2{font-size:18px;letter-spacing:-.3px;margin-bottom:6px}h3{font-size:15px}p{line-height:1.7}small{font-size:12px}.muted{color:var(--muted)}.mono{font-family:"Cascadia Code",Consolas,monospace;font-size:12px;overflow-wrap:anywhere}.icon{width:19px;height:19px;flex:none;vertical-align:middle}.skip-link{position:fixed;top:-60px;left:16px;z-index:50;background:var(--panel-2);padding:12px}.skip-link:focus{top:12px}

.button{border:1px solid var(--line);color:var(--text);background:#172231;border-radius:9px;min-height:39px;padding:9px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:550;transition:border-color .18s,background-position .3s,box-shadow .18s;white-space:nowrap}.button:hover:not(:disabled){border-color:#567086;background:#1c2b3d}.button.primary{color:#081725;border-color:#8bc9eb;background-image:linear-gradient(110deg,#8ee1e8,#8d9ff2,#9fe5ed);background-size:200% 100%;box-shadow:0 0 20px #5b9fe419}.button.primary:hover:not(:disabled){background-position:99%;box-shadow:0 0 22px #7bbfe434}.button.danger{border-color:#6b3e4b;color:#ffc0c7;background:#34202b}.button.danger:hover:not(:disabled){background:#452633}.button.ghost{background:transparent}.button.icon-button{min-height:34px;padding:6px;width:34px;background:transparent;border-color:transparent}.button.icon-button span{display:none}.button.small{min-height:30px;padding:5px 10px;font-size:12px}.button.full{width:100%}[aria-busy=true]{cursor:progress}[aria-busy=true]>.icon{animation:spin 1.1s linear infinite}.spinner{width:22px;height:22px;border:2px solid var(--line);border-top-color:var(--cyan);border-radius:50%;display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:var(--muted)}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr;padding:6vh 7vw;align-items:center;gap:8vw;position:relative;overflow:hidden}.login-layout:before{content:"";position:absolute;pointer-events:none;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,#425b9326,transparent 68%);top:-150px;left:0}.login-brand{position:relative;max-width:540px}.brand{display:flex;gap:12px;align-items:center}.brand img{width:39px;height:39px}.brand strong{display:block;font-size:16px;letter-spacing:.5px}.brand small{font-size:10px;letter-spacing:2px;color:var(--muted);display:block;margin-top:4px}.eyebrow{font-size:11px;letter-spacing:2.1px;text-transform:uppercase;color:var(--cyan);display:flex;align-items:center;gap:8px;margin-bottom:17px}.eyebrow:before{content:"";width:16px;height:1px;background:var(--cyan)}.login-brand .eyebrow{margin-top:85px}.login-brand h1{font-size:48px;line-height:1.3;letter-spacing:-1.8px;font-weight:600;margin-bottom:24px}.login-brand h1 span{color:var(--cyan)}.login-brand p{max-width:380px;color:var(--muted);font-size:15px}.login-facts{display:flex;gap:30px;margin-top:38px}.login-fact{border-left:1px solid #466274;padding-left:14px;font-size:12px;color:var(--muted);line-height:1.9}.login-fact strong{display:block;color:#c8d8e6;font-weight:500}.login-panel{width:100%;max-width:430px;padding:34px;background:linear-gradient(145deg,#172333df,#101722ef);border:1px solid #34465a;border-radius:21px;box-shadow:0 30px 100px #0005,0 0 35px #699ac409;position:relative}.login-panel:before{content:"";position:absolute;top:-1px;left:30px;right:30px;height:1px;background:linear-gradient(90deg,transparent,#8cbed3,transparent)}.login-panel h2{font-size:24px;margin:18px 0 8px}.login-panel .form-actions{margin-top:26px}.login-foot{border-top:1px solid var(--line);margin:24px 0 0;padding-top:18px;font-size:12px;color:var(--muted);line-height:1.7}
.shell{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 18px 20px;border-right:1px solid #233044;background:#0d1520ed}.sidebar .brand{padding:0 9px 30px}.nav-caption{font-size:10px;letter-spacing:1.8px;color:#71869d;padding:15px 14px 12px}.nav{display:flex;flex-direction:column;gap:5px}.nav a{color:#9babbe;border:1px solid transparent;display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:9px;font-size:13px}.nav a:hover{text-decoration:none;background:#172333;color:var(--text)}.nav a[aria-current=page]{border-color:#34515f;background:linear-gradient(90deg,#1c3a45,#182534);color:#a6eced;box-shadow:inset 2px 0 #7cdae4}.nav a .icon{width:18px}.sidebar-foot{margin-top:auto;padding:20px 12px 0;border-top:1px solid var(--line);color:#7c91a9;font-size:11px;line-height:1.9}.sidebar-foot strong{color:#becbda;display:block;font-weight:500}.sidebar-foot a{font-size:11px}.workspace{min-width:0}.topbar{height:75px;border-bottom:1px solid #243244;display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#0c131de6;gap:20px}.crumb{font-size:12px;color:var(--muted)}.crumb span{color:#c7d3e0;margin-left:10px}.account{display:flex;align-items:center;gap:12px;font-size:12px}.avatar{height:29px;width:29px;display:grid;place-items:center;border-radius:9px;background:#253044;color:#a7c7e2;border:1px solid #3a485d}.main-content{max-width:1530px;padding:34px 36px 28px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px}.page-head p{margin:0;font-size:13px;color:var(--muted)}.page-tools{display:flex;gap:10px;align-items:center}.page-index{font-family:Consolas,monospace;font-size:11px;letter-spacing:1.5px;color:#778ca1;margin-bottom:11px}.panel{background:linear-gradient(140deg,#121d2aef,#0f1823f5);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 23px;border-bottom:1px solid #233044}.panel-head p{margin:0;font-size:12px;color:var(--muted)}.panel-body{padding:23px}.panel h2{font-size:16px;margin-bottom:4px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:23px}.stat{padding:22px 22px 18px;position:relative;background:linear-gradient(120deg,#142230,#111a26);border:1px solid #2b3b4e;border-radius:13px;overflow:hidden}.stat:after{content:"";position:absolute;bottom:0;left:22px;width:38px;height:2px;background:var(--cyan);opacity:.7}.stat.purple:after{background:var(--purple)}.stat-label{display:flex;align-items:center;justify-content:space-between;color:#a6b6c9;font-size:12px}.stat-label .icon{color:#80c2d0;opacity:.75}.stat-value{font-size:33px;letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:15px 0 7px;font-weight:550}.stat-note{font-size:11px;color:#71869b}.overview-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;margin-bottom:22px}.chart-area{min-height:250px;padding:20px 23px}.chart{width:100%;height:210px;overflow:visible}.chart text{fill:#8094aa;font:10px "Segoe UI",sans-serif}.chart-legend{display:flex;gap:18px;color:var(--muted);font-size:11px;margin-top:12px}.chart-legend i{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:2px;background:var(--cyan)}.chart-legend .violet{background:var(--purple)}.quick-list{display:grid;gap:11px}.quick-link{border:1px solid #283b50;border-radius:10px;padding:16px;display:flex;align-items:center;gap:13px;background:#152232;color:#d7e5f1}.quick-link:hover{border-color:#59778c;text-decoration:none}.quick-link>.icon:first-child{color:var(--cyan)}.quick-link>.icon:last-child{margin-left:auto;width:16px;color:#7b91a8}.quick-link strong{display:block;font-size:13px;font-weight:500}.quick-link small{color:var(--muted);display:block;margin-top:4px}.small-note{font-size:11px;color:#7d92a8;line-height:1.7;margin-bottom:0}.page-foot{display:flex;justify-content:space-between;margin-top:26px;font-size:10px;letter-spacing:.5px;color:#63778e;gap:10px}
.filters{display:flex;gap:12px;padding:18px 22px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line)}.search-box{position:relative;flex:1;min-width:180px;max-width:390px}.search-box .icon{position:absolute;left:12px;top:11px;color:#7b92a9;width:17px}.search-box input{padding-left:37px;width:100%}.filters select{min-width:120px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;white-space:nowrap}th{font-weight:500;color:#8ea2b9;font-size:11px;letter-spacing:.3px;background:#0e1825;padding:13px 22px;border-bottom:1px solid var(--line)}td{padding:17px 22px;border-bottom:1px solid #213044;color:#cbd8e7;line-height:1.5}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#1b2c3e5c}td .sub{display:block;color:#7e92a7;font-size:10px;margin-top:5px;max-width:240px;overflow:hidden;text-overflow:ellipsis}td .mono{font-size:11px}.id-cell{max-width:245px}.id-cell .mono{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}.badge{font-size:10px;display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #3a4c61;border-radius:5px;background:#223042;color:#b4c4d6}.badge i{height:4px;width:4px;border-radius:50%;background:currentColor}.badge.unused,.badge.active,.badge.online{color:#8cdec0;background:#142f2b;border-color:#285345}.badge.used{color:#9cbef1;background:#1a2d45;border-color:#304b70}.badge.expired,.badge.offline{color:#a4adbd;background:#222a38;border-color:#374356}.badge.revoked,.badge.disabled{color:#f1a0ae;background:#36232f;border-color:#5b3544}.pagination{padding:16px 22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--muted);font-size:11px}.pagination-controls{display:flex;gap:7px;align-items:center}.pagination-controls span{padding:0 10px}.empty{min-height:230px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;color:var(--muted)}.empty-icon{height:48px;width:48px;background:#172638;border:1px solid #2a4055;display:grid;place-items:center;border-radius:14px;color:#83b2c7;margin-bottom:15px}.empty h3{font-size:14px;font-weight:500;color:#d7e2ef;margin-bottom:8px}.empty p{font-size:12px;max-width:380px;margin:0 0 15px}.loading{min-height:250px;display:grid;place-content:center;gap:15px;justify-items:center;color:var(--muted);font-size:12px}
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;min-width:0}.field-label{font-size:12px;color:#c6d3e3;font-weight:500}input,select,textarea{color:var(--text);background:#0c1520;border:1px solid #304358;border-radius:8px;padding:11px 12px;min-height:41px;width:100%;transition:border .2s}input:focus,select:focus,textarea:focus{border-color:#7dbacb;box-shadow:0 0 0 3px #65c2d410}input::placeholder,textarea::placeholder{color:#61758b}input[type=range]{accent-color:var(--cyan);padding:0;background:transparent;box-shadow:none}textarea{resize:vertical;min-height:80px}select{cursor:pointer}option{background:#101b29}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-grid .span-2{grid-column:1/-1}.form-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:23px}.notice{border:1px solid #6b3c4a;color:#ffc0c9;background:#341f2a;padding:12px 14px;border-radius:9px;font-size:12px;line-height:1.6;margin:12px 0;overflow-wrap:anywhere}.notice.success{border-color:#315f52;background:#19332d;color:#a0e7c9}.notice.info{border-color:#35526b;background:#172a3e;color:#b2d9f4}.notifications{position:fixed;right:22px;bottom:18px;z-index:100;display:flex;flex-direction:column;gap:8px;max-width:min(430px,calc(100vw - 32px))}.notifications .notice{margin:0;box-shadow:0 8px 30px #0005;display:flex;align-items:center;gap:14px}.notifications .icon-button{margin-left:auto;flex:none}.modal{border:1px solid #455773;border-radius:18px;background:linear-gradient(145deg,#162334,#101925);color:var(--text);padding:28px;width:490px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);box-shadow:0 24px 120px #0009}.modal.wide{width:660px}.modal::backdrop{background:#040812bc;backdrop-filter:blur(6px)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:26px}.modal-head h2{font-size:21px}.modal-head p{font-size:12px;margin:7px 0 0}.modal .form-actions{border-top:1px solid var(--line);padding-top:20px}.modal .notice{margin-bottom:20px}.dialog-message{font-size:13px;color:#b7c8da;line-height:1.9}.codes{background:#0a121d;border:1px solid #31485b;border-radius:10px;padding:18px;max-height:290px;overflow:auto;font:13px/2 "Cascadia Code",Consolas,monospace;user-select:all;white-space:pre-wrap;overflow-wrap:anywhere;color:#ade7e9}.secret{letter-spacing:1.3px;font-size:16px;user-select:all;color:#c5e8ed;background:#0b1622;padding:15px;border:1px solid var(--line);border-radius:9px;overflow-wrap:anywhere}.settings-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:start}.settings-stack{display:grid;gap:22px}.definition{display:grid;gap:0;margin:0}.definition>div{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #253345;font-size:12px}.definition>div:last-child{border:0}.definition dt{color:var(--muted)}.definition dd{margin:0;text-align:right;color:#d9e4f1;max-width:65%;overflow-wrap:anywhere}.preview{height:200px;border:1px solid #334459;border-radius:12px;background:radial-gradient(ellipse at 60% 80%,#253d55,#142232 55%,#101a27);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:20px 0}.preview-scene{text-align:center;color:#9cbbd2}.preview-scene .icon{width:66px;height:66px;opacity:.5}.preview-scene span{display:block;letter-spacing:3px;font-size:10px;margin-top:10px;color:#6b89a4}.watermark-layer{position:absolute;inset:-20%;display:grid;place-items:center;pointer-events:none;overflow:hidden}.watermark-layer span{color:white;white-space:nowrap;transform:rotate(-25deg);font-size:17px;letter-spacing:2px}.watermark-layer.tiled{grid-template-columns:1fr 1fr;gap:30px}.watermark-layer.moving span{animation:drift 12s ease-in-out infinite alternate}@keyframes drift{from{transform:translate(-30px,-35px) rotate(-25deg)}to{transform:translate(45px,40px) rotate(-25deg)}}.inline-value{float:right;color:var(--cyan);font-size:11px}.security-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
@media(min-width:1500px){.stats-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.stat{padding:20px 17px}.stat-value{font-size:30px}}
@media(max-width:1100px){.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:25px 12px}.sidebar .brand{padding-left:3px}.brand strong{font-size:14px}.brand img{width:34px;height:34px}.main-content{padding:28px 24px}.topbar{padding:0 24px}.settings-grid{grid-template-columns:1fr}.overview-grid{grid-template-columns:1fr}.overview-grid .quick-list{grid-template-columns:1fr 1fr}.login-layout{gap:5vw;padding:5vh 6vw}.login-brand h1{font-size:40px}.login-panel{padding:28px}}
@media(max-width:760px){.shell{display:block}.sidebar{position:relative;width:100%;height:auto;padding:16px;border-right:0;border-bottom:1px solid var(--line);display:block}.sidebar .brand{padding:0 5px 15px}.sidebar .brand small{font-size:9px}.nav-caption,.sidebar-foot{display:none}.nav{flex-direction:row;overflow-x:auto;gap:4px;padding-bottom:3px}.nav a{padding:10px 12px;white-space:nowrap;font-size:12px;gap:7px}.nav a .icon{width:16px}.topbar{height:58px;padding:0 20px}.topbar .account{gap:7px}.main-content{padding:25px 18px}.page-head{align-items:flex-start;margin-bottom:22px}.page-head h1{font-size:24px}.page-head p{font-size:12px;max-width:250px}.page-head .page-tools{flex-wrap:wrap;justify-content:flex-end}.page-head .page-tools .button{padding:8px 11px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:18px 16px}.stat-value{font-size:28px}.stat-label{font-size:11px}.stat-label .icon{width:16px}.overview-grid .quick-list{grid-template-columns:1fr}.panel-head{padding:19px 18px}.panel-body{padding:19px 18px}.filters{padding:15px;gap:8px}.filters .search-box{max-width:none;min-width:100%;flex:1}.filters select{width:auto;flex:1}.pagination{padding:15px;flex-wrap:wrap}.pagination-controls span{padding:0 3px}.page-foot{flex-direction:column;gap:7px}.login-layout{display:block;padding:32px 20px}.login-brand{margin:0 auto 28px;max-width:430px}.login-brand .eyebrow{margin-top:42px}.login-brand h1{font-size:34px;line-height:1.4;margin-bottom:15px}.login-brand p{font-size:13px}.login-facts{display:none}.login-panel{margin:auto}.form-grid{grid-template-columns:1fr}.modal{padding:23px}.modal-head{margin-bottom:22px}.modal .form-actions{flex-wrap:wrap}.page-index{font-size:10px}.settings-grid{gap:16px}.definition>div{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Refined neutral appearance. Light is the default; theme.js also supports
   explicit dark mode and the operating system preference. No decorative grid. */
.login-layout:before,.login-panel:before,.stat:after,.eyebrow:before{display:none}
.eyebrow{letter-spacing:1px;color:var(--muted)}.page-index{letter-spacing:.5px}.sidebar-foot{letter-spacing:0}
.button.primary{background:#4672d5;background-image:none;border-color:#4672d5;box-shadow:none;color:#fff}
.button.primary:hover:not(:disabled){background:#365fb9;border-color:#365fb9;box-shadow:none}
.button{font-weight:500;box-shadow:none}.stat{background:var(--panel);border-color:var(--line);border-radius:12px}.stat-label .icon{color:var(--muted);opacity:1}.stat-note{color:var(--muted)}
.panel{background:var(--panel);box-shadow:none}.sidebar{background:var(--panel)}.topbar{background:var(--panel)}
.main-content{padding-top:34px}.page-head h1{font-size:26px;font-weight:600;letter-spacing:-.6px}
.login-layout{background:var(--bg)}.login-panel{background:var(--panel);border-color:var(--line);box-shadow:0 16px 60px #0000000b;border-radius:16px}.login-brand h1{font-size:43px;font-weight:550}.login-brand h1 span{color:#6486d5}.login-brand .eyebrow{margin-top:72px}.login-brand p{color:var(--muted)}
.login-appearance{display:flex;justify-content:flex-end;margin-bottom:4px}.theme-picker{min-height:32px;width:104px;padding:5px 8px;font-size:11px;background:transparent;color:var(--muted);border-color:var(--line)}
.nav a[aria-current=page]{background:#263653;border-color:#3a4f70;color:#bbcff7;box-shadow:none}.nav a:hover{background:#1a2637}
.modal{background:var(--panel);border-color:var(--line);box-shadow:0 22px 100px #0004}.modal::backdrop{background:#07122180;backdrop-filter:blur(3px)}
.preview{background:linear-gradient(145deg,#30425c,#182638);border-color:var(--line)}.preview-scene{color:#b5c4dc}.preview-scene span{color:#91a6c2}
.watermark-layer.moving span{animation:none;transform:rotate(-25deg)}.chart-legend i{background:var(--cyan)}
:root:not([data-theme=dark]){color-scheme:light;--bg:#f7f8fa;--panel:#fff;--panel-2:#f3f5f8;--line:#e3e7ed;--muted:#748094;--text:#202c3d;--cyan:#4773ce;--purple:#8b7ec3;--green:#278363;--red:#bb4554;background:var(--bg);color:var(--text)}
:root:not([data-theme=dark]) .sidebar{border-color:var(--line)}
:root:not([data-theme=dark]) .sidebar-foot{border-color:var(--line);color:#8a94a3}
:root:not([data-theme=dark]) .sidebar-foot strong{color:#5c6a7e}
:root:not([data-theme=dark]) .sidebar-foot a{color:#708099}
:root:not([data-theme=dark]) .nav-caption{color:#a0a8b4}
:root:not([data-theme=dark]) .nav a{color:#6c778a}
:root:not([data-theme=dark]) .nav a:hover{background:#f6f7fa;color:#273952}
:root:not([data-theme=dark]) .nav a[aria-current=page]{background:#edf2fb;border-color:transparent;color:#4266b0}
:root:not([data-theme=dark]) .topbar{border-color:var(--line)}
:root:not([data-theme=dark]) .crumb span{color:#42516a}
:root:not([data-theme=dark]) .avatar{color:#5475af;background:#edf2fa;border-color:#dce5f4}
:root:not([data-theme=dark]) .button{background:#fff;border-color:#dce2eb;color:#526079}
:root:not([data-theme=dark]) .button:hover:not(:disabled){background:#f5f7fb;border-color:#bdcada}
:root:not([data-theme=dark]) .button.primary{background:#456ed0;border-color:#456ed0;color:white}
:root:not([data-theme=dark]) .button.primary:hover:not(:disabled){background:#365fb9;border-color:#365fb9}
:root:not([data-theme=dark]) .button.ghost{background:transparent}
:root:not([data-theme=dark]) .button.icon-button{border-color:transparent;background:transparent}
:root:not([data-theme=dark]) .button.danger{color:#b24b59;border-color:#e9d5db;background:#fffafb}
:root:not([data-theme=dark]) .button.danger:hover:not(:disabled){background:#fbeef1}
:root:not([data-theme=dark]) .stat-label{color:#68768b}
:root:not([data-theme=dark]) .stat-value{color:#29384d;font-weight:500}
:root:not([data-theme=dark]) .panel-head,:root:not([data-theme=dark]) .filters{border-color:var(--line)}
:root:not([data-theme=dark]) .quick-link{background:#fafbfe;border-color:#e6eaf1;color:#34445b}
:root:not([data-theme=dark]) .quick-link:hover{border-color:#bbcbe5;background:#f7f9fd}
:root:not([data-theme=dark]) .quick-link>.icon:first-child{color:#6b85b2}
:root:not([data-theme=dark]) .quick-link>.icon:last-child{color:#9aa8bc}
:root:not([data-theme=dark]) .page-index,:root:not([data-theme=dark]) .page-foot{color:#98a2b1}
:root:not([data-theme=dark]) th{background:#fafbfc;color:#7c8797;border-color:var(--line)}
:root:not([data-theme=dark]) td{color:#4b5b71;border-color:#edf0f4}
:root:not([data-theme=dark]) td .sub{color:#8a96a7}
:root:not([data-theme=dark]) tbody tr:hover{background:#fafcff}
:root:not([data-theme=dark]) .badge{background:#f2f4f7;color:#748094;border-color:#e3e7ef}
:root:not([data-theme=dark]) .badge.unused,:root:not([data-theme=dark]) .badge.active,:root:not([data-theme=dark]) .badge.online{background:#f0f8f4;color:#3d8a6d;border-color:#d9ebe1}
:root:not([data-theme=dark]) .badge.used{background:#eff4fc;color:#567eb8;border-color:#dae6f7}
:root:not([data-theme=dark]) .badge.revoked,:root:not([data-theme=dark]) .badge.disabled{background:#fff3f4;color:#b96270;border-color:#f3dce2}
:root:not([data-theme=dark]) input,:root:not([data-theme=dark]) select,:root:not([data-theme=dark]) textarea{background:#fff;color:var(--text);border-color:#dce2eb}
:root:not([data-theme=dark]) input:focus,:root:not([data-theme=dark]) select:focus,:root:not([data-theme=dark]) textarea:focus{border-color:#8ca9dc;box-shadow:0 0 0 3px #456ed00b}
:root:not([data-theme=dark]) input::placeholder,:root:not([data-theme=dark]) textarea::placeholder{color:#a1aaba}
:root:not([data-theme=dark]) option{background:white}
:root:not([data-theme=dark]) .field-label{color:#4c5a70}
:root:not([data-theme=dark]) .notice{border-color:#eed5db;background:#fff5f6;color:#ad5264}
:root:not([data-theme=dark]) .notice.info{border-color:#dbe5f6;background:#f2f6fd;color:#5a77a4}
:root:not([data-theme=dark]) .notice.success{border-color:#d5eadf;background:#f2faf6;color:#367d60}
:root:not([data-theme=dark]) .notifications .notice{box-shadow:0 5px 25px #20324d14}
:root:not([data-theme=dark]) .empty-icon{background:#f3f6fa;border-color:#e3e9f1;color:#8198b6}
:root:not([data-theme=dark]) .empty h3{color:#56647a}
:root:not([data-theme=dark]) .definition>div{border-color:#edf0f4}
:root:not([data-theme=dark]) .definition dd{color:#495b74}
:root:not([data-theme=dark]) .small-note{color:#8a95a5}
:root:not([data-theme=dark]) .codes,:root:not([data-theme=dark]) .secret{background:#f7f9fc;color:#426286;border-color:#dde5ef}
:root:not([data-theme=dark]) .dialog-message{color:#69788e}
:root:not([data-theme=dark]) .chart text{fill:#93a0b1}
:root:not([data-theme=dark]) .modal::backdrop{background:#2a3a4c40}
:root:not([data-theme=dark]) .theme-picker{background:transparent;color:#76849a}
:root:not([data-theme=dark]) .login-fact{border-color:#cfd9e8;color:#8390a4}
:root:not([data-theme=dark]) .login-fact strong{color:#536985}
:root:not([data-theme=dark]) .login-brand h1 span{color:#4c71bf}
/* Static opacity steps keep previews compatible with style-src 'self'. */
.watermark-layer.opacity-8{opacity:.08}.watermark-layer.opacity-9{opacity:.09}.watermark-layer.opacity-10{opacity:.10}.watermark-layer.opacity-11{opacity:.11}.watermark-layer.opacity-12{opacity:.12}.watermark-layer.opacity-13{opacity:.13}.watermark-layer.opacity-14{opacity:.14}.watermark-layer.opacity-15{opacity:.15}.watermark-layer.opacity-16{opacity:.16}.watermark-layer.opacity-17{opacity:.17}.watermark-layer.opacity-18{opacity:.18}.watermark-layer.opacity-19{opacity:.19}.watermark-layer.opacity-20{opacity:.20}.watermark-layer.opacity-21{opacity:.21}.watermark-layer.opacity-22{opacity:.22}.watermark-layer.opacity-23{opacity:.23}.watermark-layer.opacity-24{opacity:.24}.watermark-layer.opacity-25{opacity:.25}.watermark-layer.opacity-26{opacity:.26}.watermark-layer.opacity-27{opacity:.27}.watermark-layer.opacity-28{opacity:.28}.watermark-layer.opacity-29{opacity:.29}.watermark-layer.opacity-30{opacity:.30}.watermark-layer.opacity-31{opacity:.31}.watermark-layer.opacity-32{opacity:.32}.watermark-layer.opacity-33{opacity:.33}.watermark-layer.opacity-34{opacity:.34}.watermark-layer.opacity-35{opacity:.35}
.app-config-check{display:flex;align-items:center;gap:10px;margin-top:18px}.app-config-check input{width:18px;height:18px;accent-color:var(--cyan)}
@media(max-width:760px){.login-brand h1{font-size:33px}.login-brand .eyebrow{margin-top:36px}.account .username{display:none}.theme-picker{width:96px}.page-head h1{font-size:24px}}

.support-message-preview { white-space: pre-wrap; overflow-wrap: anywhere; padding: 16px; border-radius: 16px; background: var(--surface, #f1f5fb); line-height: 1.7; }

.support-marked-contact { color: #287cff; text-decoration: underline; }