:root{--brand-50: #effcfb;--brand-100: #cbf5f2;--brand-200: #9aeae6;--brand-300: #5fd8d5;--brand-400: #2fbdbd;--brand-500: #159fa1;--brand-600: #0e7f84;--brand-700: #10656a;--brand-800: #135054;--brand-900: #123f43;--coral: #f2793f;--coral-dark: #c2410c;--canvas: #eaf1f1;--panel: #dfe9e9;--card: #ffffff;--line: #c9dada;--line-strong: #a8c4c4;--ink: #10201f;--ink-muted: #47585a;--ink-faint: #6b7d7f;--ok: #059669;--ok-bg: rgba(5, 150, 105, .12);--warn: #b45309;--warn-bg: rgba(217, 119, 6, .14);--urgent: #c2410c;--urgent-bg: rgba(234, 88, 12, .14);--danger: #b91c1c;--danger-bg: rgba(220, 38, 38, .12);--info: var(--brand-700);--info-bg: rgba(21, 159, 161, .12);--radius-field: .625rem;--radius-card: .875rem;--radius-sheet: 1.25rem;--shadow-card: 0 1px 3px 0 rgb(16 32 31 / .06), 0 1px 2px -1px rgb(16 32 31 / .06);--shadow-lift: 0 4px 12px -2px rgb(16 32 31 / .1), 0 2px 6px -2px rgb(16 32 31 / .06);--shadow-sheet: 0 12px 32px -8px rgb(16 32 31 / .18), 0 4px 12px -4px rgb(16 32 31 / .1);--font: -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--ease: cubic-bezier(.16, 1, .3, 1);color-scheme:light;accent-color:var(--brand-600)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--canvas);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:0 0 0 3px #159fa159;border-radius:var(--radius-field)}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.side{background:var(--card);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:20px 14px;gap:22px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:0 8px}.brand__mark{width:30px;height:30px;border-radius:8px;background:var(--brand-600);display:grid;place-items:center;flex-shrink:0}.brand__mark span{display:block;width:15px;height:2px;background:var(--brand-200);box-shadow:0 -5px 0 var(--brand-100),0 5px 0 var(--brand-300)}.brand__name{font-weight:600;letter-spacing:-.01em;font-size:16px}.nav{display:flex;flex-direction:column;gap:2px}.nav__group{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);padding:14px 10px 6px}.nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:var(--radius-field);color:var(--ink-muted);text-decoration:none;font-weight:500;transition:background .15s var(--ease),color .15s var(--ease)}.nav a:hover{background:var(--panel);color:var(--ink)}.nav a.is-active{background:var(--brand-600);color:#fff}.nav__count{font-size:12px;font-variant-numeric:tabular-nums;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--danger-bg);color:var(--danger)}.nav a.is-active .nav__count{background:#ffffff38;color:#fff}.side__foot{margin-top:auto;padding:12px 10px 0;border-top:1px solid var(--line);font-size:13px;color:var(--ink-muted)}.main{min-width:0;padding:26px 30px 60px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px;flex-wrap:wrap}.page-title{font-size:26px;font-weight:650;letter-spacing:-.02em}.page-sub{color:var(--ink-muted);margin-top:3px}.card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);outline:1px solid var(--line);outline-offset:-1px}.card__head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.card__title{font-weight:600;letter-spacing:-.01em}.card__body{padding:18px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:22px}.tile{background:var(--card);border-radius:var(--radius-card);outline:1px solid var(--line);outline-offset:-1px;box-shadow:var(--shadow-card);padding:16px 14px;text-align:center;text-decoration:none;color:inherit;display:block;transition:transform .15s var(--ease),box-shadow .15s var(--ease)}a.tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}a.tile:active{transform:scale(.985)}.tile__label{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.tile__value{font-size:clamp(30px,5vw,44px);font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1;margin-top:6px;white-space:nowrap}.tile__value--ok{color:var(--ok)}.tile__value--warn{color:var(--warn)}.tile__value--danger{color:var(--danger)}.tile__value--neutral{color:var(--ink-faint)}.tile__foot{font-size:12px;color:var(--ink-muted);margin-top:4px}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap;letter-spacing:.01em}.chip__dot{width:6px;height:6px;border-radius:999px;flex-shrink:0}.chip--ok{background:var(--ok-bg);color:#047857}.chip--ok .chip__dot{background:var(--ok)}.chip--warn{background:var(--warn-bg);color:var(--warn)}.chip--warn .chip__dot{background:#d97706}.chip--urgent{background:var(--urgent-bg);color:var(--urgent)}.chip--urgent .chip__dot{background:#ea580c}.chip--danger{background:var(--danger-bg);color:var(--danger)}.chip--danger .chip__dot{background:#dc2626}.chip--info{background:var(--info-bg);color:var(--brand-700)}.chip--info .chip__dot{background:var(--brand-500)}.chip--neutral{background:var(--panel);color:var(--ink-muted)}.chip--neutral .chip__dot{background:var(--ink-faint)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;min-width:1000px}td:first-child,th:first-child{min-width:210px}.col-content{min-width:260px}.col-narrow{width:1%;white-space:nowrap}.cell-sub{color:var(--ink-muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}thead th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap;position:sticky;top:0;background:var(--card);z-index:1}tbody td{padding:11px 14px;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);vertical-align:middle}tbody tr{transition:background .15s var(--ease)}tbody tr:hover{background:#10201f06}tbody tr:last-child td{border-bottom:none}.cell-strong{font-weight:600;letter-spacing:-.01em}.cell-dim{color:var(--ink-muted);font-size:13px}.cell-mono{font-family:var(--font-mono);font-size:12px;color:var(--ink-faint)}.row-actions{display:flex;gap:6px;justify-content:flex-end;opacity:0;transition:opacity .15s var(--ease)}tbody tr:hover .row-actions,tbody tr:focus-within .row-actions{opacity:1}.row--attention td:first-child{box-shadow:inset 3px 0 0 var(--danger)}.row--degraded td:first-child{box-shadow:inset 3px 0 #d97706}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border-radius:var(--radius-field);border:1px solid var(--line-strong);background:var(--card);color:var(--ink);font-weight:550;font-size:14px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s var(--ease),border-color .15s var(--ease),transform .15s var(--ease)}.btn:hover:not(:disabled){background:var(--panel)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.btn--primary:hover:not(:disabled){background:var(--brand-700)}.btn--urgent{background:var(--coral);border-color:var(--coral);color:#fff}.btn--urgent:hover:not(:disabled){background:var(--coral-dark)}.btn--danger{background:var(--card);border-color:#e7b3b3;color:var(--danger)}.btn--danger:hover:not(:disabled){background:var(--danger-bg)}.btn--sm{padding:5px 10px;font-size:13px}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.field__label{font-size:13px;font-weight:600;color:var(--ink-muted)}.field__hint{font-size:12px;color:var(--ink-muted)}.field__error{font-size:12px;color:var(--danger);font-weight:500}.input,select.input,textarea.input{width:100%;padding:9px 11px;border-radius:var(--radius-field);border:1px solid var(--line-strong);background:var(--card);transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.input:focus{border-color:var(--brand-500);outline:none;box-shadow:0 0 0 3px #159fa133}.input--invalid{border-color:#dc2626}.panel{background:var(--panel);border-radius:var(--radius-card);padding:16px}.overlay{position:fixed;inset:0;background:#10201f73;display:grid;place-items:center;padding:20px;z-index:100;animation:fade .16s var(--ease)}.modal{background:var(--card);border-radius:var(--radius-sheet);box-shadow:var(--shadow-sheet);width:100%;max-width:540px;max-height:90vh;overflow-y:auto;animation:pop .2s var(--ease)}.modal__head{padding:18px 20px;border-bottom:1px solid var(--line)}.modal__title{font-size:18px;font-weight:650;letter-spacing:-.015em}.modal__body{padding:20px}.modal__foot{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.96) translateY(6px)}}.banner{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;border-radius:var(--radius-card);margin-bottom:16px;font-size:14px}.banner--error{background:var(--danger-bg);color:var(--danger)}.banner--warn{background:var(--warn-bg);color:var(--warn)}.banner--info{background:var(--info-bg);color:var(--brand-700)}.empty{text-align:center;padding:44px 20px}.empty__icon{width:46px;height:46px;border-radius:999px;background:var(--brand-50);display:grid;place-items:center;margin:0 auto 12px;color:var(--brand-600);font-size:20px;font-weight:700}.empty__title{font-weight:600;margin-bottom:4px}.empty__body{color:var(--ink-muted);margin-bottom:16px}.skeleton{background:linear-gradient(90deg,var(--panel) 25%,var(--canvas) 50%,var(--panel) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--radius-field);height:14px}@keyframes shimmer{to{background-position:-200% 0}}.spinner{width:14px;height:14px;border:2px solid rgb(255 255 255 / .4);border-top-color:#fff;border-radius:999px;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login__card{width:100%;max-width:380px;background:var(--card);border-radius:var(--radius-sheet);box-shadow:var(--shadow-lift);outline:1px solid var(--line);outline-offset:-1px;padding:28px}.login__brand{display:flex;align-items:center;gap:10px;margin-bottom:6px}.login__lead{color:var(--ink-muted);margin-bottom:20px}.timeline{position:relative;overflow-x:auto;padding-bottom:8px}.timeline__rows{min-width:900px}.timeline__row{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:center;padding:7px 0}.timeline__room{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline__track{position:relative;height:34px;background:var(--panel);border-radius:var(--radius-field)}.timeline__block{position:absolute;top:3px;bottom:3px;background:var(--brand-600);color:#fff;border-radius:6px;padding:0 8px;font-size:12px;font-weight:600;display:flex;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:filter .15s var(--ease)}.timeline__block:hover{filter:brightness(1.12)}.timeline__block--cancelled{background:repeating-linear-gradient(45deg,#94a3b8,#94a3b8 6px,#cbd5e1 6px 12px);color:#1e293b}.timeline__block--conflict{outline:2px solid var(--danger);outline-offset:-2px}.timeline__legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:12px;font-size:13px;font-weight:600;color:var(--ink-muted)}.timeline__legend-item{display:inline-flex;align-items:center;gap:7px}.timeline__legend-swatch{width:12px;height:12px;border-radius:4px;border:1px solid rgb(15 23 42 / .12)}.timeline__now{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--coral);z-index:2}.timeline__hours{display:grid;grid-template-columns:150px 1fr;gap:12px;font-size:11px;color:var(--ink-faint);font-weight:600;letter-spacing:.06em}.timeline__hour-marks{position:relative;height:16px}.timeline__hour{position:absolute;transform:translate(-50%)}@media(max-width:900px){.shell{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;align-items:center;border-right:none;border-bottom:1px solid var(--line);overflow-x:auto;padding:12px;gap:12px}.side__foot,.nav__group{display:none}.nav{flex-direction:row;gap:4px}.main{padding:18px 16px 60px}.page-title{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--panel);border:1px solid var(--line-strong);border-radius:10px}.seg__btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:0;border-radius:7px;background:transparent;color:var(--ink-muted);font:inherit;font-weight:600;cursor:pointer}.seg__btn:hover{background:#fff9;color:var(--ink)}.seg__btn.is-active,.seg__btn.is-active:hover{background:var(--brand-600);color:#fff}.seg__count{padding:1px 7px;border-radius:999px;background:#0000001f;font-size:12px;font-variant-numeric:tabular-nums}.seg__btn.is-active .seg__count{background:#ffffff40}.form-row{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:16px}.form-row>*{flex:1 1 220px;min-width:0}.setup{display:flex;flex-direction:column}.setup__group+.setup__group{border-top:1px solid var(--line)}.setup__grouphead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 18px;flex-wrap:wrap}.setup__groupname{font-weight:650;font-size:15px}.setup__actions{display:flex;gap:6px;flex-wrap:wrap}.setup__empty{padding:0 18px 16px;color:var(--ink-muted);font-size:14px}.row-actions-cell{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.swatch-row{display:inline-flex;align-items:center;gap:8px}.swatch{width:16px;height:16px;border-radius:4px;border:1px solid var(--line-strong);display:inline-block}.swatch-input{width:48px;height:32px;padding:2px;cursor:pointer}.settings__identity{display:flex;flex-direction:column;gap:2px}.login__link{background:none;border:0;padding:8px 0 0;margin:0 auto;display:block;color:var(--brand-700);font:inherit;font-size:13px;cursor:pointer;text-decoration:underline}.login__link:hover{color:var(--ink)}.login__note{margin-top:10px;font-size:12px;line-height:1.5;color:var(--ink-muted)}.linkish{background:none;border:0;padding:0;font:inherit;color:var(--danger);cursor:pointer;text-decoration:underline}.preview__state{display:flex;align-items:center;gap:10px}@media(max-width:600px){.setup__grouphead{flex-direction:column;align-items:stretch}.setup-table thead{display:none}.setup-table,.setup-table tbody,.setup-table tr,.setup-table td{display:block;width:auto;min-width:0}.setup-table tr{border-bottom:1px solid var(--line);padding:10px 0}.setup-table td{border:0;padding:3px 18px}.setup-table td[data-label]:before{content:attr(data-label);display:block;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.setup-table .row-actions-cell{justify-content:flex-start;padding-top:8px}}.roles__row{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;padding:5px 0}.roles__row dd{margin:0}@media(max-width:600px){.roles__row{grid-template-columns:1fr;gap:2px}}