:root{--bg: #F5F4F0;--surface: #FFFFFF;--surface2: #F0EFE9;--border: #E2E0D8;--border2: #D0CEC4;--text: #1A1916;--text2: #6B6960;--text3: #A8A69E;--accent: #2D5BE3;--accent-bg: #EBF0FD;--accent-text: #1A3FA8;--success: #1A7A52;--success-bg: #E6F5EE;--warning: #8A5A00;--warning-bg: #FDF3DC;--danger: #B02020;--danger-bg: #FCEAEA;--purple: #5B3FBF;--purple-bg: #F0ECFC;--teal: #0F6E5A;--teal-bg: #E4F5F0;--radius: 10px;--radius-lg: 14px;--shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}.shell{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;overflow-y:auto;background:var(--bg)}.page{padding:28px 32px;max-width:1100px}.sidebar{width:220px;min-width:220px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-brand{padding:20px 20px 16px;border-bottom:1px solid var(--border)}.brand-name{font-size:15px;font-weight:600;color:var(--text);letter-spacing:-.3px}.brand-role{font-size:11px;color:var(--text3);margin-top:2px;font-family:DM Mono,monospace}.nav{padding:10px 0;flex:1;overflow-y:auto}.nav-group{padding:8px 12px 2px;font-size:10px;font-weight:600;color:var(--text3);letter-spacing:.08em;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:13px;color:var(--text2);cursor:pointer;transition:all .12s;position:relative;border:none;background:none;width:100%;text-align:left;text-decoration:none}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active{background:var(--accent-bg);color:var(--accent-text);font-weight:500}.nav-item.active:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background:var(--accent);border-radius:0 3px 3px 0}.nav-icon{width:16px;height:16px;flex-shrink:0}.nav-badge{margin-left:auto;background:var(--danger-bg);color:var(--danger);font-size:10px;font-weight:600;padding:1px 6px;border-radius:20px}.sidebar-footer{padding:12px 16px;border-top:1px solid var(--border)}.user-row{display:flex;align-items:center;gap:8px}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-bg);color:var(--accent-text);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-name{font-size:12px;font-weight:500;color:var(--text)}.user-role{font-size:10px;color:var(--text3)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:12px;flex-wrap:wrap}.page-title{font-size:22px;font-weight:600;color:var(--text);letter-spacing:-.4px}.page-sub{font-size:13px;color:var(--text2);margin-top:2px}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn{padding:7px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;border:1px solid var(--border2);background:var(--surface);color:var(--text2);transition:all .12s;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.btn:hover{background:var(--surface2);color:var(--text)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:#2450c8;color:#fff}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:#f0b8b8}.btn-warn{background:var(--warning-bg);color:var(--warning);border-color:#e8d090}.btn-sm{padding:5px 10px;font-size:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}.card-header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:13px;font-weight:600;color:var(--text)}.card-body{padding:16px 18px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:var(--shadow)}.metric-label{font-size:11px;color:var(--text3);font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.metric-value{font-size:26px;font-weight:600;color:var(--text);letter-spacing:-.5px;line-height:1}.metric-sub{font-size:11px;color:var(--text3);margin-top:4px}.metric-card.danger .metric-value{color:var(--danger)}.metric-card.warning .metric-value{color:var(--warning)}.metric-card.success .metric-value{color:var(--success)}.pill{display:inline-flex;align-items:center;font-size:10px;font-weight:600;padding:3px 8px;border-radius:20px;white-space:nowrap;letter-spacing:.02em}.pill-danger{background:var(--danger-bg);color:var(--danger)}.pill-warn{background:var(--warning-bg);color:var(--warning)}.pill-ok{background:var(--success-bg);color:var(--success)}.pill-info{background:var(--accent-bg);color:var(--accent-text)}.pill-muted{background:var(--surface2);color:var(--text2)}.pill-purple{background:var(--purple-bg);color:var(--purple)}.alert{padding:12px 16px;border-radius:var(--radius);margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid}.alert-danger{background:var(--danger-bg);border-color:#f0b8b8}.alert-warn{background:var(--warning-bg);border-color:#e8d090}.alert-title{font-size:13px;font-weight:600}.alert-danger .alert-title{color:var(--danger)}.alert-warn .alert-title{color:var(--warning)}.alert-sub{font-size:11px;color:var(--text2);margin-top:2px}.row{display:flex;align-items:center;gap:12px;padding:11px 18px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.row:last-child{border-bottom:none}.row:hover{background:var(--surface2)}.row.active{background:var(--accent-bg)}.row-info{flex:1;min-width:0}.row-name{font-size:13px;font-weight:500;color:var(--text)}.row.active .row-name{color:var(--accent-text)}.row-sub{font-size:11px;color:var(--text3);margin-top:1px}.avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.av-1{background:#ede9fc;color:#5b3fbf}.av-2{background:#e4f5f0;color:#0f6e5a}.av-3{background:#ebf0fd;color:#1a3fa8}.av-4{background:#fdf3dc;color:#8a5a00}.av-5{background:#fceaea;color:#b02020}.bar-wrap{height:7px;background:var(--surface2);border-radius:4px;overflow:hidden;margin-top:5px}.bar{height:100%;border-radius:4px;transition:width .5s ease}.bar-green{background:#1a7a52}.bar-amber{background:#c87d00}.bar-red{background:#d02828}.bar-blue{background:#2d5be3}.two-col{display:grid;grid-template-columns:280px 1fr;gap:16px;align-items:start}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.detail-table{width:100%}.detail-table tr td{padding:8px 0;font-size:13px;border-bottom:1px solid var(--border)}.detail-table tr:last-child td{border-bottom:none}.dt-label{color:var(--text2);width:55%}.dt-val{font-weight:500;color:var(--text);text-align:right}.tab-bar{display:flex;border-bottom:1px solid var(--border);padding:0 18px}.tab{padding:10px 14px;font-size:12px;font-weight:500;color:var(--text2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .12s;border:none;background:none}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom:2px solid var(--accent)}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{font-size:11px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.05em}.form-input{border:1px solid var(--border2);border-radius:var(--radius);padding:8px 12px;font-size:13px;color:var(--text);background:var(--surface);outline:none;transition:border-color .12s;width:100%}.form-input:focus{border-color:var(--accent)}textarea.form-input{resize:vertical;min-height:70px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.checkbox-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius);cursor:pointer;border:1px solid}.checkbox-row input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent);flex-shrink:0}.checkbox-row-warn{background:var(--warning-bg);border-color:#e8d090}.checkbox-row-danger{background:var(--danger-bg);border-color:#f0b8b8}.checkbox-label{font-size:13px;font-weight:500}.checkbox-row-warn .checkbox-label{color:var(--warning)}.checkbox-row-danger .checkbox-label{color:var(--danger)}.budget-src{padding:14px 18px;border-bottom:1px solid var(--border)}.budget-src:last-child{border-bottom:none}.budget-src-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.budget-src-name{font-size:13px;font-weight:600;color:var(--text)}.budget-src-amounts{font-size:11px;color:var(--text2);margin-bottom:5px}.trend-row{display:flex;align-items:center;gap:8px;margin-bottom:7px}.trend-month{font-size:11px;color:var(--text3);font-family:DM Mono,monospace;min-width:28px}.trend-bar-bg{flex:1;height:14px;background:var(--surface2);border-radius:3px;overflow:hidden}.trend-bar-fill{height:100%;border-radius:3px}.trend-amt{font-size:11px;color:var(--text2);font-family:DM Mono,monospace;min-width:52px;text-align:right}.cal-item{display:flex;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid var(--border)}.cal-item:last-child{border-bottom:none}.cal-date-block{min-width:44px;text-align:center}.cal-day{font-size:18px;font-weight:600;color:var(--text);line-height:1}.cal-mon{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.06em}.cal-event{font-size:13px;font-weight:500;color:var(--text)}.cal-client{font-size:11px;color:var(--text2);margin-top:1px}.session-note{padding:14px 18px;border-bottom:1px solid var(--border)}.session-note:last-child{border-bottom:none}.sn-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.sn-staff{font-size:13px;font-weight:600;color:var(--text)}.sn-date{font-size:11px;color:var(--text3);font-family:DM Mono,monospace}.sn-client{font-size:11px;color:var(--text2);margin-bottom:5px}.sn-goal{font-size:12px;color:var(--text2);line-height:1.5;margin-bottom:7px}.sn-tags{display:flex;gap:5px;flex-wrap:wrap}.sir-banner{padding:12px 18px;background:var(--danger-bg);border-bottom:1px solid #f0b8b8;display:flex;align-items:center;justify-content:space-between;gap:12px}.sir-title{font-size:13px;font-weight:600;color:var(--danger)}.sir-sub{font-size:11px;color:var(--text2);margin-top:2px}.ts-row{display:flex;align-items:center;gap:10px;padding:10px 18px;border-bottom:1px solid var(--border);font-size:12px}.ts-row:last-child{border-bottom:none}.ts-staff{flex:1;font-weight:500;color:var(--text)}.ts-detail{color:var(--text2);min-width:90px}.ts-hours{font-family:DM Mono,monospace;min-width:60px;text-align:right;font-weight:500}.ts-status{min-width:60px;text-align:right}.ts-missing{padding:10px 18px;background:var(--danger-bg);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--danger);border-top:1px solid #f0b8b8}.search-wrap{display:flex;align-items:center;gap:8px;padding:10px 18px;border-bottom:1px solid var(--border)}.search-input{flex:1;border:1px solid var(--border2);border-radius:var(--radius);padding:6px 10px;font-size:12px;color:var(--text);background:var(--surface2);outline:none}.search-input:focus{background:var(--surface);border-color:var(--accent)}.gap-12{display:flex;flex-direction:column;gap:12px}.gap-16{display:flex;flex-direction:column;gap:16px}.gap-20{display:flex;flex-direction:column;gap:20px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.section-label{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.hours-block{margin-bottom:10px}.hours-block:last-child{margin-bottom:0}.hours-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.hours-label{font-size:12px;color:var(--text2)}.hours-val{font-size:12px;font-weight:600;color:var(--text);font-family:DM Mono,monospace}.loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text3);font-size:13px}.empty{padding:32px 18px;text-align:center;color:var(--text3);font-size:13px}.behavior-pill-select{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.bpill{display:flex;align-items:center;gap:5px;font-size:12px;padding:5px 10px;border:1px solid var(--border2);border-radius:20px;cursor:pointer;background:var(--surface);color:var(--text2)}.bpill input{width:14px;height:14px;accent-color:var(--accent)}.bpill-danger{border-color:#f0b8b8;background:var(--danger-bg);color:var(--danger)}@media (max-width: 768px){.sidebar{width:56px;min-width:56px}.brand-name,.brand-role,.nav-group,.nav-label,.user-name,.user-role{display:none}.nav-item{justify-content:center;padding:12px}.nav-item:before{display:none}.nav-badge{display:none}.page{padding:16px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col,.form-grid,.three-col{grid-template-columns:1fr}}