:root{--color-brand-primary:#333336;--color-brand-secondary:#003669;--color-brand-accent:#00b1e3;--color-neutral-bg:#f4f6f8;--color-neutral-surface:#fff;--color-neutral-border:#e0e0e0;--color-neutral-textPrimary:#333336;--color-neutral-textSecondary:#626262;--color-neutral-textInverse:#fff;--color-semantic-info:#00707f;--color-semantic-success:#5e8c1e;--color-semantic-warning:#946d49;--color-semantic-danger:#cf4520;--color-presence-present:#5e8c1e;--color-presence-break:#00707f;--color-presence-finished:#626262;--color-presence-notStarted:#946d49;--color-presence-autoClosed:#cf4520;--color-presence-corrected:#003669;--color-headerControl-bg:#ffffff26;--color-headerControl-bgHover:#ffffff40;--color-headerControl-border:#ffffff59;--font-family-base:"Segoe UI", system-ui, -apple-system, sans-serif;--font-size-sm:13px;--font-size-md:15px;--font-size-lg:18px;--font-size-xl:24px;--font-size-xxl:34px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:6px;--radius-md:10px;--radius-pill:999px;--shadow-card:0 1px 3px #3333361f}[data-theme=dark]{--color-brand-secondary:#4dc4ec;--color-neutral-bg:#1e2023;--color-neutral-surface:#2a2d31;--color-neutral-border:#3c4147;--color-neutral-textPrimary:#e9edf2;--color-neutral-textSecondary:#a7b0ba;--color-neutral-textInverse:#fff}*{box-sizing:border-box}body{background:var(--color-neutral-bg);color:var(--color-neutral-textPrimary);font-family:var(--font-family-base);font-size:var(--font-size-md);margin:0}a{color:var(--color-brand-secondary)}.layout{flex-direction:column;min-height:100vh;display:flex}.header{background:var(--color-brand-primary);color:var(--color-neutral-textInverse);align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);display:flex}.header .logo{width:34px;height:34px;color:var(--color-neutral-textInverse)}.header .title{font-size:var(--font-size-lg);font-weight:600}.header .tagline{opacity:.75;font-size:var(--font-size-sm)}.header .spacer{flex:1}.header select,.header-toggle{background:var(--color-headerControl-bg);border:1px solid var(--color-headerControl-border);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);font:inherit;color:var(--color-neutral-textInverse)}.header select:hover,.header-toggle:hover{background:var(--color-headerControl-bgHover)}.header select option{color:var(--color-neutral-textPrimary)}.header-toggle{cursor:pointer;line-height:1}.header .switcher-label{font-size:var(--font-size-sm);opacity:.85}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.nav{background:var(--color-neutral-surface);border-bottom:1px solid var(--color-neutral-border);gap:var(--space-xs);padding:0 var(--space-lg);display:flex}.nav a{padding:var(--space-sm) var(--space-md);color:var(--color-neutral-textSecondary);border-bottom:3px solid #0000;font-weight:500;text-decoration:none}.nav a.active{color:var(--color-brand-primary);border-bottom-color:var(--color-brand-accent)}.main{padding:var(--space-lg);flex:1;width:100%;max-width:1200px;margin:0 auto}.footer{padding:var(--space-sm) var(--space-lg);color:var(--color-neutral-textSecondary);font-size:var(--font-size-sm);text-align:center}h1{font-size:var(--font-size-xl);margin:0 0 var(--space-md)}.card{background:var(--color-neutral-surface);border:1px solid var(--color-neutral-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-md);margin-bottom:var(--space-md)}.card-head{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.card-head h2{font-size:var(--font-size-lg);margin:0}.card-actions{gap:var(--space-sm);align-items:center;display:flex}.btn{font:inherit;border:1px solid var(--color-neutral-border);background:var(--color-neutral-surface);color:var(--color-neutral-textPrimary);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-md);cursor:pointer}.btn:hover{border-color:var(--color-brand-secondary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--color-neutral-textInverse)}.btn-danger{background:var(--color-semantic-danger);border-color:var(--color-semantic-danger);color:var(--color-neutral-textInverse)}.btn-big{font-size:var(--font-size-xl);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md)}.badge{padding:2px var(--space-sm);border-radius:var(--radius-pill);font-size:var(--font-size-sm);color:var(--color-neutral-textInverse);font-weight:600;display:inline-block}.badge-present{background:var(--color-presence-present)}.badge-break{background:var(--color-presence-break)}.badge-finished{background:var(--color-presence-finished)}.badge-notStarted{background:var(--color-presence-notStarted)}.badge-flag-autoClosed{background:var(--color-presence-autoClosed)}.badge-flag-corrected{background:var(--color-presence-corrected)}.badge-flag-issueReported{background:var(--color-semantic-warning)}.kpis{gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.kpi{border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-neutral-textInverse);flex:120px}.kpi-present{background:var(--color-presence-present)}.kpi-break{background:var(--color-presence-break)}.kpi-finished{background:var(--color-presence-finished)}.kpi-notStarted{background:var(--color-presence-notStarted)}.kpi-value{font-size:var(--font-size-xxl);font-weight:700;line-height:1}.kpi-label{font-size:var(--font-size-sm);margin-top:var(--space-xs)}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-neutral-border)}th{color:var(--color-neutral-textSecondary);font-size:var(--font-size-sm);font-weight:600}.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.th-sort:hover{color:var(--color-brand-secondary)}tr:last-child td{border-bottom:none}.muted{color:var(--color-neutral-textSecondary);font-size:var(--font-size-sm)}.field{gap:var(--space-xs);flex-direction:column;display:flex}.field-label{font-size:var(--font-size-sm);color:var(--color-neutral-textSecondary);font-weight:600}.field input[type=text],.field input[type=number],.field input[type=date],.field input[type=time],.field select{font:inherit;border:1px solid var(--color-neutral-border);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-neutral-surface);color:var(--color-neutral-textPrimary)}.filters{gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;align-items:flex-end;display:flex}.toggle{width:18px;height:18px;accent-color:var(--color-brand-primary)}.status-hero{align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.status-hero .big-time{font-size:var(--font-size-xxl);font-weight:700}.status-hero-simple{text-align:center;padding:var(--space-xl) var(--space-md);justify-content:center;gap:var(--space-md);flex-direction:column}.status-hero-simple .big-time{font-size:64px;line-height:1}.status-hero-simple .badge{font-size:var(--font-size-lg);padding:var(--space-xs) var(--space-lg)}.note-info{background:var(--color-neutral-bg);border-left:4px solid var(--color-semantic-info);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);margin:var(--space-sm) 0;font-size:var(--font-size-sm);color:var(--color-neutral-textSecondary)}.tabs{gap:var(--space-xs);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.tabs button{font:inherit;border:1px solid var(--color-neutral-border);background:var(--color-neutral-surface);color:var(--color-neutral-textSecondary);border-radius:var(--radius-pill);padding:var(--space-xs) var(--space-md);cursor:pointer}.tabs button.active{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--color-neutral-textInverse)}.grid-2{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.inline-form{gap:var(--space-sm);flex-wrap:wrap;align-items:flex-end;display:flex}:focus-visible{outline:3px solid var(--color-brand-secondary);outline-offset:1px;border-radius:var(--radius-sm)}.kpi-button{cursor:pointer;font:inherit;text-align:left;border:3px solid #0000}.kpi-button:hover{filter:brightness(1.08)}.kpi-active{border-color:var(--color-neutral-textPrimary)}.tiles{gap:var(--space-sm);margin-top:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.tile{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);border:1px solid var(--color-neutral-border);border-radius:var(--radius-md);background:var(--color-neutral-surface);text-align:center;flex-direction:column;display:flex}.tile-avatar{width:52px;height:52px;font-weight:700;font-size:var(--font-size-lg);color:var(--color-neutral-textInverse);border-radius:50%;justify-content:center;align-items:center;display:flex}.tile-avatar-present{background:var(--color-presence-present)}.tile-avatar-break{background:var(--color-presence-break)}.tile-avatar-finished{background:var(--color-presence-finished)}.tile-avatar-notStarted{background:var(--color-presence-notStarted)}.tile-name{font-size:var(--font-size-sm);font-weight:600}.tile-sub{font-size:var(--font-size-sm);color:var(--color-neutral-textSecondary)}.board-block-sep{border-top:1px solid var(--color-neutral-border);margin-top:var(--space-lg);padding-top:var(--space-md)}.board-block-title{font-size:var(--font-size-sm);color:var(--color-neutral-textSecondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs);font-weight:600}.alert-banner{background:var(--color-neutral-surface);border:1px solid var(--color-semantic-warning);border-left:6px solid var(--color-semantic-warning);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md)}.alert-banner strong{margin-bottom:var(--space-xs);display:block}.alert-banner span{font-size:var(--font-size-sm);color:var(--color-neutral-textSecondary);display:block}.tv{background:var(--color-neutral-bg);min-height:100vh;color:var(--color-neutral-textPrimary);padding:var(--space-lg) var(--space-xl)}.tv-head{align-items:baseline;gap:var(--space-lg);margin-bottom:var(--space-md);display:flex}.tv-head .tv-title{font-size:var(--font-size-xxl);font-weight:700}.tv-head .tv-clock{font-size:var(--font-size-xxl);margin-left:auto;font-weight:700}.tv .tiles{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.tv .kpi-value{font-size:56px}.tv-team-title{font-size:var(--font-size-xl);margin:var(--space-lg) 0 var(--space-sm)}.tv-foot{margin-top:var(--space-lg);color:var(--color-neutral-textSecondary);justify-content:space-between;display:flex}.dash-dept{align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-neutral-border);display:flex}.dash-dept:last-child{border-bottom:none}.dash-dept-name{width:220px;font-weight:600}.dash-bar{background:var(--color-neutral-bg);border-radius:var(--radius-pill);flex:1;height:14px;overflow:hidden}.dash-bar-fill{background:var(--color-presence-present);border-radius:var(--radius-pill);height:100%}.dash-dept-count{text-align:right;width:180px;color:var(--color-neutral-textSecondary);font-size:var(--font-size-sm)}.dash-chart{width:100%;height:220px}.dash-chart text{fill:var(--color-neutral-textSecondary);font-size:11px}.dash-chart .axis{stroke:var(--color-neutral-border)}.dash-chart .series{stroke:var(--color-brand-secondary);fill:none;stroke-width:2px}.dash-chart .series-fill{fill:var(--color-brand-secondary);opacity:.12;stroke:none}.dash-chart .now-line{stroke:var(--color-brand-accent);stroke-width:2px}.widget{justify-content:center;align-items:center;gap:var(--space-xs);background:var(--color-brand-primary);min-height:100vh;color:var(--color-neutral-textInverse);font-family:var(--font-family-base);flex-direction:column;display:flex}.widget-count{font-size:84px;font-weight:700;line-height:1}.widget-label{font-size:var(--font-size-lg);opacity:.85}.live-indicator{align-items:center;gap:var(--space-xs);display:flex}.live-dot{background:var(--color-presence-present);border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.3}}.timeline{gap:var(--space-xs);margin-top:var(--space-sm);flex-direction:column;display:flex}.timeline-row{align-items:center;gap:var(--space-sm);display:flex}.timeline-name{width:170px;font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;flex:0 0 170px;overflow:hidden}.timeline-track{background:var(--color-neutral-bg);border-radius:var(--radius-pill);flex:1;height:16px;position:relative}.timeline-seg{background:var(--color-presence-present);border-radius:var(--radius-pill);min-width:3px;position:absolute;top:0;bottom:0}.timeline-seg-break{background:var(--color-presence-break);border-radius:0}.timeline-now{background:var(--color-brand-accent);width:2px;position:absolute;top:-3px;bottom:-3px}.timeline-scale{margin-left:calc(170px + var(--space-sm));color:var(--color-neutral-textSecondary);font-size:var(--font-size-sm);justify-content:space-between;display:flex}.timeline-legend{gap:var(--space-md);margin-top:var(--space-xs);color:var(--color-neutral-textSecondary);font-size:var(--font-size-sm);align-items:center;display:flex}.legend-chip{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-right:4px;display:inline-block}.legend-chip-present{background:var(--color-presence-present)}.legend-chip-break{background:var(--color-presence-break)}.legend-chip-now{background:var(--color-brand-accent)}.correction-editor{background:var(--color-neutral-bg);border-radius:var(--radius-sm);padding:var(--space-sm);gap:var(--space-sm);flex-wrap:wrap;align-items:flex-end;display:flex}