.page{display:flex;flex-direction:column;gap:20px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.header-left{display:flex;flex-direction:column;gap:4px}.page-title{font-family:var(--font-sans);font-size:28px;font-weight:700;color:var(--color-primary);letter-spacing:-.01em;line-height:1.1}.page-subtitle{font-family:var(--font-sans);font-size:13px;font-weight:400;color:var(--color-secondary);text-transform:uppercase;letter-spacing:.08em}.header-right{display:flex;gap:8px;align-items:center}.btn{font-family:var(--font-sans);font-size:13px;font-weight:600;letter-spacing:.04em;padding:7px 16px;border-radius:4px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.btn-ghost{background:transparent;border:1px solid var(--color-border);color:var(--color-secondary)}.btn-ghost:hover{background:var(--color-row-alt);border-color:var(--color-secondary);color:var(--color-primary)}.table-card{background:var(--color-card);border-radius:8px;box-shadow:0 1px 3px #1a3a5c14,0 4px 16px #1a3a5c0f;overflow:hidden}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.planning-table{width:100%;border-collapse:collapse;table-layout:fixed}.planning-table thead tr{background-color:var(--color-primary)}.th-team{width:190px;min-width:160px;padding:12px 14px;text-align:left;font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--color-header-text);text-transform:uppercase;letter-spacing:.06em;border-right:1px solid rgba(255,255,255,.12);position:sticky;left:0;z-index:2;background-color:var(--color-primary)}.th-day{width:108px;min-width:96px;padding:10px 8px;text-align:center;border-right:1px solid rgba(255,255,255,.12)}.th-day-name{display:block;font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--color-header-text);text-transform:uppercase;letter-spacing:.06em;line-height:1.2}.th-day-date{display:block;font-family:var(--font-mono);font-size:11px;font-weight:400;color:#ffffffa6;margin-top:2px}.th-cumul{width:110px;min-width:100px;padding:12px 10px;text-align:center;font-family:var(--font-sans);font-size:12px;font-weight:600;color:#ffd0b8;text-transform:uppercase;letter-spacing:.06em;border-left:2px solid rgba(232,108,47,.5)}.row-even{background-color:var(--color-card)}.row-odd{background-color:var(--color-row-alt)}.planning-table tbody tr:hover{background-color:#e8eff7}.td-team{padding:0 14px;height:44px;font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--color-primary);border-right:1px solid var(--color-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:sticky;left:0;z-index:1}.row-even .td-team{background-color:var(--color-card)}.row-odd .td-team{background-color:var(--color-row-alt)}.planning-table tbody tr:hover .td-team{background-color:#e8eff7}.td-day{padding:4px 6px;height:44px;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);vertical-align:middle}.cumul-cell{padding:0 10px;height:44px;text-align:center;font-family:var(--font-mono);font-size:15px;font-weight:700;color:var(--color-accent);background-color:var(--color-accent-light);border-left:2px solid #E8C4AA;border-bottom:1px solid #F0C9A8;vertical-align:middle}.time-input-wrapper{position:relative;width:100%}.time-input{width:100%;height:34px;padding:0 8px;font-family:var(--font-mono);font-size:14px;font-weight:400;color:var(--color-primary);background:#fff;border:1px solid var(--color-border);border-radius:3px;text-align:center;outline:none;transition:border-color .15s,box-shadow .15s}.time-input::placeholder{color:#b0bec5;font-family:var(--font-mono)}.time-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #1a3a5c26}.time-input--error{border-color:#e53e3e;background-color:#fff5f5}.time-input--error:focus{box-shadow:0 0 0 2px #e53e3e33}.time-input-tooltip{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);background:#e53e3e;color:#fff;font-family:var(--font-sans);font-size:11px;font-weight:500;padding:3px 8px;border-radius:3px;white-space:nowrap;pointer-events:none;z-index:10}.time-input-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#e53e3e}.tfoot-row{background-color:#ebf0f7;border-top:2px solid var(--color-primary)}.tfoot-label{padding:0 14px;height:40px;font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--color-secondary);text-transform:uppercase;letter-spacing:.05em;border-right:1px solid var(--color-border);position:sticky;left:0;background-color:#ebf0f7;z-index:1}.tfoot-day{padding:0 8px;height:40px;text-align:center;font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--color-primary);border-right:1px solid var(--color-border);vertical-align:middle}.tfoot-grand{padding:0 10px;height:40px;text-align:center;font-family:var(--font-mono);font-size:15px;font-weight:700;color:var(--color-accent);background-color:#ffe8d6;border-left:2px solid #E8C4AA;vertical-align:middle}.page-footer{font-family:var(--font-sans);font-size:12px;color:var(--color-secondary);text-align:center;padding-bottom:8px;letter-spacing:.02em}@media (max-width: 768px){body{padding:16px 8px}.page-title{font-size:20px}.page-subtitle{font-size:11px}.th-team{width:130px;min-width:120px}.th-day{width:88px;min-width:80px}}:root{--background: oklch(.97 .005 240);--foreground: oklch(.18 .04 240);--card: oklch(.99 .002 240);--card-foreground: oklch(.18 .04 240);--popover: oklch(.99 .002 240);--popover-foreground: oklch(.18 .04 240);--primary: oklch(.28 .072 240);--primary-foreground: oklch(.98 .004 240);--secondary: oklch(.44 .032 240);--secondary-foreground: oklch(.98 .004 240);--muted: oklch(.93 .012 240);--muted-foreground: oklch(.44 .032 240);--accent: oklch(.62 .148 42);--accent-foreground: oklch(.99 .004 42);--destructive: oklch(.628 .258 29.23);--destructive-foreground: oklch(.98 0 0);--border: oklch(.84 .018 240);--input: oklch(.84 .018 240);--ring: oklch(.28 .072 240);--font-sans: "Barlow Semi Condensed", "Barlow", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace;--radius: .5rem;--color-primary: #1A3A5C;--color-secondary: #4A5568;--color-accent: #E86C2F;--color-accent-light: #FFF3EC;--color-accent-flash: #E8C4AA;--color-bg: #F4F5F7;--color-card: #FFFFFF;--color-row-alt: #EEF2F7;--color-border: #CBD5E0;--color-header-text: #FFFFFF}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-primary);min-height:100vh;padding:24px 16px}#root{max-width:1200px;margin:0 auto}@keyframes cumulFlash{0%{background-color:var(--color-accent-flash)}to{background-color:var(--color-accent-light)}}.cumul-flash{animation:cumulFlash .4s ease-out forwards}