:root{--ink:#17202a;--muted:#69727d;--teal:#0b6b63;--gold:#d4a72c;--paper:#f4f6f7;--line:#e3e7ea;--danger:#c0392b;--sidebar-width:250px;letter-spacing:0}
*{letter-spacing:0}.app-sidebar{background:#17202a!important}.sidebar-brand{height:64px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-link{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;padding:12px 18px}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;background:var(--gold);color:#17202a;border-radius:6px;font-weight:800}.brand-mark.large{width:46px;height:46px;font-size:21px}.sidebar-menu .nav-link{border-radius:4px;margin:2px 10px;color:#cbd2d8}.sidebar-menu .nav-link.active{background:var(--teal);color:#fff}.app-header{min-height:64px}.app-content-header h1{font-size:1.4rem;font-weight:700;color:var(--ink)}.app-content{padding-bottom:32px}.app-footer{font-size:.82rem;color:var(--muted)}
.btn{border-radius:4px}.btn-primary{--bs-btn-bg:var(--teal);--bs-btn-border-color:var(--teal);--bs-btn-hover-bg:#08584f;--bs-btn-hover-border-color:#08584f}.form-control,.form-select,.input-group-text{border-radius:4px}.panel{background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 2px 8px rgba(23,32,42,.04);overflow:hidden}.panel-heading{height:56px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-heading h2{font-size:1rem;font-weight:700;margin:0;color:var(--ink)}.panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--line)}.search-box{max-width:380px}.table thead th{background:#f8f9fa;color:#5e6872;font-size:.78rem;text-transform:none;border-bottom-width:1px;padding:12px 16px;white-space:nowrap}.table td{padding:13px 16px;border-color:#edf0f2}.avatar{width:40px;height:40px;border-radius:5px;object-fit:cover}.avatar-fallback{display:grid;place-items:center;background:#dceae8;color:var(--teal);font-weight:700}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.status-success{background:#198754}.status-warning{background:#d4a72c}.status-danger{background:#c0392b}.status-orange{background:#e67e22}.empty-state{text-align:center!important;color:var(--muted)!important;padding:36px!important}
.metric-box{height:96px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:16px;display:flex;align-items:center;gap:12px}.metric-icon{font-size:1.4rem}.metric-box span{display:block;font-size:.76rem;color:var(--muted);white-space:nowrap}.metric-box strong{display:block;font-size:1.55rem;color:var(--ink);line-height:1.2}.chart{height:320px}.chart-wide{height:300px}
.profile-panel{padding:28px}.profile-photo{width:112px;height:112px;border-radius:8px;object-fit:cover;margin:0 auto 16px}.profile-fallback{display:grid;place-items:center;background:#dceae8;color:var(--teal);font-size:40px;font-weight:700}.profile-panel h2{font-size:1.35rem;font-weight:700}.profile-list{display:grid;grid-template-columns:90px 1fr;text-align:left;font-size:.9rem;gap:11px 0}.profile-list dt{color:var(--muted);font-weight:500}.profile-list dd{margin:0;word-break:break-word}.training-banner{min-height:92px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;border-left:5px solid}.training-banner span,.training-banner small{display:block;font-size:.78rem}.training-banner strong{display:block;font-size:1.1rem}.training-banner b{font-size:2rem}.training-success{border-color:#198754;background:#eff9f4}.training-warning{border-color:#d4a72c;background:#fffae8}.training-danger{border-color:#c0392b;background:#fff3f1}.training-orange{border-color:#e67e22;background:#fff5ec}.qr-preview{width:min(100%,390px);aspect-ratio:1/1;object-fit:contain}.role-select{width:130px}.security-list{list-style:none;padding:18px;margin:0}.security-list li{padding:8px 0;color:#49525b}.security-list i{color:var(--teal);margin-right:9px}
.login-page-bg{min-height:100vh;margin:0;background:#17202a;display:grid;place-items:center;padding:20px}.login-shell{width:min(100%,420px)}.login-panel{background:#fff;border-top:5px solid var(--gold);border-radius:6px;padding:34px;box-shadow:0 20px 50px rgba(0,0,0,.28)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}.login-brand p{margin:0;font-size:1.15rem;font-weight:800;color:var(--ink)}.login-brand small{color:var(--muted)}.login-panel h1{font-size:1.35rem;font-weight:700;margin-bottom:24px}
.scan-page{margin:0;background:#edf1f2;color:var(--ink);font-family:system-ui,"Microsoft YaHei",sans-serif}.scan-shell{width:min(100%,520px);min-height:100vh;margin:0 auto;background:#fff}.https-warning{padding:12px 16px;background:#fff3cd;color:#664d03;font-size:.85rem}.scan-header{height:64px;background:#17202a;color:#fff;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.scan-brand{font-weight:700;font-size:.92rem;max-width:62%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.verified-badge{color:#7ee0d5;font-size:.8rem}.scan-identity{padding:24px 20px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line)}.scan-identity img,.scan-avatar{width:82px;height:82px;border-radius:6px;object-fit:cover}.scan-avatar{display:grid;place-items:center;background:#dceae8;color:var(--teal);font-size:30px;font-weight:700}.scan-identity h1{font-size:1.55rem;margin:0 0 6px;font-weight:800}.scan-identity p{margin:0 0 7px;color:var(--muted)}.scan-identity span{font-size:.78rem;background:#e8f5f2;color:var(--teal);padding:3px 8px;border-radius:3px}.expiry-strip{margin:16px 18px 0;padding:14px 16px;border-radius:5px;display:flex;justify-content:space-between;align-items:center;border-left:5px solid}.expiry-strip small{display:block;color:var(--muted)}.expiry-strip strong{font-size:1.35rem}.expiry-label{font-weight:700}.expiry-success{background:#eff9f4;border-color:#198754}.expiry-warning{background:#fffae8;border-color:#d4a72c}.expiry-danger{background:#fff3f1;border-color:#c0392b}.expiry-orange{background:#fff5ec;border-color:#e67e22}.scan-section{padding:22px 20px;border-bottom:1px solid var(--line)}.scan-section h2{font-size:1rem;font-weight:800;margin:0 0 16px}.scan-section dl{display:grid;grid-template-columns:100px 1fr;gap:12px;margin:0;font-size:.9rem}.scan-section dt{color:var(--muted);font-weight:500}.scan-section dd{margin:0;word-break:break-word}.training-timeline article{display:grid;grid-template-columns:88px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #eef1f2}.training-timeline article:last-child{border:0}.training-timeline time{font-size:.82rem;color:var(--muted)}.training-timeline h3{font-size:.92rem;font-weight:700;margin:0 0 3px}.training-timeline p{font-size:.8rem;color:var(--muted);margin:0}.scan-audit{padding:18px 20px;background:#f7f9f9;color:var(--muted);display:flex;gap:12px;align-items:flex-start;font-size:.75rem}.scan-audit i{font-size:1.2rem;color:var(--teal)}
@media(max-width:767.98px){.app-content-header .d-flex{align-items:flex-start!important;gap:12px;flex-direction:column}.app-content-header .d-flex>div{width:100%;display:flex;flex-wrap:wrap}.panel-toolbar{align-items:stretch;flex-direction:column}.search-box{max-width:none}.metric-box{height:84px;padding:12px}.metric-box strong{font-size:1.3rem}.chart{height:280px}.login-panel{padding:26px 22px}.table{min-width:720px}.profile-list{grid-template-columns:82px 1fr}}