:root{--bg:#10080c;--panel:#1b1015;--panel2:#24151c;--line:#3a242e;--text:#f8edf1;--muted:#b9a7af;--maroon:#761d39;--gold:#d5b46a;--green:#49c58b;--red:#f07878;--blue:#79aef5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 75% -20%,#42182a 0,transparent 42%),var(--bg)}button,input,select{font:inherit}.hidden{display:none!important}.app-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{background:#130a0e;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;color:var(--text);text-decoration:none;padding:0 8px 35px}.brand b{display:block;letter-spacing:2px}.brand small{display:block;color:var(--gold);font-size:10px;letter-spacing:3px;margin-top:3px}.brand-mark{width:42px;height:42px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-family:Georgia,serif;font-size:27px;font-weight:bold;transform:rotate(-4deg);border-radius:10px}.brand-mark.large{width:58px;height:58px;font-size:36px;margin-bottom:20px}.nav-list{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:var(--muted);padding:13px 14px;text-align:left;border-radius:10px;display:flex;gap:13px;align-items:center;cursor:pointer}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,#4c172b,#29131d);color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--gold)}.sidebar-bottom{margin-top:auto;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--red)}.main{padding:28px clamp(18px,4vw,54px) 18px;max-width:1600px;width:100%;margin:0 auto}.topbar,.welcome-row,.card-heading,.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar{padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:700;margin:0 0 7px}.topbar h1{font-size:clamp(25px,3vw,34px);margin:0}.top-actions{display:flex;gap:12px;align-items:center}.today-label,.user-pill{font-size:12px;color:var(--muted)}.user-pill{border:1px solid var(--line);padding:9px 12px;border-radius:20px;color:var(--gold)}h2,h3,p{margin-top:0}h2{font-size:22px;margin-bottom:6px}h3{font-size:16px;margin-bottom:5px}.muted{color:var(--muted)}.welcome-row{margin-bottom:20px}.welcome-row p,.card-heading p{margin-bottom:0;font-size:13px}.btn{border:1px solid transparent;border-radius:9px;padding:11px 15px;cursor:pointer;font-weight:650;font-size:13px;transition:.15s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#8b2345,#5b1730);border-color:#a94c6c;color:#fff}.btn-primary:hover{filter:brightness(1.15)}.btn-outline{background:#20121a;border-color:var(--line);color:var(--text)}.btn-outline:hover{border-color:var(--gold)}.btn-quiet{background:transparent;color:var(--muted);border-color:var(--line);padding:7px 10px}.full{width:100%}.text-button{border:0;background:transparent;color:var(--gold);cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat-card,.content-card{background:linear-gradient(145deg,#21131a,#180e13);border:1px solid var(--line);border-radius:15px}.stat-card{padding:20px}.stat-card span,.stat-card small{display:block;color:var(--muted);font-size:12px}.stat-card strong{display:block;font-size:32px;margin:10px 0 5px;color:var(--gold)}.content-card{padding:21px;margin-bottom:18px}.card-heading{margin-bottom:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th{text-align:left;color:var(--muted);font-weight:600;padding:12px;border-bottom:1px solid var(--line)}td{padding:13px 12px;border-bottom:1px solid #30202a}tbody tr:last-child td{border-bottom:0}.empty{text-align:center;color:var(--muted);padding:28px}.tag{display:inline-block;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700;background:#293b32;color:#7fe0ae}.tag.bad{background:#43252a;color:#ffaaaa}.tag.warn{background:#46391f;color:#f0d18a}.tag.info{background:#20364d;color:#a6ccff}.scanner-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.8fr);gap:18px}.scanner-card h3{margin-bottom:12px}.live-pill{font-size:10px;color:var(--green);letter-spacing:1px}.camera-frame{height:350px;background:#080609;border:1px solid #4a303b;border-radius:13px;position:relative;overflow:hidden;display:grid;place-items:center}.camera-frame video{width:100%;height:100%;object-fit:cover}.scan-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.scan-overlay span{width:min(78%,390px);height:100px;border:2px solid var(--gold);border-radius:12px;box-shadow:0 0 0 999px #0005}.camera-placeholder{position:absolute;display:grid;place-items:center;gap:8px;color:var(--muted);text-align:center;pointer-events:none}.camera-placeholder small{font-size:11px}.camera-icon{font-size:38px;color:var(--gold)}.scanner-actions,.button-row{display:flex;gap:9px;margin-top:13px}.message{font-size:12px;color:var(--muted);min-height:18px;margin:12px 0 0}.message.error{color:var(--red)}.message.success{color:var(--green)}.divider{height:1px;background:var(--line);margin:20px 0}.inline-form{display:flex;gap:8px}.inline-form input{flex:1}.result-card{display:flex;flex-direction:column}.scan-result{min-height:180px;display:grid;place-items:center;text-align:center}.result-placeholder{color:var(--muted)}.result-success{color:var(--green)}.result-error{color:var(--red)}.result-name{font-size:21px;font-weight:750;margin:8px 0}.result-action{font-size:12px;letter-spacing:1px;color:var(--gold);font-weight:800}.tip-box{margin-top:auto;background:#281923;border:1px solid #4c2d3b;border-radius:12px;padding:15px}.tip-box p{margin:8px 0;font-size:13px}.tip-box small{color:var(--muted);font-size:11px}.toolbar{display:flex;gap:9px;align-items:center;margin-bottom:16px}.toolbar input{flex:1}.filters input,.filters select{max-width:170px}input,select{width:100%;background:#100a0e;border:1px solid #49313c;color:var(--text);border-radius:8px;padding:11px 12px;outline:none}input:focus,select:focus{border-color:var(--gold)}label{display:grid;gap:7px;font-size:12px;color:var(--muted);margin:14px 0}footer{padding:30px 0 10px;color:#826f78;font-size:10px;letter-spacing:1.5px}footer span{color:var(--gold);padding:0 6px}.auth-wrap{min-height:65vh;display:grid;place-items:center}.auth-card{width:min(100%,410px);padding:34px;background:linear-gradient(145deg,#25141d,#170d12);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 70px #0005}.auth-card h2{font-size:29px}.auth-card form{margin:22px 0 12px}.auth-card label{margin:16px 0}.auth-card small{font-size:11px}.modal{width:min(94vw,480px);background:#1b1015;color:var(--text);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 30px 90px #0009}.modal::backdrop{background:#000a;backdrop-filter:blur(4px)}.modal-heading{margin-bottom:15px}.modal-heading h2{margin:0}.icon-button{background:transparent;border:0;color:var(--muted);font-size:27px;cursor:pointer}.check-label{display:flex;align-items:center;gap:9px}.check-label input{width:auto}.barcode-paper{background:#fff;border-radius:8px;padding:20px;margin:20px 0;display:grid;place-items:center}.barcode-paper svg{max-width:100%;height:auto}.tiny{font-size:10px}.barcode-modal{max-width:420px}.barcode-modal .button-row{justify-content:flex-end}.button-row{flex-wrap:wrap}.button-row .btn{flex:1}.trainer-actions{display:flex;gap:6px}.small-btn{padding:6px 9px;font-size:11px}.tip-box b{font-size:13px}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;min-height:0;padding:12px 15px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0 4px 12px}.nav-list{display:flex;overflow:auto}.nav-item{white-space:nowrap;padding:10px 12px}.sidebar-bottom{display:none}.main{padding-top:20px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.topbar{align-items:flex-start}.today-label{display:none}.top-actions{margin-left:auto}.scanner-layout{grid-template-columns:1fr}.camera-frame{height:280px}.welcome-row{align-items:flex-start;flex-direction:column}.toolbar,.filters{flex-wrap:wrap}.filters input,.filters select{max-width:none;flex:1 1 40%}.stats-grid{gap:9px}.stat-card{padding:14px}.stat-card strong{font-size:27px}.content-card{padding:15px}.inline-form{flex-direction:column}.topbar{margin-bottom:20px}.main{padding-left:13px;padding-right:13px}}@media print{body{background:white;color:black}.sidebar,.topbar,footer,.modal-heading,.barcode-modal .btn,.tiny{display:none!important}.modal{display:block;position:static;border:0;box-shadow:none;background:white;color:black}.barcode-paper{margin:0}.barcode-paper svg{width:100%}}