:root{--dg-space-1:4px;--dg-space-2:8px;--dg-space-3:12px;--dg-space-4:16px;--dg-space-5:24px;--dg-space-6:32px;--dg-space-7:48px;--dg-space-8:64px;--dg-text-xs:.75rem;--dg-text-sm:.8125rem;--dg-text-base:.9375rem;--dg-text-md:1.125rem;--dg-text-lg:1.375rem;--dg-text-xl:1.75rem;--dg-weight-regular:400;--dg-weight-medium:500;--dg-weight-semibold:600;--dg-radius-sm:6px;--dg-radius-md:10px;--dg-radius-lg:16px;--dg-radius-full:999px;--dg-shadow-xs:0 1px 2px #0000000a;--dg-shadow-sm:0 1px 2px #0000000a, 0 2px 6px #0000000d;--dg-shadow-md:0 2px 8px #0000000f, 0 8px 24px #0000000f;--dg-shadow-overlay:0 8px 16px #00000014, 0 24px 48px #00000024;--dg-transition-fast:.12s ease-out;--dg-transition:.18s ease-out}[data-bs-theme=light]{--dg-bg-canvas:#f6f7f9;--dg-bg-surface:#fff;--dg-bg-surface-2:#f1f2f5;--dg-border:#e2e4e9;--dg-border-strong:#c7cbd3;--dg-text-primary:#14161a;--dg-text-secondary:#5b616e;--dg-text-muted:#8a8f9a;--dg-accent:#4f46e5;--dg-accent-hover:#4338ca;--dg-accent-bg:#eef0fd;--dg-status-normal-solid:#16a34a;--dg-status-normal-bg:#eafaf0;--dg-status-normal-border:#b7e6c9;--dg-status-normal-text:#0f7a37;--dg-status-watch-solid:#0284c7;--dg-status-watch-bg:#e9f6fd;--dg-status-watch-border:#b8e2f5;--dg-status-watch-text:#036aa3;--dg-status-warn-solid:#d97706;--dg-status-warn-bg:#fef3e0;--dg-status-warn-border:#f7d99a;--dg-status-warn-text:#a35c05;--dg-status-critical-solid:#dc2626;--dg-status-critical-bg:#fdeaea;--dg-status-critical-border:#f5b9b9;--dg-status-critical-text:#b31c1c}[data-bs-theme=dark]{--dg-bg-canvas:#0b0d12;--dg-bg-surface:#14171e;--dg-bg-surface-2:#1b1f28;--dg-border:#262b35;--dg-border-strong:#363c48;--dg-text-primary:#eef0f4;--dg-text-secondary:#a4aab6;--dg-text-muted:#6b7280;--dg-accent:#818cf8;--dg-accent-hover:#9aa3f9;--dg-accent-bg:#23264a;--dg-status-normal-solid:#34d399;--dg-status-normal-bg:#12291f;--dg-status-normal-border:#1f4a37;--dg-status-normal-text:#6ee7b7;--dg-status-watch-solid:#38bdf8;--dg-status-watch-bg:#0f2733;--dg-status-watch-border:#1c4356;--dg-status-watch-text:#7dd3fc;--dg-status-warn-solid:#fbbf24;--dg-status-warn-bg:#2e2310;--dg-status-warn-border:#4d3b16;--dg-status-warn-text:#fcd34d;--dg-status-critical-solid:#f87171;--dg-status-critical-bg:#2f1414;--dg-status-critical-border:#522020;--dg-status-critical-text:#fca5a5}
html,body{height:100%;font-family:var(--dg-font-sans), "IBM Plex Sans Thai", system-ui, sans-serif;font-size:var(--dg-text-base);color:var(--dg-text-primary);background:var(--dg-bg-canvas);transition:background-color var(--dg-transition), color var(--dg-transition);margin:0}*{border-color:var(--dg-border)}.theme-toggle .btn{transition:all var(--dg-transition-fast)}.card{background-color:var(--dg-bg-surface);border:1px solid var(--dg-border);border-radius:var(--dg-radius-md);box-shadow:var(--dg-shadow-xs)}.driver-card{border-radius:var(--dg-radius-md);transition:transform var(--dg-transition-fast), box-shadow var(--dg-transition-fast), border-color var(--dg-transition-fast);cursor:pointer;box-shadow:var(--dg-shadow-xs);border-width:1px!important}.driver-card:hover{box-shadow:var(--dg-shadow-sm);transform:translateY(-2px);border-color:var(--dg-border-strong)!important}.pulse-critical{animation:1.4s ease-in-out infinite pulse-critical}@keyframes pulse-critical{0%,to{box-shadow:0 0 #dc262673}50%{box-shadow:0 0 0 8px #dc262600}}.ws-dot{border-radius:var(--dg-radius-full);width:8px;height:8px;display:inline-block}.ws-dot.bg-warning{animation:1.2s ease-in-out infinite ws-pulse}@keyframes ws-pulse{0%,to{opacity:1}50%{opacity:.4}}.badge{font-weight:var(--dg-weight-medium);font-size:var(--dg-text-xs);border-radius:var(--dg-radius-sm);letter-spacing:.01em;padding:.3em .65em}.bg-success-subtle{border:1px solid var(--dg-status-normal-border);background-color:var(--dg-status-normal-bg)!important}.text-success-emphasis{color:var(--dg-status-normal-text)!important}.border-success-subtle{border-color:var(--dg-status-normal-border)!important}.bg-info-subtle{border:1px solid var(--dg-status-watch-border);background-color:var(--dg-status-watch-bg)!important}.text-info-emphasis{color:var(--dg-status-watch-text)!important}.border-info-subtle{border-color:var(--dg-status-watch-border)!important}.bg-warning-subtle{border:1px solid var(--dg-status-warn-border);background-color:var(--dg-status-warn-bg)!important}.text-warning-emphasis{color:var(--dg-status-warn-text)!important}.border-warning{border-color:var(--dg-status-warn-solid)!important}.bg-danger{background-color:var(--dg-status-critical-solid)!important}.border-danger{border-color:var(--dg-status-critical-solid)!important}.text-danger,.text-danger-emphasis{color:var(--dg-status-critical-text)!important}.text-success{color:var(--dg-status-normal-text)!important}.face-preview{border-radius:var(--dg-radius-md);object-fit:cover}.btn{border-radius:var(--dg-radius-sm);font-weight:var(--dg-weight-medium);transition:transform .1s ease, box-shadow var(--dg-transition-fast), background-color var(--dg-transition-fast)}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--dg-accent);border-color:var(--dg-accent)}.btn-primary:hover{background-color:var(--dg-accent-hover);border-color:var(--dg-accent-hover)}.btn-outline-secondary{color:var(--dg-text-secondary);border-color:var(--dg-border-strong)}.btn-outline-secondary:hover{background-color:var(--dg-bg-surface-2);color:var(--dg-text-primary);border-color:var(--dg-border-strong)}.form-control,.form-select{border-radius:var(--dg-radius-sm);border-color:var(--dg-border);background-color:var(--dg-bg-surface);color:var(--dg-text-primary)}.form-control:focus,.form-select:focus{border-color:var(--dg-accent);box-shadow:0 0 0 3px var(--dg-accent-bg)}.form-label{color:var(--dg-text-secondary);font-weight:var(--dg-weight-medium);font-size:var(--dg-text-sm)}.table{--bs-table-bg:transparent;color:var(--dg-text-primary);font-size:var(--dg-text-sm)}.table>thead{font-size:var(--dg-text-xs);font-weight:var(--dg-weight-semibold);color:var(--dg-text-muted);text-transform:uppercase;letter-spacing:.03em}.table-hover>tbody>tr:hover>*{background-color:var(--dg-bg-surface-2)}.table-dark{--bs-table-bg:transparent}.text-body-secondary{color:var(--dg-text-secondary)!important}.alert{border-radius:var(--dg-radius-md)}.alert-danger{background-color:var(--dg-status-critical-bg);color:var(--dg-status-critical-text);border-color:var(--dg-status-critical-border)}.alert-warning{background-color:var(--dg-status-warn-bg);color:var(--dg-status-warn-text);border-color:var(--dg-status-warn-border)}.alert-info{background-color:var(--dg-status-watch-bg);color:var(--dg-status-watch-text);border-color:var(--dg-status-watch-border)}@media (max-width:576px){.container,.container-fluid{padding-left:var(--dg-space-3);padding-right:var(--dg-space-3)}}