:root{color-scheme:dark;--bg:#06090c;--surface:#10151a;--surface-soft:#141b20;--surface-strong:#1b242a;--ink:#f7f3ea;--muted:#b4b2ab;--line:#394044;--line-soft:#252d32;--brand:#dfb95f;--brand-strong:#f2d487;--teal:#78c8b7;--green:#8ad4a5;--coral:#f59480;--amber:#e2ba66;--purple:#b8a3d9;--danger:#ff9b92;--shadow:0 18px 50px #0004;--radius:16px;--metal:linear-gradient(110deg,#946018,#d9ab46 30%,#fff0b0 53%,#bb862d 78%,#8c5d1e);font-family:"Segoe UI",system-ui,sans-serif}
body{background:radial-gradient(ellipse at top right,#b9872610,transparent 45%),var(--bg);line-height:1.5}
.sidebar{background:#06090b;border-right:1px solid #d9ab4626}
.brand{flex-direction:column;align-items:flex-start;gap:12px;padding:24px 20px;border-color:#d9ab4626}
.plan-brand-logo{display:block;width:205px;max-width:100%;height:auto}
.brand>div{display:flex;flex-direction:column}.brand strong{color:var(--ink);font-size:17px}.brand span{color:var(--muted);font-size:12px}
.login-screen{background:radial-gradient(ellipse at 70% 20%,#ad7c272b,transparent 50%),#06090c;padding:24px}
.login-card{border:1px solid #e6c77340;border-radius:24px;box-shadow:0 30px 100px #0008;max-width:440px;width:100%;padding:32px}
.login-brand{padding:0 0 24px;margin-bottom:20px}.login-brand .plan-brand-logo{width:285px}
.demo-access{font-size:12px;color:var(--muted);padding:14px;border:1px dashed var(--line);border-radius:12px;line-height:1.8}
.topbar{background:#0a0e12ed;border-bottom:1px solid #d9ab4626;backdrop-filter:blur(16px)}
.nav-list{padding:14px 12px}.nav-item{border-radius:12px;min-height:46px;color:#c9c7c0;margin-bottom:5px}
.nav-item:hover{background:#d7ad5414;color:#f5dfaa}.nav-item.active{background:linear-gradient(100deg,#bd8a2833,#bd8a2810);color:#f7d984;border:1px solid #d6ac5440}
.nav-icon{color:inherit}.nav-badge{background:#dfb95f;color:#151007}
.sidebar-footer{border-color:#d9ab4626;color:var(--muted)}
.button{background:var(--metal);color:#171005;border:1px solid #edcf80;font-weight:750;border-radius:12px;min-height:44px}
.button:hover{background:linear-gradient(110deg,#b17b27,#fff0b0,#cb963e);color:#100c04}
.secondary-button,.icon-button,.mobile-menu-button{background:#151b20;color:var(--ink);border:1px solid var(--line);border-radius:10px;min-height:42px}
.avatar{background:#d6ac5424;color:#f0ce80;border:1px solid #d6ac5440}
input,select,textarea{background:#080d11;color:var(--ink);border:1px solid var(--line);border-radius:10px;min-height:42px}
input::placeholder,textarea::placeholder{color:#989d9e}
input:focus,select:focus,textarea:focus{outline:2px solid #dfb95f;outline-offset:2px}
button:focus-visible,a:focus-visible{outline:2px solid #f0cf7a;outline-offset:3px}
input[type=checkbox],input[type=radio]{min-height:0;accent-color:#d9b05b}
.panel,.card,.stat-card,dialog{border-radius:16px;border-color:var(--line);background:var(--surface);color:var(--ink)}
th{background:#192127;color:#f3dcaa}td{border-color:var(--line-soft)}
.muted{color:var(--muted)}
@media(max-width:760px){
 .login-card{padding:24px}.topbar{padding:16px!important;gap:12px;flex-wrap:wrap}
 .topbar h1{font-size:25px;line-height:1.2}.topbar-actions{flex-wrap:wrap;gap:8px}
 .nav-item{min-height:48px}.mobile-menu-button{padding:8px 14px;color:#f0cf7a}
 input,select,textarea{font-size:16px}
 body[data-plan-role=employee] .search{display:none}
}

.day-booking{padding:24px;scroll-margin-top:110px}.day-booking h2{margin:4px 0 8px}.day-shifts{display:grid;gap:10px;margin:20px 0}.day-shift{display:flex;align-items:center;gap:14px;padding:16px;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px}.day-shift>span:nth-child(2){flex:1}.day-shift small{display:block;color:var(--muted);margin-top:5px}.day-shift input{width:20px;height:20px;flex:none}.day-booking hr{border:0;border-top:1px solid var(--line);margin:28px 0}.day-booking fieldset{border:0;padding:0;margin:18px 0}.day-booking fieldset:disabled{opacity:.45}.day-booking fieldset>.field{margin:16px 0}.day-booking button:disabled{opacity:.45;cursor:not-allowed}.day-booking #dayBookingStatus{color:var(--brand);line-height:1.6}.day-booking select{width:100%}@media(max-width:640px){.day-booking{padding:18px}.day-booking .form-grid{grid-template-columns:minmax(0,1fr)}.day-shift{flex-wrap:wrap}.day-shift>span:last-child{font-size:12px}}

.toolbar,.time-section-tabs,.search{background:var(--surface);border-color:var(--line)}
.field>span,.eyebrow{color:#c8b788}.time-section-tabs button{color:#c4c1b9}.time-section-tabs button.active{background:var(--metal);color:#171005}.toast{background:#1a242b;color:#f4e8ce}
body[data-plan-role=employee] .day-booking .field:has(#dayEmployee){display:none}

/* Dashboard: consistent gold accents and readable review notice. */
.dashboard-welcome{
 background:radial-gradient(circle at 84% 20%,rgba(211,164,65,.16),transparent 25rem),linear-gradient(135deg,#11171b,#090d10);
 border:1px solid #b88c3f66;color:#f7f3ea;
}
.dashboard-welcome::after{border-color:#d9b56b33;}
.dashboard-welcome .smart-kicker{color:#e8c67b;}
.dashboard-welcome p{color:#d2cec4;}
.dashboard-welcome .button{background:var(--metal);color:#171005;border-color:#edcf80;}
.dashboard-welcome .secondary-button{background:#171d20;color:#f2dbab;border-color:#b48b464f;}
.dashboard-review-banner{background:linear-gradient(110deg,#151b1f,#0e1418);border-color:#b88c3f66;}
.dashboard-review-banner strong{color:#f7f3ea;}
.dashboard-review-banner span{color:#d0ccc2;}
.dashboard-review-banner .review-icon{background:#d6ac541c;color:#f0ce80;border:1px solid #d6ac5440;}
.day-selection-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:20px}.day-selection-tools .muted{font-size:13px}

/* Keep the logo clear when the navigation exceeds the window height. */
.sidebar > .brand,.sidebar > .nav-list,.sidebar > .sidebar-footer{flex-shrink:0}

.danger-button{background:#c62828;color:#fff;border-color:#c62828}
.danger-button:hover{background:#a51f1f;border-color:#a51f1f}
.danger-button:active{background:#891919;border-color:#891919}

.employee-month-hours{margin:18px 0}.month-hours-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.month-hours-grid article{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);min-width:0}.month-hours-grid span,.month-hours-grid strong,.month-hours-grid small{display:block}.month-hours-grid strong{font-size:28px;color:var(--brand);margin:10px 0}.month-hours-grid small{line-height:1.5}.employee-month-hours>p{font-size:13px;line-height:1.5;margin-bottom:0}@media(max-width:1100px){.month-hours-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:460px){.month-hours-grid{grid-template-columns:minmax(0,1fr)}}