@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Barlow+Condensed:wght@600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}input[type=color]{padding:0;border:none;cursor:pointer}:root{--brand-forest: #0C3302;--brand-navy: #003149;--brand-sky: #AEE4F4;--brand-red: #FB2F00;--brand-yellow: #FBC61F;--brand-cream: #FFF6E0;--font-body: "DM Sans", "Helvetica Neue", sans-serif;--font-display: "Barlow Condensed", sans-serif;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--transition: .2s ease}[data-theme=dark]{--bg: #001d2b;--bg-card: #002136;--bg-deep: #001525;--border: #003d5c;--border-light: #00293d;--text: var(--brand-cream);--text-muted: #7aafc4;--text-faint: #5b8fa8;--header-bg: #001525;--tab-active: var(--brand-yellow);--tab-active-text: var(--brand-navy);--stat-num: var(--brand-yellow);--scroll-thumb: #004a6e;--clock-in-bg: linear-gradient(135deg, #FBC61F, #e0a800);--clock-in-text: var(--brand-navy);--clock-out-bg: linear-gradient(135deg, #FB2F00, #c42500);--clock-out-text:#fff;--admin-bg: var(--brand-navy);--danger: var(--brand-red);--green: #4ade80;--hover-yellow: #1a1200;--pill-sel: #1a1200;--clocked-in-bg: #0d2818}[data-theme=light]{--bg: var(--brand-cream);--bg-card: #f1f1f1;--bg-deep: #e8e8e8;--border: #d0d0d0;--border-light: #ddd;--text: var(--brand-navy);--text-muted: #4a6d80;--text-faint: #6e5f4a;--header-bg: var(--brand-navy);--tab-active: var(--brand-yellow);--tab-active-text: var(--brand-navy);--stat-num: var(--brand-forest);--scroll-thumb: #b8a888;--clock-in-bg: linear-gradient(135deg, #0C3302, #1a5c05);--clock-in-text: #fff;--clock-out-bg: linear-gradient(135deg, #C02200, #9a1a00);--clock-out-text:#fff;--admin-bg: var(--brand-forest);--danger: #C02200;--green: var(--brand-forest);--hover-yellow: #fff8e0;--pill-sel: #fff8e0;--clocked-in-bg: #e8f5e0}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;transition:background var(--transition),color var(--transition)}.sc::-webkit-scrollbar{width:5px}.sc::-webkit-scrollbar-track{background:transparent}.sc::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:3px}.sc{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}.fade{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.header{background:var(--header-bg);box-shadow:0 2px 12px #0000004d;position:sticky;top:0;z-index:100}.header__inner{max-width:1180px;margin:0 auto;padding:0 16px;height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px}.header__logo{display:flex;align-items:center;gap:8px}.header__logo img{height:38px;width:auto}.header__badge{font-size:9px;color:var(--brand-sky);letter-spacing:3px;font-weight:700;display:none}.header__right{display:flex;align-items:center;gap:10px}.header__time{text-align:right;display:none}.header__time-val{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--brand-yellow);letter-spacing:1px;line-height:1}.header__time-date{font-size:9px;color:var(--brand-sky)}.header__save{font-size:11px;font-weight:600}.save--saving{color:var(--text-muted)}.save--saved{color:#4ade80}.save--error{color:var(--brand-red)}.desktop-nav{display:none;gap:2px}.desktop-nav__btn{background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:600;padding:8px 12px;border-radius:var(--radius-md);white-space:nowrap;transition:all var(--transition);color:var(--brand-sky);opacity:.75}.desktop-nav__btn.active{background:var(--tab-active);color:var(--tab-active-text);opacity:1}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--header-bg);border-top:1px solid var(--border);display:flex;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav__btn{flex:1;background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:10px;font-weight:600;color:var(--brand-sky);opacity:.6;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;transition:all var(--transition)}.bottom-nav__btn.active{color:var(--brand-yellow);opacity:1}.bottom-nav__icon{font-size:18px;line-height:1}.main{max-width:1180px;margin:0 auto;padding:16px 12px 80px}.theme-toggle{background:#ffffff1a;border:1px solid rgba(174,228,244,.25);border-radius:20px;padding:6px 10px;cursor:pointer;font-size:16px;line-height:1;transition:all var(--transition)}.page-header{margin-bottom:16px}.page-title{font-family:var(--font-display);font-size:24px;font-weight:800;letter-spacing:1px;color:var(--text);line-height:1}.page-subtitle{font-size:12px;color:var(--text-muted);margin-top:3px}.btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:13px;padding:9px 16px;transition:all var(--transition)}.btn:hover{opacity:.85;transform:translateY(-1px)}.btn--yellow{background:var(--brand-yellow);color:var(--brand-navy)}.btn--ghost{background:var(--bg-deep);color:var(--text-muted)}.btn--danger{background:#450a0a;color:var(--brand-red)}.btn-icon{background:var(--bg-deep);border:1.5px solid var(--border);border-radius:var(--radius-md);width:34px;height:34px;cursor:pointer;color:var(--text);font-size:18px;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.cbtn{border:none;border-radius:10px;cursor:pointer;font-family:var(--font-body);font-weight:700;letter-spacing:.5px;transition:all var(--transition);width:100%;padding:14px;font-size:15px}.cbtn:hover{transform:translateY(-1px);opacity:.92}.cbtn--in-active{background:var(--clock-in-bg);color:var(--clock-in-text)}.cbtn--out-active{background:var(--clock-out-bg);color:var(--clock-out-text)}.cbtn--inactive{background:var(--bg-deep);color:var(--text-faint)}.input{background:var(--bg-deep);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:9px 12px;color:var(--text);font-family:var(--font-body);font-size:13px;width:100%;outline:none;transition:border var(--transition)}.input:focus{border-color:var(--brand-yellow)}.pill{border-radius:var(--radius-md);padding:10px 14px;cursor:pointer;border:2px solid transparent;transition:all var(--transition);font-family:var(--font-body);background:var(--bg-deep);text-align:left;width:100%;display:block}.pill:hover{border-color:var(--brand-yellow)}.pill.sel{border-color:var(--brand-yellow);background:var(--pill-sel)}.sopt{display:block;width:100%;text-align:left;padding:8px 12px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);font-size:13px;color:var(--text);transition:background var(--transition)}.sopt:hover{background:var(--bg-deep)}.sopt--danger{color:var(--danger)}.schedule-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.schedule-week-nav{display:flex;align-items:center;gap:8px}.schedule-week-label{flex:1;text-align:center}.schedule-week-text{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text);letter-spacing:.5px}.schedule-shifts-legend{display:flex;gap:6px;flex-wrap:wrap}.shift-badge{border-radius:var(--radius-sm);padding:4px 10px;font-size:11px;font-weight:700}.schedule-mobile{display:block}.schedule-desktop{display:none}.schedule-day-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-deep);border-bottom:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.schedule-day-title{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--text);letter-spacing:.5px}.schedule-day-today{color:var(--brand-yellow)}.schedule-staff-row{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border-light)}.schedule-staff-info{display:flex;align-items:center;gap:8px}.staff-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.staff-name{font-size:14px;font-weight:600;color:var(--text)}.staff-role{font-size:11px;color:var(--text-muted)}.empty-cell{cursor:pointer;border-radius:var(--radius-sm);padding:6px 10px;font-size:11px;border:1.5px dashed var(--border);transition:all var(--transition);min-height:30px;min-width:60px}.empty-cell:hover{border-color:var(--brand-yellow);background:var(--hover-yellow)}.shift-cell{cursor:pointer;border-radius:var(--radius-sm);padding:5px 10px;font-size:11px;font-weight:700;border:1.5px solid;transition:all var(--transition);text-align:center;white-space:nowrap}.shift-cell:hover{transform:scale(1.06)}.shift-popover{position:absolute;z-index:10;top:4px;right:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px;min-width:180px;box-shadow:0 8px 32px #0000004d}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.stat-card{padding:14px 16px}.stat-icon{font-size:18px;margin-bottom:4px}.stat-val{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--stat-num);letter-spacing:1px}.stat-label{font-size:11px;color:var(--text-muted)}.clock-layout{display:flex;flex-direction:column;gap:16px}.clock-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.clock-msg{margin-top:12px;padding:10px 14px;background:var(--clocked-in-bg);border:1px solid var(--brand-forest);border-radius:var(--radius-md);font-size:13px;color:var(--green);text-align:center}.time-log-grid{display:grid;grid-template-columns:1fr 1fr 64px 64px 52px;gap:6px}.time-log-header{padding:6px 10px;font-size:10px;font-weight:700;color:var(--text-faint);letter-spacing:.5px}.time-log-row{padding:8px 10px;border-radius:var(--radius-sm);font-size:12px;margin-bottom:2px;transition:background var(--transition)}.time-log-row:hover,.time-log-row--alt{background:var(--bg-deep)}.hours-header{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.period-toggle{display:flex;gap:4px;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px;width:fit-content}.period-btn{border:none;cursor:pointer;font-family:var(--font-body);font-weight:700;font-size:11px;letter-spacing:1px;padding:6px 12px;border-radius:var(--radius-sm);transition:all var(--transition);color:var(--text-muted);background:transparent}.period-btn.active{background:var(--brand-yellow);color:var(--brand-navy)}.hours-grid{display:grid;grid-template-columns:1fr;gap:12px}.hours-card{padding:16px}.hours-card__header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.staff-avatar{width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:13px;font-weight:800;letter-spacing:1px;flex-shrink:0}.hours-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.hours-stat{background:var(--bg-deep);border-radius:var(--radius-md);padding:10px 12px}.hours-stat__val{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--stat-num);letter-spacing:.5px}.hours-stat__label{font-size:10px;color:var(--text-muted)}.progress-bar-track{background:var(--bg-deep);border-radius:20px;height:6px;overflow:hidden}.progress-bar-fill{height:6px;border-radius:20px;transition:width .6s ease}.team-grid{display:grid;grid-template-columns:1fr;gap:12px}.team-card{padding:16px;transition:border-color var(--transition)}.team-card--active{border-color:var(--brand-yellow)!important}.team-card__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.active-badge{font-size:10px;background:var(--clocked-in-bg);color:var(--green);border:1px solid var(--green);border-radius:4px;padding:2px 7px;font-weight:700}.admin-lock{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:20px}.admin-lock__card{padding:36px 28px;width:100%;max-width:360px;text-align:center;background:linear-gradient(160deg,var(--brand-navy),var(--brand-forest));border:1px solid rgba(251,198,31,.25);border-radius:var(--radius-lg)}.admin-tabs{display:flex;gap:4px;margin-bottom:20px;background:var(--bg-deep);border-radius:10px;padding:4px;width:fit-content;border:1px solid var(--border)}.admin-tab-btn{background:none;color:var(--text-muted);border:none;cursor:pointer;font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:1px;padding:7px 14px;border-radius:var(--radius-sm);transition:all var(--transition)}.admin-tab-btn.active{background:var(--admin-bg);color:#fff}.admin-layout{display:flex;flex-direction:column;gap:16px}.admin-panel{padding:18px}.admin-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.admin-list-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-light)}.admin-form{padding:20px}.admin-form__title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:18px}.form-field{display:flex;flex-direction:column;gap:5px}.form-label{font-size:11px;color:var(--text-muted);font-weight:600;letter-spacing:.5px}.form-row{display:flex;flex-direction:column;gap:14px}.form-actions{display:flex;gap:8px;padding-top:4px}.color-picker{display:flex;gap:8px;flex-wrap:wrap}.color-swatch{width:30px;height:30px;border-radius:50%;cursor:pointer;transition:all var(--transition)}.admin-placeholder{padding:28px;text-align:center;color:var(--text-faint)}.admin-placeholder__icon{font-size:36px;margin-bottom:10px}.label-sm{font-size:10px;color:var(--text-muted);margin-bottom:5px}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--text)}.loading__inner{text-align:center}.loading__title{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--brand-yellow);letter-spacing:2px;margin-bottom:12px}.loading__sub{font-size:14px;color:var(--text-muted)}.hov-row:hover{background:var(--bg-deep)!important}.text-yellow{color:var(--brand-yellow)}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.text-green{color:var(--green)}.text-danger{color:var(--danger)}.font-display{font-family:var(--font-display)}.fw-800{font-weight:800}.section-label{font-size:12px;font-weight:700;color:var(--text-muted);letter-spacing:1px;margin-bottom:10px}@media(min-width:640px){.main{padding:20px 20px 80px}.header__badge{display:block}.stats-grid{grid-template-columns:repeat(4,1fr)}.hours-grid,.team-grid{grid-template-columns:repeat(2,1fr)}.page-title{font-size:28px}.admin-layout{flex-direction:row}.admin-layout>:first-child{flex:1}.admin-layout>:last-child{width:360px;flex-shrink:0}.form-row{flex-direction:row}.form-row>*{flex:1}}@media(min-width:1024px){.header__inner{height:62px;padding:0 24px}.header__logo img{height:46px}.header__time{display:block}.desktop-nav{display:flex}.bottom-nav{display:none}.main{padding:24px}.page-title{font-size:30px}.schedule-mobile{display:none}.schedule-desktop{display:block}.hours-grid,.team-grid{grid-template-columns:repeat(3,1fr)}.clock-layout{flex-direction:row}.clock-layout>:first-child{flex:1}.clock-layout>:last-child{flex:1}.schedule-controls{flex-direction:row;justify-content:space-between;align-items:center}.print-grid{display:none!important}@media print{@page{size:landscape;margin:1cm}.print-hide,.header,.bottom-nav,.stats-grid,.schedule-controls,.schedule-mobile,.schedule-desktop,.main>.fade>*:not(.print-grid){display:none!important}.print-grid{display:block!important;position:static!important;width:100%!important;background:#fff!important;color:#000!important;padding:0!important;margin:0!important}.print-header{margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid #000}.print-title{font-size:20px;font-weight:800;letter-spacing:2px;color:#000;font-family:Barlow Condensed,sans-serif}.print-subtitle{font-size:13px;color:#333;margin-top:3px}.print-meta{font-size:10px;color:#666;margin-top:2px}.print-table{width:100%;border-collapse:collapse;font-size:11px;table-layout:fixed;margin-bottom:14px}.print-th{background:#f0f0f0;border:1px solid #ccc;padding:6px 8px;text-align:center;font-size:10px;font-weight:700;letter-spacing:.5px;color:#333}.print-th--staff{text-align:left;width:130px}.print-th--today{background:#fffae0;border-color:#e0c000}.print-td{border:1px solid #ddd;padding:5px 6px;vertical-align:top}.print-td--staff{background:#fafafa;font-weight:600;font-size:11px}.print-td--empty{background:#fafafa}.print-td--total{text-align:center;font-weight:700;font-size:11px;color:#333;background:#f9f9f9;width:50px}.print-row--alt .print-td{background:#f7f7f7}.print-row--alt .print-td--staff{background:#f0f0f0}.print-shift-cell{border-radius:4px;padding:4px 6px;font-size:10px;border:1px solid;display:inline-block;min-width:60px}.print-grid[data-print-mode=bw] .print-shift-cell{background:#fff!important;border:1px solid #333!important;color:#000!important}.print-grid[data-print-mode=borders] .print-shift-cell{background:#fff!important;color:#000!important}.print-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:8px;border-top:1px solid #ccc}.print-legend-item{font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;border:1px solid}}.header__save--desktop{display:none}@media(min-width:640px){.header__save--desktop{display:block}}.avail-day-row{padding:12px 14px;background:var(--bg-deep);border-radius:var(--radius-md);border:1.5px solid var(--border);transition:all .15s}.avail-day-row--unavailable{opacity:.6;border-color:var(--border-light)}.schedule-desktop-actions{display:none}.schedule-mobile-more{display:block}@media(min-width:900px){.schedule-desktop-actions{display:flex;align-items:center;gap:8px}.schedule-mobile-more{display:none}}}