:root{--bg: #f6f7f9;--surface: #ffffff;--border: #e3e6ea;--text: #1a1d21;--text-dim: #667085;--primary: #2563eb;--primary-dark: #1d4ed8;--status-running: #ffffff;--status-running-border: #d0d5dd;--status-current-month: #dbeafe;--status-current-month-border: #60a5fa;--status-future: #fef3c7;--status-future-border: #fbbf24;--status-finished: #fce7f3;--status-finished-border: #f472b6;--danger: #dc2626;--danger-bg: #fef2f2;--warning: #b45309;--warning-bg: #fffbeb;--info: #0369a1;--info-bg: #f0f9ff;--ok: #15803d;--ok-bg: #f0fdf4;--radius: 8px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.app{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:#111827;color:#e5e7eb;padding:20px 12px;display:flex;flex-direction:column;gap:4px}.sidebar .brand{font-size:15px;font-weight:700;color:#fff;padding:0 12px 16px;letter-spacing:.2px}.sidebar .brand small{display:block;font-weight:400;color:#9ca3af;font-size:11px;margin-top:2px}.sidebar .nav-group{font-size:11px;text-transform:uppercase;color:#6b7280;padding:14px 12px 6px;letter-spacing:.5px}.sidebar a{display:block;padding:8px 12px;border-radius:6px;color:#d1d5db;font-size:13.5px;text-decoration:none}.sidebar a:hover{background:#1f2937;color:#fff;text-decoration:none}.sidebar a.active{background:var(--primary);color:#fff;font-weight:500}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:12px 24px;display:flex;align-items:center;gap:12px}.topbar h1{font-size:17px;margin:0;font-weight:600}.content{padding:20px 24px 60px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:16px}.card h2{margin:0 0 12px;font-size:15px;font-weight:600}.sub{font-weight:400;color:var(--text-dim);font-size:12.5px;margin-left:8px}.grid{display:grid;gap:12px}.grid-4{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.stat .label{color:var(--text-dim);font-size:12.5px}.stat .value{font-size:26px;font-weight:700;margin-top:4px}.stat.danger .value{color:var(--danger)}.stat.warning .value{color:var(--warning)}table{width:100%;border-collapse:collapse;font-size:13.5px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top}th{font-weight:600;color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}tbody tr:hover{background:#fafbfc}.table-wrap{overflow-x:auto}.badge{display:inline-block;padding:2px 8px;border-radius:100px;font-size:11.5px;font-weight:500;border:1px solid transparent;white-space:nowrap}.badge.running{background:var(--status-running);border-color:var(--status-running-border);color:#374151}.badge.current-month{background:var(--status-current-month);border-color:var(--status-current-month-border);color:#1e40af}.badge.future{background:var(--status-future);border-color:var(--status-future-border);color:#92400e}.badge.finished{background:var(--status-finished);border-color:var(--status-finished-border);color:#9d174d}.badge.gray{background:#f3f4f6;border-color:#e5e7eb;color:#6b7280}.badge.priority{background:var(--ok-bg);border-color:#86efac;color:var(--ok)}.badge.backup{background:#f3f4f6;border-color:#e5e7eb;color:#6b7280}.alert{padding:9px 12px;border-radius:6px;margin-bottom:8px;font-size:13px;border:1px solid}.alert.danger{background:var(--danger-bg);border-color:#fecaca;color:var(--danger)}.alert.warning{background:var(--warning-bg);border-color:#fde68a;color:var(--warning)}.alert.info{background:var(--info-bg);border-color:#bae6fd;color:var(--info)}.alert.ok{background:var(--ok-bg);border-color:#bbf7d0;color:var(--ok)}button,.btn{font:inherit;padding:7px 14px;border-radius:6px;border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text)}button:hover:not(:disabled){background:#f9fafb}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--primary);border-color:var(--primary);color:#fff}button.primary:hover:not(:disabled){background:var(--primary-dark)}button.danger{color:var(--danger);border-color:#fecaca}button.sm{padding:4px 9px;font-size:12.5px}input,select,textarea{font:inherit;padding:7px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #bfdbfe;outline-offset:-1px;border-color:var(--primary)}label{display:block;font-size:12.5px;color:var(--text-dim);margin-bottom:4px;font-weight:500}.field{margin-bottom:12px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.row>*{flex:1;min-width:150px}.checkbox{display:flex;align-items:center;gap:7px}.checkbox input{width:auto}.muted{color:var(--text-dim)}.small{font-size:12.5px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.right{text-align:right}.nowrap{white-space:nowrap}.mb-0{margin-bottom:0}.mt-2{margin-top:8px}.flex{display:flex;gap:8px;align-items:center}.flex-between{display:flex;gap:8px;align-items:center;justify-content:space-between}.spacer{flex:1}.room-grid th{background:#f9fafb;position:sticky;top:0;z-index:1}.room-grid td{min-width:150px}.room-cell{padding:6px 8px;border-radius:5px;border:1px solid;margin-bottom:4px;font-size:12.5px}.room-cell .name{font-weight:600}.room-cell.empty{border-style:dashed;border-color:var(--border);color:var(--text-dim);text-align:center;background:transparent}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f172a73;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px;overflow-y:auto}.modal{background:var(--surface);border-radius:10px;width:100%;box-shadow:0 20px 50px #0f172a47;animation:modal-in .13s ease-out}@keyframes modal-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid var(--border)}.modal-head h3{margin:0;font-size:15.5px;font-weight:600}.modal-body{padding:16px 18px 18px}button.danger-solid{background:var(--danger);border-color:var(--danger);color:#fff}button.danger-solid:hover:not(:disabled){background:#b91c1c}.chip-check{display:inline-flex;align-items:center;gap:5px;cursor:pointer;padding:5px 11px;border:1px solid var(--border);border-radius:100px;font-size:12.5px;background:var(--surface);-webkit-user-select:none;user-select:none}.chip-check input{width:auto;margin:0}.chip-check.on{background:#eff6ff;border-color:var(--primary);color:var(--primary-dark);font-weight:500}.chip-check.extra{border-style:dashed}.chip-check.extra.on{background:var(--warning-bg);border-color:#fbbf24;color:var(--warning)}.view-switch{display:inline-flex;border:1px solid var(--border);border-radius:7px;overflow:hidden}.view-switch button{border:0;border-radius:0;padding:6px 13px;font-size:13px;background:var(--surface);color:var(--text-dim);border-right:1px solid var(--border)}.view-switch button:last-child{border-right:0}.view-switch button:hover:not(.active){background:#f3f4f6}.view-switch button.active{background:var(--primary);color:#fff;font-weight:500}.collapse-head{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0!important;padding:2px 0}.collapse-head:hover{color:var(--primary)}.collapse-head:focus-visible{outline:2px solid #bfdbfe;outline-offset:2px;border-radius:4px}.collapse-caret{display:inline-block;transition:transform .15s ease;color:var(--text-dim);font-size:11px;width:12px}.collapse-caret.open{transform:rotate(90deg)}.card>.collapse-head+*{margin-top:12px}.tl{border:1px solid var(--border);border-radius:6px;overflow:hidden}.tl-row{display:flex;align-items:stretch;border-bottom:1px solid var(--border);min-height:30px}.tl-row:last-child{border-bottom:0}.tl-label{width:190px;flex:0 0 190px;padding:6px 10px;font-size:12.5px;border-right:1px solid var(--border);background:#fafbfc;display:flex;align-items:center;gap:6px}.tl-slot{color:var(--text-dim);padding-left:18px}.tl-hard{font-size:10px;padding:1px 5px;border-radius:3px;background:var(--status-future);border:1px solid var(--status-future-border);color:#92400e}.tl-track{position:relative;flex:1;min-width:0;min-height:30px}.tl-head{background:#f3f4f6;font-weight:600;font-size:12px}.tl-head .tl-track{display:flex}.tl-month{text-align:center;padding:6px 0;font-size:11.5px;border-left:1px solid var(--border);color:var(--text-dim)}.tl-month:first-child{border-left:0}.tl-cell{position:absolute;top:0;bottom:0;border-left:1px solid #eef0f2}.tl-cell:first-child{border-left:0}.tl-free{position:absolute;top:4px;bottom:4px;border-radius:4px;background:repeating-linear-gradient(45deg,#15803d12 0,#15803d12 6px,#15803d24 6px,#15803d24 12px);border:1px dashed #86efac;display:flex;align-items:center;justify-content:center;overflow:hidden}.tl-free span{font-size:10.5px;color:#15803d;font-weight:500;white-space:nowrap;padding:0 6px}.tl-bar{position:absolute;top:4px;bottom:4px;border-radius:4px;border:1px solid;display:flex;align-items:center;overflow:hidden;text-decoration:none;z-index:2;box-sizing:border-box}.tl-bar:hover{filter:brightness(.95);text-decoration:none;z-index:3}.tl-bar-text{font-size:11px;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.tl-bar.running{background:var(--status-running);border-color:var(--status-running-border);color:#374151}.tl-bar.current-month{background:var(--status-current-month);border-color:var(--status-current-month-border);color:#1e40af}.tl-bar.future{background:var(--status-future);border-color:var(--status-future-border);color:#92400e}.tl-bar.finished{background:var(--status-finished);border-color:var(--status-finished-border);color:#9d174d}.tl-today{position:absolute;top:0;bottom:0;width:2px;background:var(--danger);opacity:.55;z-index:4}.tl-tip{position:fixed;z-index:999;pointer-events:none;width:330px;max-width:calc(100vw - 20px);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:11px 13px;box-shadow:0 8px 28px #0f172a2e;font-size:12.5px;line-height:1.55}.tl-tip-title{font-weight:700;font-size:13.5px;margin-bottom:1px}.tl-tip-sub{color:var(--text-dim);font-size:12px;margin-bottom:9px}.tl-tip-table{width:100%;border-collapse:collapse}.tl-tip-table th{text-align:left;font-weight:500;color:var(--text-dim);padding:2px 10px 2px 0;white-space:nowrap;width:82px;font-size:12px;text-transform:none;letter-spacing:0;border:0;vertical-align:top}.tl-tip-table td{padding:2px 0;border:0;vertical-align:top}.tl-tip-people{margin-top:9px;padding-top:8px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.tl-tip-role{display:flex;gap:10px;align-items:baseline}.tl-tip-role-name{color:var(--text-dim);font-size:12px;width:82px;flex:0 0 82px}.tl-tip-role>span:last-child{flex:1;min-width:0}.tl-tip-count{display:inline-block;margin-left:6px;padding:0 6px;border-radius:100px;font-size:11px;background:#f3f4f6;color:var(--text-dim);border:1px solid #e5e7eb}.tl-tip-count.warn{background:var(--warning-bg);color:var(--warning);border-color:#fde68a}.tl-tip-flag{display:inline-block;margin-left:6px;padding:0 7px;border-radius:100px;font-size:11px;font-weight:500;border:1px solid}.tl-tip-flag.warn{background:var(--warning-bg);color:var(--warning);border-color:#fde68a}.tl-tip-flag.danger{background:var(--danger-bg);color:var(--danger);border-color:#fecaca}.tl-tip-note{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);font-size:11.5px;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tl-tip-hint{margin-top:8px;padding-top:7px;border-top:1px solid var(--border);font-size:11px;color:var(--text-dim);text-align:center}.tl-room{padding:7px 10px;background:#eef2f7;font-weight:600;font-size:12.5px;border-bottom:1px solid var(--border)}.tl-legend-free{font-size:11.5px;color:#15803d;padding:2px 8px;border-radius:4px;border:1px dashed #86efac;background:repeating-linear-gradient(45deg,#15803d12 0,#15803d12 6px,#15803d24 6px,#15803d24 12px)}.loading{padding:40px;text-align:center;color:var(--text-dim)}.empty-state{padding:32px;text-align:center;color:var(--text-dim)}.session-list{display:flex;flex-wrap:wrap;gap:5px}.session-chip{border:1px solid var(--border);border-radius:5px;padding:3px 7px;font-size:11.5px;background:#fafbfc}.session-chip.current{background:var(--status-current-month);border-color:var(--status-current-month-border);font-weight:600}.session-chip.last{background:var(--ok-bg);border-color:#86efac;font-weight:600}.legend{display:flex;gap:16px;flex-wrap:wrap;margin:10px 0 12px;font-size:12px;color:var(--text-dim)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend strong{color:var(--text)}.legend .dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.legend .dot.active{background:var(--ok)}.legend .dot.upcoming{background:var(--status-future-border)}.legend .dot.done{background:var(--status-finished-border)}.assign-table tr>td:first-child{border-left:3px solid transparent;padding-left:9px}.assign-table tr.acc-active>td:first-child{border-left-color:var(--ok)}.assign-table tr.acc-upcoming>td:first-child{border-left-color:var(--status-future-border)}.assign-table tr.acc-done>td:first-child{border-left-color:var(--status-finished-border)}.assign-table tr.acc-done>td{opacity:.62}.assign-table tr.acc-done:hover>td{opacity:1}.assign-table .badge{margin-top:4px}.search-box{width:100%;max-width:340px;margin-bottom:12px}.search-box::-webkit-search-cancel-button{cursor:pointer}.tl-free{padding:0;font:inherit;cursor:pointer;transition:background .12s,border-color .12s}.tl-free:hover:not(:disabled){background:repeating-linear-gradient(45deg,#15803d29 0,#15803d29 6px,#15803d42 6px,#15803d42 12px);border-color:var(--ok)}.tl-free:disabled{cursor:default}.tl-bar{cursor:pointer}.popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900}.bar-menu{position:fixed;z-index:901;min-width:172px;transform:translate(6px,6px);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:5px;box-shadow:0 10px 30px #0f172a33;display:flex;flex-direction:column;gap:1px}.bar-menu-title{font-size:11px;color:var(--text-dim);font-weight:600;padding:5px 9px 7px;border-bottom:1px solid var(--border);margin-bottom:4px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-menu>a,.bar-menu>button{display:block;width:100%;text-align:left;padding:7px 9px;font-size:13px;border-radius:5px;background:none;border:0;cursor:pointer;color:var(--text);text-decoration:none}.bar-menu>a:hover,.bar-menu>button:hover{background:var(--bg);text-decoration:none}.bar-menu>button.danger{color:var(--danger)}.bar-menu>button.danger:hover{background:var(--danger-bg)}