/* SPDX-FileCopyrightText: 2026 KX project contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later */
:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#252b35;background:#f5f6f8;font-size:14px;line-height:1.6;font-synthesis:none;--muted:#848b98;--line:#e9ebf0;--accent:#245b50;--danger:#b64b49}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}button{border:0}input{border:1px solid #dce0e7;border-radius:8px;background:#fff;min-height:44px;padding:10px 12px;color:inherit;min-width:0}input:focus-visible,button:focus-visible,a:focus-visible,.table-wrap:focus-visible{outline:3px solid #b3d2c9;outline-offset:3px}[hidden]{display:none!important}.muted{color:var(--muted);font-size:13px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.15em;color:var(--muted);margin-bottom:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 17px;background:#fff;border:1px solid #dce0e7;border-radius:8px;color:#4f5866;font-size:13px;white-space:nowrap;transition:background .15s}.button:hover{background:#f0f3f5}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.primary:hover{background:#1b493f}.full-width{width:100%}.text-button{padding:8px 0;color:var(--muted);background:none;font-size:12px}.text-button:hover{color:#252b35}
.login-page{min-height:100svh;display:grid;place-items:center;padding:32px 22px}.login-card{width:min(390px,100%);padding:38px 32px 32px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 50px #29364505}.login-symbol{width:42px;height:42px;background:#edf4f1;border-radius:12px;color:var(--accent);display:grid;place-items:center;font-size:24px;margin-bottom:28px}.login-card h1{font-size:25px;font-weight:600;letter-spacing:.02em}.login-caption{margin-top:8px}.login-card form{margin-top:28px}.login-card label{display:block;margin:17px 0 8px;font-size:12px;color:#5e6674}.login-card input{width:100%}.field-error{color:var(--danger);font-size:12px;min-height:26px;padding-top:8px}.login-card .button{margin-top:8px;min-height:44px}
.boot-state{min-height:100svh;display:flex;align-items:center;justify-content:center;gap:16px;flex-direction:column;color:var(--muted)}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(30px,calc((100vw - 1200px)/2));gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:15px;font-weight:600;letter-spacing:.03em}.brand-mark{width:36px;height:36px;border:1px solid #e3e8e6;border-radius:10px;display:grid;place-items:center;font-size:12px;letter-spacing:-.05em;color:var(--accent);background:#f1f6f3}.account{display:flex;align-items:center;gap:24px;color:#687180;font-size:12px}.workspace{width:min(1200px,calc(100% - 60px));margin:44px auto 64px}.page-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:30px}.page-heading h1{font-size:29px;font-weight:600;letter-spacing:.02em}.page-heading .muted{margin-top:8px}.refresh{display:flex;align-items:center;gap:15px}.refresh .muted{font-size:11px;margin:0}.notice{padding:12px 16px;border-radius:8px;margin:0 0 20px;font-size:13px}.notice.error{background:#fbeeed;color:#9b4543;border:1px solid #f1dad9}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px;position:relative;min-height:172px;overflow:hidden}.stat-label{font-size:12px;color:#7b8492}.stat-number{font-size:29px;font-weight:600;letter-spacing:-.025em;line-height:1.3;margin-top:15px}.stat-detail{color:#929aa6;font-size:11px;margin-top:9px;position:relative;z-index:1}.stat-icon{position:absolute;right:24px;top:28px;font-size:19px;color:#c7cfce}.storage-card{background:#f4f8f5;border-color:#e2ece5}.storage-card .stat-label{color:#668071}.storage-card progress{width:100%;height:4px;display:block;margin-top:15px;appearance:none;border:0;border-radius:4px;overflow:hidden;background:#dce8df}.storage-card progress::-webkit-progress-bar{background:#dce8df}.storage-card progress::-webkit-progress-value{background:#75a487;border-radius:4px}.storage-card progress::-moz-progress-bar{background:#75a487;border-radius:4px}
.panel{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;margin-bottom:26px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;border-bottom:1px solid #f0f1f4}.panel-heading h2{font-size:17px;font-weight:600}.panel-heading .muted{font-size:12px;margin-top:5px}.subtle-tag{display:inline-flex;align-items:center;font-size:11px;color:#839086;background:#f1f5f2;border-radius:6px;padding:5px 10px;white-space:nowrap}.settings-grid{display:grid;grid-template-columns:1fr 1fr;padding:9px 28px}.toggle-row{display:flex;gap:24px;align-items:center;padding:22px 0;cursor:pointer;position:relative}.toggle-row:first-child{padding-right:35px}.toggle-row+label{padding-left:35px;border-left:1px solid #f0f1f4}.toggle-row strong{font-size:13px;font-weight:500;display:block}.toggle-row small{display:block;color:#939ba8;font-size:11px;margin-top:5px}.toggle-row input{opacity:0;position:absolute;right:0;width:40px;height:24px;min-height:24px;margin:0}.switch{width:38px;height:22px;flex-shrink:0;border-radius:20px;background:#d6dce2;position:relative;margin-left:auto;pointer-events:none;transition:background .15s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0001;transition:transform .15s}.toggle-row input:checked+.switch{background:var(--accent)}.toggle-row input:checked+.switch:after{transform:translateX(16px)}.toggle-row input:focus-visible+.switch{outline:3px solid #b3d2c9;outline-offset:4px}.panel-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 28px;border-top:1px solid #f0f1f4;background:#fdfefe}.panel-bottom .muted{font-size:11px}
.invite-form{padding:24px 28px;display:flex;align-items:flex-start;gap:16px;background:#fdfefe;border-bottom:1px solid #f0f1f4}.form-field{display:flex;flex-direction:column;gap:8px;max-width:150px}.form-field label{font-size:12px;color:#677180}.form-field input{height:42px;font-size:13px}.form-field small{font-size:10px;color:#9ba2ad}.expiry-field{max-width:280px;flex:1}.optional{font-size:10px;color:#abb0b9;margin-left:4px}.invite-form .button{margin-top:27px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:860px;text-align:left}th{font-size:11px;font-weight:500;color:#919aa7;background:#fcfcfd;padding:13px 28px;border-bottom:1px solid #f0f1f4}td{padding:20px 28px;font-size:12px;border-bottom:1px solid #f0f1f4;vertical-align:middle}tr:last-child td{border-bottom:0}td code{font:12px ui-monospace,SFMono-Regular,Menlo,monospace;color:#3f4b48;overflow-wrap:anywhere;display:block;max-width:205px}td .subline{display:block;font-size:10px;color:#9da5af;margin-top:5px}.actions-heading{width:270px}.row-actions{display:flex;gap:12px;align-items:center;white-space:nowrap}.row-actions button{font-size:11px;padding:5px 0;color:#557268;background:none}.row-actions button:hover{color:#1c4e40}.row-actions button.danger{color:#b76b68}.row-actions button:disabled{color:#b4b9c0;cursor:default}.badge{display:inline-flex;border-radius:5px;padding:3px 8px;font-size:10px;background:#edf5f0;color:#557e66}.badge.revoked,.badge.expired{color:#a18d75;background:#f6f1e9}.badge.exhausted{color:#939ba5;background:#f0f2f5}.empty{height:140px;text-align:center;color:#9aa2af;font-size:12px}.admin-footer{text-align:center;color:#b0b6be;font-size:10px;padding-bottom:30px;letter-spacing:.08em}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);max-width:calc(100% - 36px);background:#243b32;color:white;box-shadow:0 12px 40px #0002;padding:12px 20px;border-radius:9px;font-size:12px;z-index:10}.toast.error{background:#8d4644}dialog{border:1px solid #e8eced;border-radius:18px;width:min(390px,calc(100% - 36px));padding:34px 28px 28px;box-shadow:0 25px 100px #14221d2e;text-align:center;color:#29362f}dialog::backdrop{background:#15221d55;backdrop-filter:blur(5px)}dialog h2{font-size:22px;font-weight:600}.dialog-close{position:absolute;top:10px;right:12px;background:none;color:#99a29e;font-size:25px;padding:0 8px}.qr-code{padding:16px;background:white;display:inline-block;margin:22px auto 15px;border:1px solid #ebeeed;border-radius:12px}.qr-code img,.qr-code canvas{display:block!important;width:210px;height:210px}.qr-code canvas+img{display:none!important}.qr-invite-code{font:13px ui-monospace,SFMono-Regular,Menlo,monospace;display:block;overflow-wrap:anywhere;margin-bottom:8px}dialog .muted{font-size:11px}#qr-url{display:block;font-size:11px;color:#75877d;overflow-wrap:anywhere;margin:12px 0 22px}
@media(max-width:1000px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-height:165px}.refresh .muted{display:none}}
@media(max-width:640px){.topbar{height:66px;padding:0 20px}.brand{font-size:13px;gap:9px}.brand-mark{width:32px;height:32px;font-size:11px}.account{gap:16px}.account>span{display:none}.workspace{width:calc(100% - 32px);margin-top:28px}.page-heading{margin-bottom:23px;gap:12px}.page-heading h1{font-size:25px}.page-heading .muted{font-size:11px}.page-heading .eyebrow{font-size:10px}.refresh .button{padding:8px 12px;min-height:38px}.stat-grid{gap:10px;margin-bottom:20px}.stat-card{padding:18px 16px;min-height:155px}.stat-number{font-size:25px;margin-top:15px}.stat-label{font-size:11px}.stat-detail{font-size:10px}.stat-icon{right:16px;top:21px;font-size:16px}.panel{border-radius:11px;margin-bottom:20px}.panel-heading{padding:20px}.panel-heading h2{font-size:16px}.panel-heading .muted{font-size:11px;max-width:230px}.settings-grid{grid-template-columns:1fr;padding:0 20px}.toggle-row:first-child{padding-right:0}.toggle-row+label{padding-left:0;border-left:0;border-top:1px solid #f0f1f4}.toggle-row{padding:20px 0}.panel-bottom{padding:16px 20px}.panel-bottom .muted{max-width:160px;font-size:10px}.invite-form{padding:20px;gap:12px;display:grid;grid-template-columns:105px 1fr}.form-field,.expiry-field{max-width:none}.invite-form .button{margin-top:0;grid-column:1/-1;justify-self:start}.form-field input{font-size:12px;width:100%}.form-field label{font-size:11px}.optional{font-size:9px}.login-card{padding:32px 26px}.login-card h1{font-size:23px}.subtle-tag{font-size:10px}.toast{bottom:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}

.stats-note{font-size:11px;margin:-13px 2px 24px;color:#9aa2ad}