:root{color-scheme:light;--bg: #f4f6f8;--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #f4f6f9;--chip-bg: #eef2f7;--text: #1f2933;--muted: #64748b;--border: #e2e8f0;--primary: #1d4ed8;--primary-hover: #1e40af;--on-primary: #ffffff;--accent-soft: #dbeafe;--accent-soft-fg: #1e40af;--requested-bg: #fef3c7;--requested-fg: #92400e;--requested-border: #d97706;--approved-bg: #dcfce7;--approved-fg: #14532d;--approved-border: #16a34a;--rejected-bg: #fee2e2;--rejected-fg: #991b1b;--rejected-border: #dc2626;--warning-bg: #fffbeb;--warning-fg: #92400e;--info-bg: #eff6ff;--info-fg: #1e40af;--info-border: #bfdbfe;--celebration-bg: linear-gradient(135deg, #fef9c3, #fce7f3);--overlay: rgba(15, 23, 42, .55);--shadow-md: 0 8px 24px rgba(15, 23, 42, .15);--shadow-lg: 0 10px 30px rgba(15, 23, 42, .25);--chart-worked: #1d4ed8;--chart-timeoff: #059669;--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2364748b' stroke-width='2'/%3E%3C/svg%3E")}:root[data-theme=dark]{color-scheme:dark;--bg: #0f172a;--surface: #1b2436;--surface-2: #22304a;--surface-3: #1f2b40;--chip-bg: #2b3a54;--text: #e6edf5;--muted: #9aa9bd;--border: #33415a;--primary: #2563eb;--primary-hover: #3b82f6;--on-primary: #ffffff;--accent-soft: #1e3a5f;--accent-soft-fg: #bfdbfe;--requested-bg: #3a2a06;--requested-fg: #fcd34d;--requested-border: #b45309;--approved-bg: #0b2e1a;--approved-fg: #86efac;--approved-border: #22c55e;--rejected-bg: #3b1113;--rejected-fg: #fca5a5;--rejected-border: #ef4444;--warning-bg: #2e2408;--warning-fg: #fbbf24;--info-bg: #17233f;--info-fg: #bfdbfe;--info-border: #2b4a7e;--celebration-bg: linear-gradient(135deg, #3b3416, #3d2036);--overlay: rgba(2, 6, 23, .7);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .55);--chart-worked: #60a5fa;--chart-timeoff: #34d399;--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%239aa9bd' stroke-width='2'/%3E%3C/svg%3E")}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}h1,h2,h3{margin:0 0 .25rem}ul{list-style:none;margin:0;padding:0}input,textarea,button{font:inherit}input:not([type=checkbox]),textarea{width:100%;padding:.5rem .6rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}select{color:var(--text)}label{display:block;font-size:.9rem;font-weight:500}.layout{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.6rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.topbar-brand{display:flex;align-items:center;gap:.5rem;font-weight:700}.logo{height:1.7rem;width:auto;display:block}.topbar-nav{display:flex;gap:.25rem;flex:1;overflow-x:auto}.nav-tab{border:none;background:none;padding:.5rem .9rem;border-radius:8px;cursor:pointer;color:var(--muted);font-weight:500;white-space:nowrap}.nav-tab:hover{background:var(--bg)}.nav-tab-active{background:var(--primary);color:var(--on-primary)}.nav-tab-active:hover{background:var(--primary-hover)}.topbar-nav-mobile{display:none}.topbar-nav-mobile select{width:100%;padding:.55rem 2.2rem .55rem .8rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-weight:600;color:var(--text);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right .8rem center}.topbar-user{display:flex;align-items:center;gap:.75rem;margin-left:auto}.user-info{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.user-name{font-weight:600;font-size:.9rem}.user-email{color:var(--muted);font-size:.75rem}.approver-chip{margin-left:.4rem;background:var(--primary);color:var(--on-primary);font-size:.65rem;padding:.1rem .4rem;border-radius:999px;vertical-align:middle}.content{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:1.25rem 1rem 3rem}.footer{text-align:center;padding:1rem;font-size:.8rem;border-top:1px solid var(--border)}.center-screen{min-height:100vh;display:grid;place-items:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:1rem;background:var(--overlay)}.modal{background:var(--surface);border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow-lg);padding:1.25rem;max-width:420px;width:100%}.modal-actions{margin-top:1rem;display:flex;justify-content:flex-end}.theme-toggle{font-size:1.1rem;line-height:1;padding:.45rem .6rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem}.stack>*+*{margin-top:.75rem}.stack-lg>*+*{margin-top:1rem}.muted{color:var(--muted)}.small{font-size:.8rem}.spacer{flex:1}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.btn{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:.45rem .9rem;cursor:pointer;font-weight:500}.btn:hover{background:var(--bg)}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-hover)}.btn-danger{color:var(--rejected-fg);border-color:var(--rejected-border)}.btn-approve{color:var(--approved-fg);border-color:var(--approved-border)}.btn-ghost{border:none;background:none;color:var(--muted)}.btn-small{padding:.3rem .6rem;font-size:.85rem}.banner{padding:.6rem .8rem;border-radius:8px;font-size:.9rem}.banner-error{background:var(--rejected-bg);color:var(--rejected-fg);border:1px solid var(--rejected-border)}.banner-warning{background:var(--warning-bg);color:var(--warning-fg);border:1px solid var(--requested-border);font-weight:600}.banner-info{background:var(--info-bg);color:var(--info-fg);border:1px solid var(--info-border)}.login-screen{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:100%;max-width:380px;padding:1.5rem}.request-list>*+*{margin-top:.75rem}.request-card{border-left-width:5px}.border-requested{border-left-color:var(--requested-border)}.border-approved{border-left-color:var(--approved-border)}.border-rejected{border-left-color:var(--rejected-border)}.request-highlight{outline:2px solid var(--primary)}.request-main{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.request-actions{display:flex;align-items:center;gap:.5rem;margin-top:.6rem}.status-badge{padding:.2rem .65rem;border-radius:999px;font-size:.8rem;font-weight:700;white-space:nowrap}.status-requested{background:var(--requested-bg);color:var(--requested-fg)}.status-approved{background:var(--approved-bg);color:var(--approved-fg)}.status-rejected{background:var(--rejected-bg);color:var(--rejected-fg)}.sync-error{color:var(--rejected-fg);margin-top:.4rem}.form-card{max-width:560px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.flag-group{border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem .65rem;margin:0;display:grid;gap:.4rem}.checkbox{display:flex;align-items:center;gap:.5rem;font-weight:400}.checkbox input{width:1.05rem;height:1.05rem}.info-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.05rem;height:1.05rem;flex:none;border:1px solid var(--muted);border-radius:50%;color:var(--muted);font-size:.7rem;font-weight:700;font-family:Georgia,serif;cursor:help}.info-tip-text{display:none;position:absolute;bottom:calc(100% + .45rem);left:50%;transform:translate(-50%);width:max-content;max-width:16rem;padding:.4rem .6rem;border-radius:6px;background:var(--text);color:var(--surface);font-size:.75rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.35;z-index:20}.info-tip:hover .info-tip-text,.info-tip:focus .info-tip-text{display:block}.form-actions{display:flex;justify-content:flex-end;gap:.5rem}.decide-row{display:flex;gap:.5rem;margin-top:.6rem;align-items:center}.decide-row input{flex:1}.filter-tabs{display:flex;gap:.35rem;flex-wrap:wrap}.week-section{margin-top:.75rem}.week-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.week-row{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem}.day-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.6rem;display:flex;flex-direction:column;gap:.4rem}.day-past{opacity:.75}.day-today{border:2px solid var(--primary)}.day-head{display:flex;align-items:baseline;gap:.4rem}.day-name{font-weight:700}.day-date{color:var(--muted);font-size:.85rem}.today-chip{margin-left:auto;background:var(--primary);color:var(--on-primary);font-size:.65rem;padding:.05rem .4rem;border-radius:999px}.day-toggle{font-size:.85rem}.day-people{display:flex;flex-wrap:wrap;gap:.25rem;align-content:flex-start;max-height:4.6rem;overflow-y:auto;border-top:1px dashed var(--border);padding-top:.35rem}.day-people li{background:var(--chip-bg);border-radius:999px;padding:.05rem .5rem;font-size:.72rem;line-height:1.4;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.day-people .me{font-weight:700;color:var(--accent-soft-fg);background:var(--accent-soft)}.day-people .nobody{background:none;font-size:.75rem}.today-columns{columns:300px;column-gap:1rem}.today-column-item{break-inside:avoid;margin-bottom:1rem}.today-columns>.today-column-item:last-child{margin-bottom:0}.today-card h3{margin-bottom:.5rem}.today-banner{font-weight:600;font-size:1rem}.celebration-card{background:var(--celebration-bg)}.celebration-item{font-weight:600}.weather-main{display:flex;align-items:center;gap:.6rem}.weather-icon{font-size:2.2rem;line-height:1}.weather-temp{font-size:1.8rem;font-weight:700}.worldclock-list{display:grid;gap:.35rem}.worldclock-row{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem}.worldclock-time{font-weight:700;font-variant-numeric:tabular-nums}.trivia-answer{background:var(--bg);border-left:3px solid var(--primary);border-radius:0 8px 8px 0;padding:.5rem .75rem;font-weight:600}.lunch-item{border:1px solid var(--border);border-radius:10px;padding:.6rem;display:grid;gap:.4rem}.chip-list{display:flex;flex-wrap:wrap;gap:.25rem}.chip{background:var(--chip-bg);border-radius:999px;padding:.05rem .5rem;font-size:.72rem;white-space:nowrap}.lunch-actions{display:flex;gap:.4rem}.lunch-form{display:grid;grid-template-columns:1fr auto auto;gap:.5rem;align-items:center;margin-top:.6rem}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;align-items:start}.admin-list>*+*{margin-top:.15rem}.admin-item{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;border-bottom:1px solid var(--border);padding:.35rem .5rem;border-radius:6px}.admin-list li:nth-child(odd){background:var(--surface-3)}.admin-item-actions{display:flex;gap:.3rem;flex-shrink:0}.admin-form{border-top:1px solid var(--border);padding-top:.75rem}.tt-week-nav{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.tt-week-title{margin-left:.4rem;white-space:nowrap}.tt-grid-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px}.tt-grid{border-collapse:collapse;width:100%;font-size:.9rem}.tt-grid th,.tt-grid td{border-bottom:1px solid var(--border);padding:.45rem .5rem;text-align:center;vertical-align:top;min-width:84px}.tt-grid thead th{background:var(--surface-2);font-weight:600}.tt-grid tfoot td{font-weight:600;background:var(--surface-2)}.tt-grid .tt-activity-col{text-align:left;min-width:200px;max-width:280px;position:sticky;left:0;background:var(--surface);z-index:1}.tt-grid thead .tt-activity-col,.tt-grid tfoot .tt-activity-col,.tt-grid .tt-weekend{background:var(--surface-2)}.tt-total-col{font-weight:600;white-space:nowrap}.tt-day-name{white-space:nowrap}.tt-day-meta{font-weight:400;white-space:nowrap}.tt-warn{color:var(--warning-fg);font-weight:600}input.tt-cell{width:4.2em;text-align:center;padding:.3rem .2rem}input.tt-cell-invalid{border-color:var(--rejected-border);background:var(--rejected-bg)}.tt-timeoff-select{margin-top:.3rem;max-width:130px;font-size:.8rem}.tt-timeoff-detail{display:flex;flex-direction:column;gap:.25rem;margin-top:.25rem;align-items:center}.tt-timeoff-comment{max-width:130px;font-size:.8rem;padding:.25rem .35rem}.tt-activity-label{overflow-wrap:anywhere}.tt-row-remove{border:none;background:none;color:var(--muted);font-size:1rem;cursor:pointer;padding:0 .3rem;float:right}.tt-row-remove:hover{color:var(--rejected-fg)}.tt-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tt-picker{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.tt-picker select{width:auto;max-width:220px}.tt-inactive-badge{margin-left:.4rem;background:var(--chip-bg);color:var(--muted);border-radius:999px;padding:.05rem .5rem;font-size:.75rem}.admin-list li.admin-item-editing{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--primary)}.tt-editing-badge{margin-left:.4rem;background:var(--primary);color:var(--on-primary);border-radius:999px;padding:.05rem .5rem;font-size:.75rem}.tt-weekly-minutes{display:flex;gap:.4rem;flex-wrap:wrap}.tt-weekly-day{display:flex;flex-direction:column;align-items:center;gap:.15rem}.tt-assign-user select{max-width:420px}.tt-crud-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.tt-crud-head .btn{flex-shrink:0;white-space:nowrap}.admin-form select{width:100%;max-width:100%}.tt-list-tools{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.tt-list-tools input[type=search]{flex:1;min-width:140px}.admin-list-scroll{max-height:340px;overflow-y:auto}.tt-check{display:flex;align-items:center;gap:.4rem;font-weight:400;white-space:nowrap;cursor:pointer}.tt-report-filters{display:flex;gap:.75rem;align-items:end;flex-wrap:wrap}.tt-report-filters input[type=checkbox]{min-width:0}.tt-report-filters select{max-width:min(340px,100%)}.tt-report-filters .tt-filter-check{padding-bottom:.5rem}.tt-filter{font-size:.9rem;font-weight:500}.tt-filter-label{display:block}.tt-multi{position:relative;min-width:160px}.tt-multi summary{list-style:none;cursor:pointer;padding:.4rem 1.6rem .4rem .6rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-weight:400}.tt-multi summary::-webkit-details-marker{display:none}.tt-multi summary:after{content:"▾";position:absolute;right:.6rem;color:var(--muted)}.tt-multi[open] summary{border-color:var(--primary)}.tt-multi-list{position:absolute;top:calc(100% + 4px);left:0;z-index:20;min-width:240px;max-height:280px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-md)}.tt-multi-options{overflow-y:auto;padding:.5rem .6rem;display:grid;gap:.3rem}.tt-multi-ok{margin:.3rem .6rem .5rem}.tt-report-filters label{margin:0}.tt-report-filters select,.tt-report-filters input{width:auto;min-width:160px}.tt-period-span{padding-bottom:.5rem}.tt-report-table th,.tt-report-table td{text-align:left;min-width:0}.tt-report-table tr.tt-month-band td{background:var(--surface-3)}.tt-chart{display:grid;gap:4px}.tt-chart-row{display:grid;grid-template-columns:minmax(120px,180px) 1fr 60px;align-items:center;gap:.5rem}.tt-chart-label{font-size:.85rem;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tt-chart-track{position:relative;display:flex;gap:2px;height:14px}.tt-chart-bar{display:block;height:100%;border-radius:0 4px 4px 0;min-width:2px}.tt-chart-ref{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--text);border-radius:1px}.tt-chart-value{color:var(--muted);white-space:nowrap}.tt-chart-legend{display:flex;gap:1rem;flex-wrap:wrap}.tt-chart-swatch{display:inline-block;width:10px;height:10px;border-radius:3px;vertical-align:baseline}.tt-chart-ref-swatch{background:var(--text);width:2px;height:12px;border-radius:1px}@media(max-width:640px){.topbar{gap:.5rem}.topbar-nav{display:none}.topbar-nav-mobile{display:block;order:3;width:100%}.user-info{display:none}.form-row{grid-template-columns:1fr}.week-row{display:flex;overflow-x:auto;padding-bottom:.25rem}.week-row .day-card{min-width:138px;flex:0 0 auto}.request-main{flex-direction:column}.decide-row{flex-wrap:wrap}.lunch-form{grid-template-columns:1fr auto}.lunch-form .btn{grid-column:1 / -1;width:100%}.decide-row input{flex-basis:100%}.tt-grid th,.tt-grid td{min-width:72px}.tt-grid .tt-activity-col{min-width:140px}.tt-chart-row{grid-template-columns:minmax(80px,120px) 1fr 52px}}