:root{--color-bg:#0a1628;--color-surface:#0d1f3c;--color-surface-alt:#132d4f;--color-primary:#f5a623;--color-primary-hover:#e8941a;--color-secondary:#1a3a5c;--color-accent:#0a2040;--color-text:#eaeaea;--color-text-muted:#8b9cbf;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-amber:#f5a623;--color-border:#ffffff1f;--shift-banner-amber-bg:linear-gradient(135deg,#3d2e00 0%,#2a1f00 100%);--shift-banner-red-bg:linear-gradient(135deg,#3d0a0a 0%,#2a0000 100%);--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px #0003;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #0006;--transition:.2s ease}:root[data-theme=light],[data-theme=light]{--color-bg:#f0f4f8;--color-surface:#fff;--color-surface-alt:#f7f9fc;--color-primary:#d4890e;--color-primary-hover:#b8760c;--color-secondary:#1a3a5c;--color-accent:#0d2d4e;--color-text:#0a1628;--color-text-muted:#4a5e78;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-amber:#d4890e;--color-border:#0a16281f;--shadow-sm:0 2px 8px #0a162814;--shadow-md:0 4px 16px #0a16281f;--shadow-lg:0 8px 32px #0a16282e;--shift-banner-amber-bg:linear-gradient(135deg,#fffaf0 0%,#fef3c7 100%);--shift-banner-red-bg:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);--shift-banner-default-bg:linear-gradient(135deg,#f0f4f8 0%,#dce8f5 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100dvh;line-height:1.6}h1,h2,h3,h4{font-weight:700;line-height:1.2}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition);padding:1.25rem}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{border-radius:var(--radius-sm);font-family:var(--font-family);cursor:pointer;transition:all var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-hover)0%,var(--color-secondary)100%);transform:translateY(-1px);box-shadow:0 4px 15px #e9456066}.btn-secondary{background:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-accent);color:#fff}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-success{background:var(--color-success);color:#000}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input-group{flex-direction:column;gap:.375rem;display:flex}.input-group label{color:var(--color-text-muted);font-size:.875rem;font-weight:500}.input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);transition:border-color var(--transition),box-shadow var(--transition);padding:.75rem 1rem;font-size:1rem}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #e9456026}.input--required:not(:focus){border-color:var(--color-warning);background:linear-gradient(to right,var(--color-bg),var(--color-bg))padding-box,linear-gradient(to right,var(--color-warning),var(--color-warning))border-box;border:1px solid #0000}.input--invalid{background:linear-gradient(to right,var(--color-bg),var(--color-bg))padding-box,linear-gradient(to right,var(--color-danger),var(--color-danger))border-box;border-color:var(--color-danger)!important;border:1px solid #0000!important}.input--invalid:focus{box-shadow:0 0 0 3px #ef444426!important}.input--valid{background:linear-gradient(to right,var(--color-bg),var(--color-bg))padding-box,linear-gradient(to right,var(--color-success),var(--color-success))border-box;border-color:var(--color-success)!important;border:1px solid #0000!important}.input--valid:focus{box-shadow:0 0 0 3px #22c55e26!important}.helper-text{color:var(--color-text-muted);align-items:center;gap:.375rem;min-height:1.2rem;margin-top:.375rem;font-size:.75rem;display:flex}.helper-text--error{color:var(--color-danger);font-weight:500}.helper-text--warning{color:var(--color-warning);font-weight:500}.helper-text--success{color:var(--color-success);font-weight:500}.required-indicator{color:var(--color-danger);font-weight:700}.badge{background:var(--color-primary);color:#ffffffbf;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.75rem;font-weight:600;display:inline-flex}.badge--success{background:var(--color-success)!important;color:#0f1712!important}.badge--warning{background:var(--color-warning)!important;color:#1a1000!important}.badge--danger{background:var(--color-danger)!important;color:#ffffffe6!important}.shift-banner{border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition);padding:1rem 1.25rem;position:relative;overflow:hidden}.shift-banner:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0d 0%,#0000 100%);position:absolute;inset:0}.shift-banner--default{background:var(--shift-banner-default-bg);border-left:4px solid var(--color-secondary)}.shift-banner--default .shift-banner__time{color:var(--color-text)}.shift-banner--default .shift-banner__type{color:var(--color-text-muted)}.shift-banner--amber{background:var(--shift-banner-amber-bg);border-left:4px solid var(--color-amber);animation:2s infinite pulse-amber}.shift-banner--red{background:var(--shift-banner-red-bg);border-left:4px solid var(--color-danger);animation:1.5s infinite pulse-red}@keyframes pulse-amber{0%,to{box-shadow:0 0 #f0a5004d}50%{box-shadow:0 0 20px 4px #f0a50026}}@keyframes pulse-red{0%,to{box-shadow:0 0 #ff47574d}50%{box-shadow:0 0 20px 4px #ff475726}}.shift-banner__label{text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;font-weight:700}.shift-banner__time{color:var(--color-text);font-size:1.25rem;font-weight:700}.shift-banner__type{color:var(--color-text-muted);font-size:.875rem}.alert-card{border-radius:var(--radius-md);border-left:4px solid var(--color-primary);background:var(--color-surface);padding:1rem}.alert-card--escalated{border-left-color:var(--color-danger);background:var(--color-surface);border-left-width:8px;animation:2s infinite pulse-red}.offline-banner{background:var(--color-warning);color:#000;text-align:center;z-index:1000;width:100%;padding:.75rem;font-size:.875rem;font-weight:600;position:fixed;top:0;left:0}.pin-input-group{justify-content:center;gap:.75rem;display:flex}.pin-digit{text-align:center;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:3.5rem;height:4rem;color:var(--color-text);transition:border-color var(--transition);font-size:1.5rem;font-weight:700}.pin-digit:focus{border-color:var(--color-primary);outline:none}.toggle{background:var(--color-surface-alt);border:1px solid var(--color-border);cursor:pointer;width:44px;height:24px;transition:background var(--transition);border-radius:12px;position:relative}.toggle--active{background:var(--color-success);border-color:var(--color-success)}.toggle:after{content:"";width:18px;height:18px;transition:transform var(--transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle--active:after{transform:translate(20px)}.table-container{border-radius:var(--radius-md);border:1px solid var(--color-border);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.875rem}thead{background:var(--color-surface-alt)}th,td{text-align:left;border-bottom:1px solid var(--color-border);padding:.75rem 1rem}th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}.page-container{max-width:768px;min-height:100dvh;margin:0 auto;padding:1rem}@media (max-width:640px){.page-container{max-width:100%;padding:1rem}}.page-header{justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem 0;display:flex}.section{margin-bottom:1.5rem}.stack{flex-direction:column;gap:1rem;display:flex}.row{align-items:center;gap:.75rem;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:1.5rem;animation:.3s slideUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.w-full{width:100%}.flex-between{justify-content:space-between;align-items:center;display:flex}[data-tooltip]{cursor:help;position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--color-surface-alt);color:var(--color-text);border-radius:var(--radius-sm);border:1px solid var(--color-primary);white-space:pre-line;z-index:100;opacity:0;visibility:hidden;width:max-content;max-width:200px;transition:opacity var(--transition),visibility var(--transition);box-shadow:var(--shadow-md);pointer-events:none;padding:.5rem .75rem;font-size:.75rem;position:absolute;bottom:125%;left:50%;transform:translate(-50%)}[data-tooltip]:hover:after{opacity:1;visibility:visible}.avail-indicator{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.avail-indicator--yes{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.avail-indicator--no{background:var(--color-danger);box-shadow:0 0 6px var(--color-danger)}.badge--cap{vertical-align:middle;align-items:center;margin-left:5px;line-height:1;display:inline-flex;background:var(--color-amber)!important;color:#000!important;border-radius:3px!important;height:14px!important;padding:0 3px!important;font-size:.625rem!important;font-weight:800!important}