:root{color-scheme:light;--ink:#15243b;--muted:#63718a;--border:#dfe5ee;--accent:#087d74;--accent-dark:#05645d;--navy:#0b162b;--surface:#fff;--bg:#f2f5f9;--red:#b6243d;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.6}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:var(--accent)}[hidden]{display:none!important}.site-header{height:88px;background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 max(5vw,24px)}.brand{display:flex;align-items:center;gap:13px}.brand-symbol{color:#67e8d0;font-size:43px;line-height:1}.brand strong{font-size:24px;letter-spacing:.12em}.brand div>span{display:block;font-size:10px;letter-spacing:.18em;color:#97a8c1;line-height:1.2}.header-status{display:flex;align-items:center;gap:9px;font-size:13px;color:#cfdae9}.status-dot{width:6px;height:6px;background:#67e8d0;border-radius:50%}.header-status .ghost{color:#d7efe9;border-color:#32435e}.workspace{max-width:1400px;margin:auto;padding:0 5vw}.tabs{display:flex;gap:32px;border-bottom:1px solid var(--border);margin:0 0 34px}.tab{border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);padding:21px 0 17px;font-weight:650;font-size:15px}.tab.active{color:var(--accent);border-color:var(--accent)}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:20px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:750;color:var(--accent);margin:0 0 6px}h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.3;letter-spacing:-.035em;margin-bottom:8px}h2{font-size:18px;margin-bottom:16px;letter-spacing:-.02em}h3{font-size:17px;margin-bottom:8px}.muted{color:var(--muted);margin-bottom:0;font-size:14px}.mode-pill{border:1px solid #b4d7d2;background:#e6f5f1;color:#086b61;padding:5px 12px;border-radius:20px;font-size:12px;white-space:nowrap}.notice{display:flex;gap:11px;padding:14px 18px;background:#e6eef9;border:1px solid #d2dff1;border-radius:10px;color:#435a7a;font-size:13px;margin:0 0 26px}.notice>span{font-size:20px;line-height:1.2;flex:none}.notice p{margin:0}.warning{background:#fff4dc;border-color:#e9d8b4;color:#745528}.local-layout{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:34px;align-items:start}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:26px;box-shadow:0 3px 12px #15243b03}.panel-heading,.section-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.panel-heading h2,.section-heading h2{margin:0}.panel-heading{padding-bottom:20px;margin-bottom:18px;border-bottom:1px solid #edf0f5}.subtle{font-size:10px;font-weight:650;letter-spacing:.08em;color:#8894a7}.section-heading{margin:0 0 20px;min-height:29px}.section-heading .subtle{font-size:12px;letter-spacing:0}.count{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:7px;background:#dfe7f2;font-size:12px;margin-left:7px;color:#4e6380}label{display:block;font-size:13px;font-weight:650;margin:15px 0 7px}.optional{font-size:11px;color:#8390a2;font-weight:400;margin-left:4px}input,select{width:100%;height:44px;border-radius:7px;border:1px solid #cfd8e4;background:#fbfcff;color:var(--ink);padding:9px 11px;font-size:14px;min-width:0}input:focus,select:focus,button:focus-visible,summary:focus-visible{outline:3px solid #76cdbf80;outline-offset:2px;border-color:var(--accent)}input::placeholder{color:#939eae;font-size:12px}input:disabled{background:#edf0f4}.field-hint{font-size:12px;line-height:1.7;color:#7a879b;margin:8px 0 12px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.three-fields{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:10px}.advanced{margin-top:22px;border-top:1px solid #e8edf3;padding-top:15px}.advanced summary{font-size:13px;color:#465972;cursor:pointer}.advanced summary span{display:block;font-size:11px;color:#8b96a7;padding-left:15px}.primary,.secondary,.ghost,.danger{border-radius:7px;padding:10px 15px;border:1px solid transparent;font-size:13px;font-weight:650;min-height:42px}.primary{background:var(--accent);color:white}.primary:hover{background:var(--accent-dark)}.secondary{background:#f8fafc;color:#34516f;border-color:#cfd9e5}.secondary:hover{background:#eaf0f7}.ghost{background:transparent;color:#58708c;border-color:#dce4ec}.danger{background:#fff4f5;color:var(--red);border-color:#efc9d1}.full{width:100%;margin-top:10px}.small{min-height:30px;font-size:11px;padding:4px 8px}.form-error{color:var(--red);font-size:13px;margin:12px 0;min-height:0}.form-error:empty{display:none}.quiet-note{margin:25px 0 0;border-top:1px solid var(--border);padding-top:19px}.quiet-note strong{font-size:12px;color:#4f637c}.quiet-note p{font-size:12px;color:#8390a2;margin:4px 0 0}.empty-state{min-height:270px;border:1px dashed #cad4e1;border-radius:14px;background:#f8fafd;text-align:center;padding:34px 24px;color:#61758e}.empty-state h3{color:#435873;font-weight:600}.empty-state p{font-size:13px;max-width:330px;margin:0 auto}.empty-symbol{font-size:42px;display:block;color:#95a7be;margin-bottom:10px}.code-placeholder{font:600 37px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:9px;color:#ced8e7;margin-top:20px}.cards{display:grid;gap:17px}.otp-card{background:var(--navy);color:#fff;border-radius:14px;padding:24px 26px;position:relative;overflow:hidden}.otp-card .card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.otp-card h3{font-size:17px;font-weight:650;color:#f0f5ff;margin-bottom:2px;overflow-wrap:anywhere}.otp-card .account-label{font-size:12px;color:#99abc4;overflow-wrap:anywhere;margin:0}.otp-card .delete{background:none;border:0;color:#95a9c5;padding:0 2px;font-size:20px;line-height:1;min-width:25px;min-height:28px}.otp-code-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0 20px}.otp-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;font-size:clamp(30px,3.6vw,45px);font-weight:600;line-height:1.1;letter-spacing:4px;color:#f5fcff;white-space:nowrap}.copy-code{background:#233149;border:1px solid #3a4a64;color:#d7f1eb;font-size:12px;border-radius:7px;padding:8px 12px;white-space:nowrap;min-height:36px}.copy-code:hover{background:#334862}.countdown-row{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:11px;color:#91a5c2}.countdown-row strong{color:#67e8d0;font-weight:650}.otp-card.soon .countdown-row strong{color:#ffc978}progress{appearance:none;border:0;display:block;width:100%;height:3px;border-radius:2px;overflow:hidden;background:#26354e}progress::-webkit-progress-bar{background:#26354e}progress::-webkit-progress-value{background:#67e8d0}progress::-moz-progress-bar{background:#67e8d0}.otp-card.soon progress::-webkit-progress-value{background:#ffc978}.otp-card.soon progress::-moz-progress-bar{background:#ffc978}.time-note{font-size:12px;color:#8190a4;padding:16px 2px}.center-panel{max-width:420px;margin:34px auto}.center-panel h2{margin-bottom:6px}.center-panel form{margin-top:24px}.password-panel{margin-top:27px;max-width:750px}.password-panel summary{font-size:14px;cursor:pointer;font-weight:650}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.admin-grid{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:20px;align-items:start}.record-list{border-top:1px solid var(--border);margin-top:26px;padding-top:7px}.record{padding:14px 0;border-bottom:1px solid #edf1f6}.record:last-child{border-bottom:0}.record-title{font-size:14px;font-weight:650;overflow-wrap:anywhere;margin:0 0 3px}.record-meta{font-size:11px;color:#7a8ba2;overflow-wrap:anywhere;margin-bottom:9px}.record-actions{display:flex;flex-wrap:wrap;gap:6px}.record-actions button{font-size:11px;min-height:29px;padding:4px 8px}.list-empty{font-size:13px;color:#8391a5;margin:16px 0}.error-banner{background:#ffe9ed;padding:18px;border:1px solid #f0bcc6;color:#a71e3a;border-radius:9px;margin-bottom:24px;font-size:14px}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid var(--border);margin-top:55px;padding:23px 0 26px;color:#8e9caf;font-size:11px}footer>span:first-child{font-weight:700;color:#5b718d}dialog{border:0;border-radius:16px;max-width:560px;width:calc(100% - 32px);padding:0;box-shadow:0 25px 70px #07132455;color:var(--ink)}dialog::backdrop{background:#0b162b99;backdrop-filter:blur(3px)}.dialog-body{padding:30px}.dialog-body>p{font-size:14px;color:var(--muted)}.dialog-body input{font-family:ui-monospace,monospace;font-size:13px}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);max-width:calc(100% - 36px);padding:12px 20px;background:#203b3a;color:#fff;border-radius:9px;font-size:13px;box-shadow:0 5px 25px #0b162b30;z-index:20}.deleted{opacity:.5}@media(min-width:1500px){.workspace{padding:0 60px}}@media(max-width:1080px){.admin-grid{grid-template-columns:1fr 1fr}.grant-panel{grid-column:1/-1}.local-layout{gap:24px;grid-template-columns:minmax(280px,380px) minmax(0,1fr)}.otp-code{font-size:32px;letter-spacing:2px}.otp-card{padding:23px 20px}}@media(max-width:760px){.site-header{height:74px;padding:0 20px}.brand strong{font-size:21px}.brand div>span{font-size:8px}.header-status{font-size:11px}.workspace{padding:0 20px}.tabs{gap:25px;margin-bottom:26px}.tab{font-size:14px;padding:18px 0 14px}.page-title{align-items:flex-start;gap:10px;margin-bottom:20px}.page-title h1{font-size:25px}.mode-pill{display:none}.eyebrow{font-size:10px}.muted{font-size:13px}.notice{padding:12px 14px;font-size:12px;margin-bottom:22px}.local-layout,.admin-grid{grid-template-columns:1fr;gap:25px}.panel{padding:22px}.codes-panel{min-width:0}.otp-card{padding:25px}.otp-code{font-size:42px;letter-spacing:3px}.grant-panel{grid-column:auto}.empty-state{min-height:220px;padding:26px 20px}.code-placeholder{margin-top:9px}.header-status .status-dot{display:none}.section-heading{margin-bottom:14px}footer{margin-top:30px;font-size:10px}.subtle{font-size:9px}}@media(max-width:390px){.workspace{padding:0 14px}.site-header{padding:0 14px}.header-status{max-width:145px;flex-wrap:wrap;justify-content:flex-end;gap:4px}.otp-code{font-size:34px;letter-spacing:2px}.otp-card{padding:22px 18px}.panel{padding:19px}.two-fields{gap:10px}.copy-code{padding:7px 9px}.tabs{gap:19px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s ease,border-color .15s ease}.view{animation:appear .2s ease}@keyframes appear{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}}
.qr-tools{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 16px}.qr-tools button,.qr-file-label{flex:1 1 150px;text-align:center;margin:0;display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.qr-tools p{flex-basis:100%;font-size:12px;color:#718197;margin:0}.qr-file-label:focus-within{outline:3px solid #76cdbf80;outline-offset:2px}#scan-video{display:block;width:100%;max-height:58vh;min-height:180px;object-fit:contain;background:#0b162b;border-radius:10px}#scan-status{font-size:13px;margin:12px 0 0;color:#546882}#scan-dialog{max-width:520px}@media(max-width:390px){.qr-tools button,.qr-file-label{flex-basis:100%}}
.login-landing{max-width:520px;margin:8vh auto 0;text-align:center}.login-landing .center-panel{text-align:left;margin:26px auto}.login-landing .muted{margin-top:8px}.tabs{overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.tabs .tab{flex:none}
#personal-add-dialog{max-width:620px;max-height:90vh;overflow-y:auto}#personal-add-dialog .panel-heading{margin-bottom:0}#personal-add-dialog .panel-heading h2{margin:0}.personal-layout{max-width:950px;margin:auto}.personal-layout .codes-panel{width:100%}@media(max-width:760px){#personal-add-dialog .dialog-body{padding:22px}.page-title #personal-add-open{white-space:nowrap}}