*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:14px}button,input,select,textarea{font-family:inherit;font-size:inherit}a{color:var(--color-info)}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--color-forest);color:#fff;padding:20px 12px;display:flex;flex-direction:column;gap:4px}.sidebar-logo{font-weight:700;font-size:18px;padding:0 10px 20px;letter-spacing:.5px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;color:#fffc;border:none;background:transparent;text-align:left;width:100%}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:#ffffff29;color:#fff;font-weight:600}.main{flex:1;min-width:0;padding:24px 28px 60px}.main-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px;flex-wrap:wrap}.main-header h1{margin:0;font-size:22px;color:var(--color-heading)}.demo-banner{background:var(--color-warningSoft);color:var(--color-warning);border:1px solid var(--color-warning);border-radius:var(--radius-sm);padding:8px 14px;font-size:13px;margin-bottom:18px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px 18px}button.card{width:100%;display:block;margin:0}button.card:hover{border-color:var(--color-primary)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px}.stat-label{color:var(--color-textMuted);font-size:12px;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.stat-value{font-size:26px;font-weight:700}.stat-delta{font-size:12px;margin-top:4px}.stat-delta.up{color:var(--color-success)}.stat-delta.down{color:var(--color-danger)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;text-transform:uppercase;color:var(--color-textMuted);padding:8px 10px;border-bottom:1px solid var(--color-border)}.table td{padding:10px;border-bottom:1px solid var(--color-border);vertical-align:top}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600}.btn{border:none;border-radius:var(--radius-sm);padding:7px 14px;cursor:pointer;font-weight:600;font-size:13px}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primaryHover)}.btn-success{background:var(--color-success);color:#fff}.btn-danger{background:var(--color-danger);color:#fff}.btn-ghost{background:transparent;color:var(--color-textMuted);border:1px solid var(--color-border)}.btn:disabled{opacity:.5;cursor:not-allowed}.pill-row{display:flex;gap:6px;flex-wrap:wrap}.section-title{font-size:16px;font-weight:700;margin:0 0 12px;color:var(--color-heading)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.week-table{border-collapse:collapse;width:100%;min-width:760px;font-size:11px}.week-table th,.week-table td{border:1px solid var(--color-border);padding:4px 6px;text-align:left;vertical-align:top}.week-table th{font-size:11px;padding:6px}.week-row-label{font-style:italic;color:var(--color-textMuted);font-size:10px;white-space:nowrap;background:var(--color-surfaceMuted)}.week-day-label{font-style:normal;font-weight:700;color:var(--color-text);font-size:11px}.week-row-day td{font-weight:600}.week-day-start td{border-top:3px solid var(--color-primary)}.week-day-alt td{background:var(--color-surfaceMuted)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-day{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:110px;padding:6px;font-size:11px}.calendar-day-label{font-weight:700;color:var(--color-textMuted);margin-bottom:4px}.calendar-item{display:block;width:100%;border:none;border-radius:4px;padding:3px 5px;margin-bottom:3px;color:#fff;font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;cursor:pointer}.calendar-item:hover{filter:brightness(.92)}.legend-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px;padding:10px 12px;background:var(--color-surfaceMuted);border-radius:var(--radius-sm)}.legend-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--color-textMuted)}.legend-swatch{width:10px;height:10px;border-radius:3px;flex-shrink:0}.week-view-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.week-view-day{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px;min-height:160px}.week-view-day-label{font-weight:700;font-size:12px;margin-bottom:8px;color:var(--color-text)}.week-view-item{display:block;width:100%;text-align:left;background:var(--color-surfaceMuted);border:none;border-left:3px solid var(--color-primary);border-radius:4px;padding:6px 8px;margin-bottom:6px;font-size:11px;cursor:pointer}.week-view-item:hover{background:var(--color-border)}@media (max-width: 860px){.week-view-grid{grid-template-columns:1fr}}.form-row{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.form-row label{font-size:12px;font-weight:600;color:var(--color-textMuted)}.form-row input,.form-row select,.form-row textarea{padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}.toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.empty-state{text-align:center;color:var(--color-textMuted);padding:40px 10px}@media (max-width: 860px){.app-shell{flex-direction:column}.sidebar{width:100%;flex-direction:row;overflow-x:auto;padding:10px}.sidebar-logo{display:none}.nav-item{white-space:nowrap}.grid-2{grid-template-columns:1fr}.main{padding:16px}}