:root{font-size:14px;--sb-bg:#0f1419;--sb-surface:#1b2631;--sb-surface-2:#243044;--sb-hover:#2c3a4a;--sb-active:#334155;--sb-text:#f1f5f9;--sb-text-muted:#94a3b8;--sb-border:rgba(148,163,184,0.28);--sb-accent:#f5c518;--sb-accent-hover:#e6b800;--sb-accent-text:#f5c518;--sb-danger:#dc3545;--sb-danger-hover:#c82333;--sb-panel:#1e3a5f;--sb-panel-text:#e0f2ff;--sb-table-head:#1e293b;--sb-table-row-alt:rgba(148,163,184,0.05);--sb-shadow:0 2px 4px rgba(0,0,0,0.3);--sb-btn-radius:4px}html[data-theme=light]{--sb-bg:#eef1f5;--sb-surface:#ffffff;--sb-surface-2:#f8fafc;--sb-hover:#e8eef5;--sb-active:#dbe7f3;--sb-text:#1e293b;--sb-text-muted:#64748b;--sb-border:rgba(15,23,42,0.12);--sb-accent:#f5c518;--sb-accent-hover:#e6b800;--sb-accent-text:#92650a;--sb-danger:#dc3545;--sb-danger-hover:#c82333;--sb-panel:#e0f2ff;--sb-panel-text:#0c4a6e;--sb-table-head:#f1f5f9;--sb-table-row-alt:rgba(15,23,42,0.02);--sb-shadow:0 2px 4px rgba(0,0,0,0.1)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:Calibri,Segoe UI,Arial,sans-serif;font-size:1rem;background-color:var(--sb-bg);color:var(--sb-text);line-height:1.5}.page-container{display:flex;flex-direction:column;min-height:100vh}.page-content{flex:1;display:flex;flex-direction:column;padding:16px 20px;gap:16px;overflow-y:auto}.sb-surface{background-color:var(--sb-surface);color:var(--sb-text)}.sb-surface-2{background-color:var(--sb-surface-2);color:var(--sb-text)}.sb-panel{background-color:var(--sb-panel);color:var(--sb-panel-text)}.sb-text{color:var(--sb-text)}.sb-text-muted{color:var(--sb-text-muted)}.sb-border{border-color:var(--sb-border)}.sb-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:var(--sb-btn-radius);font-weight:500;font-size:.9rem;cursor:pointer;border:none;transition:all .15s ease;gap:6px;white-space:nowrap;flex-shrink:0}.sb-btn-primary{background-color:var(--sb-accent);color:#111;font-weight:600}.sb-btn-primary:hover{background-color:var(--sb-accent-hover)}.sb-btn-danger{background-color:var(--sb-danger);color:white}.sb-btn-danger:hover{background-color:var(--sb-danger-hover)}.sb-btn-secondary{background-color:var(--sb-surface-2);color:var(--sb-text);border:1px solid var(--sb-border)}.sb-btn-secondary:hover{background-color:var(--sb-hover)}.sb-btn-cancel{background-color:white;color:#1e293b;border:1px solid var(--sb-border)}.sb-btn-cancel:hover{background-color:#f8fafc}.sb-input,.sb-select{padding:6px 10px;background-color:var(--sb-surface);border:1px solid var(--sb-border);border-radius:4px;color:var(--sb-text);font-family:inherit;font-size:.9rem}.sb-input:focus,.sb-select:focus{outline:none;border-color:var(--sb-accent);box-shadow:0 0 0 2px rgba(245,197,24,.15)}.sb-input::placeholder{color:var(--sb-text-muted)}.sb-select{cursor:pointer}.sb-label{display:block;font-size:.85rem;font-weight:600;color:var(--sb-text);margin-bottom:4px}.sb-card{background-color:var(--sb-surface);border:1px solid var(--sb-border);border-radius:4px;padding:16px;box-shadow:var(--sb-shadow)}.sb-card-header{font-size:1.05rem;font-weight:700;color:var(--sb-text);margin-bottom:12px}.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;background-color:var(--sb-surface);border:1px solid var(--sb-border);border-radius:4px;box-shadow:var(--sb-shadow)}.filter-bar .field-group{display:flex;flex-direction:column;gap:4px;min-width:180px;max-width:280px;flex:0 1 auto}.filter-bar .field-group.compact{min-width:140px;max-width:200px}.filter-bar .field-group.wide{min-width:220px;flex:1 1 auto;max-width:400px}@media (max-width:576px){.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .field-group{max-width:100%}}.sb-table-container{flex:1;min-height:0;overflow:auto;background-color:var(--sb-surface);border:1px solid var(--sb-border);border-radius:4px}.sb-table{width:100%;max-width:100%;border-collapse:collapse;table-layout:auto}.sb-table thead{background-color:var(--sb-table-head);position:sticky;top:0;z-index:1}.sb-table th{text-align:center;font-weight:700;font-size:.85rem;border-bottom:2px solid var(--sb-border);white-space:nowrap}.sb-table td,.sb-table th{padding:.35rem .5rem;color:var(--sb-text)}.sb-table td{border-bottom:1px solid var(--sb-border);font-size:.9rem}.sb-table tbody tr:nth-child(2n){background-color:var(--sb-table-row-alt)}.sb-hover:hover,.sb-table tbody tr:hover{background-color:var(--sb-hover)}.sb-active{background-color:var(--sb-active)}.sb-theme-toggle{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;background-color:var(--sb-surface-2);border:1px solid var(--sb-border);cursor:pointer;color:var(--sb-text);transition:all .15s ease}.sb-theme-toggle:hover{background-color:var(--sb-hover);border-color:var(--sb-accent)}.sb-shadow{box-shadow:var(--sb-shadow)}.sb-accent-color,.sb-link{color:var(--sb-accent-text)}.sb-link{text-decoration:none;transition:color .15s ease}.sb-link:hover{color:var(--sb-accent-hover);text-decoration:underline}.page-title-bar{justify-content:space-between;padding:8px 16px;background-color:var(--sb-surface);border:1px solid var(--sb-border);border-radius:4px}.page-title,.page-title-bar{display:flex;align-items:center}.page-title{font-size:1.3rem;font-weight:700;color:var(--sb-text);gap:10px}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-row{gap:12px}.form-actions,.form-row{display:flex;flex-wrap:wrap}.form-actions{gap:8px;margin-top:16px}.timer-display{font-family:Courier New,monospace;font-size:2.5rem;font-weight:700;color:var(--sb-accent-text);text-align:center;padding:16px}