:root{color:#ffffffde;background-color:#0f0f23;font-family:system-ui,-apple-system,sans-serif;line-height:1.5}body{margin:0}:root{--color-bg:#0f0f23;--color-surface:#1a1a2e;--color-surface-deep:#16213e;--color-primary:#0f3460;--color-accent:#e94560;--color-success:#27ae60;--color-warning:#e9a945;--color-border:#444;--color-border-light:#555;--color-muted:#888;--color-text-muted:#aaa;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--gap-xs:4px;--gap-sm:6px;--gap-md:8px;--gap-lg:12px;--gap-xl:16px;--gap-2xl:20px;--gap-3xl:24px}table{border-collapse:collapse;width:100%;margin:12px 0}th,td{text-align:left;border-bottom:1px solid #333;padding:8px 12px}th{background:var(--color-surface-deep)}input,select{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:#fff;padding:8px 12px}button{border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;cursor:pointer;border:none;padding:8px 16px}button:hover{opacity:.85}button:disabled{opacity:.4;cursor:not-allowed}.btn-success{background:var(--color-success)}.btn-danger{background:var(--color-accent)}.btn-primary{background:var(--color-primary)}.btn-secondary{background:var(--color-border)}@keyframes fadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}section{margin:var(--gap-3xl) 0}h1,h2,h3{margin-top:0}a{color:var(--color-accent)}.form-row{gap:var(--gap-md);margin-bottom:var(--gap-lg);flex-wrap:wrap;align-items:center;display:flex}.action-row{gap:var(--gap-xs);align-items:center;display:flex}.card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--gap-lg);margin-bottom:var(--gap-lg)}.card-header{justify-content:space-between;align-items:center;display:flex}.badge{background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border-light);align-items:center;gap:var(--gap-sm);padding:4px 10px;display:inline-flex}.badge-muted{color:var(--color-muted);font-style:italic}.badge-active{color:var(--color-success);border-color:var(--color-success)}.badge-inactive{color:var(--color-muted);font-style:italic}.badge-admin{color:var(--color-primary);border-color:var(--color-primary)}.time-editor{margin-top:var(--gap-lg);padding:var(--gap-lg);background:var(--color-surface-deep);border-radius:var(--radius-lg)}.warning-text{color:var(--color-warning);margin:var(--gap-md) 0;font-weight:700}.view-selector{gap:var(--gap-md);margin:var(--gap-xl) 0;flex-wrap:wrap;display:flex}.progress-chart{gap:var(--gap-lg);flex-direction:column;display:flex}.progress-stage{gap:var(--gap-lg);grid-template-columns:180px 1fr;align-items:center;display:grid}.progress-label{color:var(--color-text-muted)}.progress-bars{gap:var(--gap-sm);flex-direction:column;display:flex}.progress-bar{border-radius:var(--radius-sm);align-items:center;min-height:24px;padding:0 10px;font-size:.9em;display:flex}.progress-bar-started{background:var(--color-primary)}.progress-bar-completed{background:var(--color-success)}.tab-bar{border-bottom:2px solid var(--color-border);gap:0;margin:20px 0 0;display:flex}.tab-btn{border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 24px;font-size:1rem}.tab-btn:hover{color:#fff;background:var(--color-surface-deep)}.tab-active{color:#fff;background:var(--color-primary);border-bottom:2px solid var(--color-accent)}.toast-container{top:var(--gap-xl);right:var(--gap-xl);z-index:1000;gap:var(--gap-md);flex-direction:column;display:flex;position:fixed}.toast{border-radius:var(--radius-md);color:#fff;padding:10px 20px;font-weight:500;animation:.2s ease-in fadeIn;box-shadow:0 2px 8px #0000004d}.toast-success{background:var(--color-success)}.toast-error{background:var(--color-accent)}.modal-overlay{z-index:2000;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-surface);border-radius:var(--radius-xl);align-items:center;gap:var(--gap-xl);flex-direction:column;min-width:280px;padding:32px;display:flex;box-shadow:0 8px 32px #00000080}.modal-title{margin:0}.modal-subtitle{color:var(--color-text-muted);margin:0;font-size:.9em}.modal-qr-code{padding:var(--gap-xl);border-radius:var(--radius-lg);background:#fff}.modal-qr-raw{color:var(--color-muted);word-break:break-all;text-align:center;margin:0;font-size:.75em}.navbar{background:var(--color-surface);padding:6px var(--gap-3xl);gap:var(--gap-2xl);align-items:center;display:flex}.navbar-brand{color:var(--color-accent);align-items:center;gap:var(--gap-sm);font-size:1.25em;font-weight:700;text-decoration:none;display:flex}.navbar-logo{object-fit:contain;border-radius:var(--radius-sm);width:100px;height:100px}.navbar-link{color:#fff;text-decoration:none}