:root{--orange:#ff5b16;--orange-bright:#ff6b12;--graphite:#111216;--panel:#191c22;--panel-raised:#242a33;--ink:#f5f5f2;--muted:#abb0b9;--line:#3d424a;--danger:#ff775c;--space:1rem;--radius:.75rem;font-family:system-ui,sans-serif;color:var(--ink);background:var(--graphite)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 90% 0%,#35251d 0,transparent 28rem),var(--graphite)}button,input{min-height:44px;font:inherit}button{border:1px solid var(--orange);border-radius:.35rem;padding:.65rem 1rem;background:var(--orange);color:#181818;font-weight:800;cursor:pointer}button:hover{background:var(--orange-bright)}a{color:var(--orange-bright)}main{max-width:1100px;margin:auto;padding:var(--space)}.topbar{min-height:62px;padding:.5rem 1rem;background:#111216e8;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;letter-spacing:.08em}.topbar strong{font-family:Impact,sans-serif;font-size:1.45rem}.bottom-nav{position:fixed;z-index:2;bottom:0;left:0;right:0;min-height:62px;display:flex;justify-content:center;gap:1.5rem;align-items:center;background:#191c22f7;border-top:1px solid var(--line)}.bottom-nav a{font-size:.75rem;text-transform:uppercase;text-decoration:none;letter-spacing:.1em}.card{position:relative;overflow:hidden;background:linear-gradient(135deg,#242a33,#16181d);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;max-width:420px;margin:2rem auto;box-shadow:0 1.4rem 3rem #0007}.card:before{content:"";position:absolute;width:5rem;height:.45rem;top:0;left:0;background:var(--orange)}h1{margin-top:.4rem;font-family:Impact,sans-serif;font-size:clamp(2rem,8vw,3.25rem);line-height:.9;text-transform:uppercase;letter-spacing:.02em}p{color:var(--muted)}.field{display:grid;gap:.4rem;margin-block:1rem;color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}input{color:var(--ink);background:#111216;border:1px solid var(--line);border-radius:.25rem;padding:.6rem}input:focus{outline:2px solid var(--orange);outline-offset:2px}.error{color:var(--danger)}@media(min-width:768px){.bottom-nav{position:static;justify-content:flex-start;padding:.5rem 1rem}.card{margin-top:5rem}}.landing{min-height:100vh;max-width:1200px;margin:auto;padding:clamp(1.5rem,5vw,5rem)}.hero{min-height:62vh;display:grid;align-content:center;max-width:760px;border-left:1px solid var(--orange);padding-left:clamp(1rem,5vw,4rem)}.eyebrow{color:var(--orange);font-weight:800;font-size:.75rem;letter-spacing:.16em}.hero h1{font-size:clamp(3.5rem,11vw,8rem);margin:.5rem 0 1.5rem}.hero h1 em{color:var(--orange);font-style:normal}.lead{max-width:560px;font-size:1.1rem;line-height:1.7}.cta{display:inline-block;width:max-content;margin-top:1.5rem;padding:.9rem 1.2rem;background:var(--orange);color:#111216;font-weight:800;text-decoration:none;text-transform:uppercase;font-size:.8rem;letter-spacing:.08em}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));border-top:1px solid var(--line)}.features article{padding:1.5rem;border-right:1px solid var(--line)}.features span{color:var(--orange);font-family:Impact,sans-serif;font-size:1.5rem}.features h2{text-transform:uppercase;font-size:1.1rem}.sidebar{display:none}.dashboard{max-width:1200px;margin:auto;padding:clamp(1rem,4vw,3rem)}.dashboard-header,.panel-title{display:flex;align-items:start;justify-content:space-between;gap:1rem}.dashboard-header h1{margin:.25rem 0}.primary-action{background:var(--orange);color:#111216;padding:.8rem 1rem;font-size:.78rem;text-transform:uppercase;font-weight:800;text-decoration:none;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin:2rem 0}.stat-card,.activity-panel,.quick-panel{background:linear-gradient(135deg,#242a33,#16181d);border:1px solid var(--line)}.stat-card{padding:1rem}.stat-card>span{color:var(--orange);font-size:1.3rem}.stat-card p{margin:.8rem 0 .1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.stat-card strong{display:block;font-family:Impact,sans-serif;font-size:2rem}.stat-card small{color:#777e89;font-size:.7rem}.dashboard-grid{display:grid;gap:1rem}.activity-panel,.quick-panel{padding:1.25rem}.panel-title h2,.quick-panel h2{margin:.2rem 0 0;font-size:1.2rem}.panel-title a{font-size:.8rem;white-space:nowrap}.empty-state{min-height:210px;display:grid;place-content:center;text-align:center}.empty-state b{color:var(--orange);font-size:2rem}.empty-state h3{margin:.5rem}.quick-panel>a{display:flex;align-items:center;gap:.7rem;padding:.9rem 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:.9rem}.quick-panel>a span{color:var(--orange);font-family:Impact,sans-serif}.quick-panel>a b{margin-left:auto;color:var(--orange)}@media(min-width:900px){.app-authenticated{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.app-authenticated main{padding:0}.app-authenticated .topbar{display:none}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:1.5rem 1rem;background:#14161b;border-right:1px solid var(--line)}.brand{color:var(--ink);font-family:Impact,sans-serif;font-size:1.6rem;text-decoration:none;text-transform:uppercase;letter-spacing:.04em}.brand i{display:inline-block;width:.7rem;height:.7rem;margin-right:.45rem;background:var(--orange)}.nav-label{margin:3rem .65rem .75rem;color:#777e89;font-size:.65rem;text-transform:uppercase;letter-spacing:.15em}.side-nav{display:grid;gap:.2rem}.side-nav a{padding:.75rem;color:var(--muted);text-decoration:none;border-left:2px solid transparent;font-size:.9rem}.side-nav a span{display:inline-block;width:1.6rem;color:var(--orange)}.side-nav a.router-link-active{color:var(--ink);background:#22272f;border-left-color:var(--orange)}.side-user{margin-top:auto;display:flex;align-items:center;gap:.55rem;border-top:1px solid var(--line);padding:.9rem .2rem 0}.user-dot{display:grid;place-items:center;width:2rem;height:2rem;background:var(--orange);color:#111216;font-weight:800;border-radius:50%}.side-user div{display:grid;flex:1;min-width:0}.side-user strong{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user small{color:var(--muted);font-size:.65rem}.side-user button{min-height:auto;padding:.2rem;background:transparent;border:0;color:var(--muted)}.stats-grid{grid-template-columns:repeat(4,1fr)}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr)}}.users-page{max-width:1200px;margin:auto;padding:clamp(1rem,4vw,3rem)}.users-layout{display:grid;gap:1rem;margin-top:2rem}.users-table,.user-form{background:#191c22;border:1px solid var(--line);padding:1.15rem}.table-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:1rem}.table-title h2,.user-form h2{margin:.2rem 0;font-size:1.1rem}.table-title span{color:var(--muted);font-size:.75rem}.user-list{display:grid}.user-row{display:grid;grid-template-columns:auto 1fr;gap:.6rem;padding:1rem 0;border-bottom:1px solid var(--line);align-items:center}.avatar{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:#2d333d;color:var(--orange);font-weight:800}.user-info{min-width:0;display:grid}.user-info small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.role-pill,.status{width:max-content;padding:.25rem .45rem;font-size:.65rem;letter-spacing:.05em;border:1px solid var(--line)}.status.active{color:#8ee7a9}.status.inactive{color:var(--muted)}.row-actions{grid-column:1/-1;display:flex;gap:.4rem}.row-actions button,.secondary{min-height:auto;padding:.4rem .55rem;background:transparent;color:var(--muted);border-color:var(--line);font-size:.7rem}.row-actions .danger{color:var(--danger)}.user-form form{display:grid;gap:.8rem;margin-top:1rem}.user-form label{display:grid;gap:.35rem;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}select{min-height:44px;background:#111216;color:var(--ink);border:1px solid var(--line);padding:.5rem}.switch{display:flex!important;align-items:center;gap:.5rem}.switch input{min-height:auto;accent-color:var(--orange)}@media(min-width:800px){.users-layout{grid-template-columns:minmax(0,1fr) 330px}.user-row{grid-template-columns:auto minmax(140px,1fr) auto auto auto}.row-actions{grid-column:auto;justify-content:end;flex-wrap:wrap}}.qr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:2rem}.qr-card,.qr-preview{background:#191c22;border:1px solid var(--line);padding:1.25rem}.qr-card h2,.qr-preview h2{font-size:1.05rem;margin:1rem 0 .4rem}.qr-card small{color:var(--muted);display:block;word-break:break-all;margin-bottom:1rem}.qr-create{display:grid;gap:1rem;max-width:820px;margin-top:2rem}.qr-preview{text-align:center}.qr-preview img{width:min(100%,260px);background:#fff;padding:.75rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}