:root{--primary-color: #0d9488;--primary-hover: #0f766e;--primary-subtle: rgba(13, 148, 136, .12);--bg-color: #f8fafc;--card-bg: #ffffff;--card-bg-subtle: #f1f5f9;--card-header-bg: #f8fafc;--text-main: #0f172a;--text-muted: #64748b;--text-secondary: #334155;--border-color: #e2e8f0;--border-subtle: #cbd5e1;--input-bg: #ffffff;--input-border: #cbd5e1;--status-bar-bg: rgba(255, 255, 255, .95);--table-hover: rgba(0, 0, 0, .02);--highlight-box: #f0fdfa;--active-row-bg: #f0f7ff;--warning-row-bg: #fffbeb;--lock-bg: #fffbeb;--lock-digits: #b45309}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg-color: #0b1120;--card-bg: #151e2e;--card-bg-subtle: #1e293b;--card-header-bg: #0f172a;--text-main: #f8fafc;--text-muted: #94a3b8;--text-secondary: #cbd5e1;--border-color: #26354a;--border-subtle: #334155;--input-bg: #090e1a;--input-border: #3b4d66;--status-bar-bg: rgba(11, 17, 32, .95);--table-hover: rgba(255, 255, 255, .03);--highlight-box: rgba(13, 148, 136, .15);--active-row-bg: rgba(37, 99, 235, .15);--warning-row-bg: rgba(245, 158, 11, .12);--lock-bg: #0b1329;--lock-digits: #fbbf24}}[data-theme=dark]{--bg-color: #0b1120;--card-bg: #151e2e;--card-bg-subtle: #1e293b;--card-header-bg: #0f172a;--text-main: #f8fafc;--text-muted: #94a3b8;--text-secondary: #cbd5e1;--border-color: #26354a;--border-subtle: #334155;--input-bg: #090e1a;--input-border: #3b4d66;--status-bar-bg: rgba(11, 17, 32, .95);--table-hover: rgba(255, 255, 255, .03);--highlight-box: rgba(13, 148, 136, .15);--active-row-bg: rgba(37, 99, 235, .15);--warning-row-bg: rgba(245, 158, 11, .12);--lock-bg: #0b1329;--lock-digits: #fbbf24}[data-theme=light]{--bg-color: #f8fafc;--card-bg: #ffffff;--card-bg-subtle: #f1f5f9;--card-header-bg: #f8fafc;--text-main: #0f172a;--text-muted: #64748b;--text-secondary: #334155;--border-color: #e2e8f0;--border-subtle: #cbd5e1;--input-bg: #ffffff;--input-border: #cbd5e1;--status-bar-bg: rgba(255, 255, 255, .95);--table-hover: rgba(0, 0, 0, .02);--highlight-box: #f0fdfa;--active-row-bg: #f0f7ff;--warning-row-bg: #fffbeb;--lock-bg: #fffbeb;--lock-digits: #b45309}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-color);color:var(--text-main);min-height:100vh;display:flex;flex-direction:column;transition:background-color .2s ease,color .2s ease}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;padding-top:44px}.status-bar{position:fixed;top:0;left:0;right:0;height:44px;background:var(--status-bar-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);z-index:1000;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease}.status-inner{width:100%;max-width:1280px;margin:0 auto;padding:0 clamp(.75rem,3vw,2rem);display:flex;justify-content:space-between;align-items:center}.brand-title{font-size:.9rem;font-weight:700;letter-spacing:.02em;color:var(--text-main);display:flex;align-items:center;gap:.4rem;cursor:pointer}.status-right{display:flex;align-items:center;gap:.75rem}.user-pill{display:inline-flex;align-items:center;gap:.35rem;background:var(--card-bg-subtle);color:var(--text-main);padding:.2rem .6rem;border-radius:9999px;font-size:.8rem;font-weight:600;border:1px solid var(--border-color);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role-tag{font-size:.7rem;padding:.1rem .4rem;border-radius:4px;background:var(--highlight-box);color:var(--primary-color);font-weight:700}.btn-logout{background:transparent;border:1px solid #ef4444;color:#ef4444;padding:.2rem .55rem;border-radius:9999px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-logout:hover{background:#fef2f2}.theme-toggle-btn{display:inline-flex;align-items:center;gap:.35rem;background:var(--card-bg-subtle);border:1px solid var(--border-color);color:var(--text-main);padding:.2rem .55rem;border-radius:9999px;font-size:.775rem;font-weight:600;cursor:pointer;transition:all .15s ease}.theme-toggle-btn:hover{background:var(--input-bg);border-color:var(--primary-color)}.theme-icon{font-size:.85rem;line-height:1}.theme-text{font-size:.75rem}.indicator-group{display:flex;align-items:center;gap:.5rem}.status-dot{width:10px;height:10px;min-width:10px;min-height:10px;border-radius:50%;display:inline-block;flex-shrink:0;background-color:#94a3b8;transition:background-color .3s ease}.status-dot.checking{background-color:#94a3b8}.status-dot.healthy{background-color:#22c55e;box-shadow:0 0 6px #22c55e99}.status-dot.unhealthy{background-color:#ef4444;box-shadow:0 0 6px #ef444499}.status-label{font-size:.75rem;color:var(--text-muted);font-weight:500}.welcome-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem 1.5rem}.hero-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;padding:3rem 2rem;width:100%;max-width:480px;box-shadow:0 4px 6px -1px #0000000d;display:flex;flex-direction:column;align-items:center}.logo-icon{font-size:3.5rem;margin-bottom:1.25rem;line-height:1}.hero-title{font-size:1.75rem;font-weight:700;margin-bottom:.75rem;color:var(--text-main)}.tagline{font-size:1rem;color:var(--text-muted);margin-bottom:2rem;line-height:1.5}.action-section{width:100%}.btn-primary{width:100%;padding:.875rem 1.5rem;font-size:1.05rem;font-weight:600;color:#fff;background-color:var(--primary-color);border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease;display:inline-flex;justify-content:center;align-items:center;gap:.5rem}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{width:100%;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;color:var(--primary-color);background-color:var(--card-bg-subtle);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background-color:var(--input-bg);border-color:var(--primary-color)}.app-container{max-width:1200px;width:100%;margin:0 auto;padding:1.5rem clamp(.75rem,3vw,2rem);display:flex;flex-direction:column;gap:1.5rem}.app-nav-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.btn-text{background:transparent;border:none;color:var(--primary-color);font-weight:600;cursor:pointer;font-size:.9rem;padding:.35rem .6rem;border-radius:.375rem;transition:background-color .15s}.btn-text:hover{background:var(--highlight-box)}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000000a}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem;text-align:left}.form-label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.form-input{padding:.65rem .85rem;border-radius:.5rem;border:1px solid var(--input-border);background-color:var(--input-bg);color:var(--text-main);font-size:.95rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-subtle)}.form-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.25rem}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:.75rem 1rem;border-radius:.5rem;font-size:.85rem;margin-bottom:1rem;text-align:left}.badge-role{padding:.2rem .55rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:capitalize}.badge-Admin{background:#f3e8ff;color:#7e22ce;border:1px solid #d8b4fe}.badge-Manager{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.badge-Rider{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.data-table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.9rem}.data-table th,.data-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{background:var(--card-bg-subtle);color:var(--text-secondary);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.data-table tr:hover td{background:var(--table-hover)}