*{box-sizing:border-box}:root{--cc-bg-soft: #f3fbfb;--cc-surface: #ffffff;--cc-text: #0f172a;--cc-muted: #64748b;--cc-primary: #06b6d4;--cc-primary-strong: #0891b2;--cc-primary-soft: #cffafe;--cc-secondary: #22c55e;--cc-secondary-strong: #16a34a;--cc-secondary-soft: #dcfce7;--cc-warm: #f59e0b;--cc-warm-soft: #fef3c7;--cc-border: #dbeafe;--cc-shadow: 0 8px 24px rgba(6, 182, 212, .12)}html,body,#root{width:100%;max-width:100%;overflow-x:clip}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at top right,#ecfeff 0%,var(--cc-bg-soft) 45%,#f8fafc 100%);color:var(--cc-text);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(460px,100%);background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:16px;padding:20px;display:grid;gap:10px;box-shadow:var(--cc-shadow)}.layout{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:linear-gradient(180deg,#0b4f5b,#0f766e 60%,#166534);color:#ecfeff;padding:20px;display:grid;align-content:start;gap:16px}.sidebar h2{margin:0;font-size:20px}.brand{display:flex;align-items:center;gap:10px}.brand-sidebar{margin-bottom:4px}.brand-logo{width:36px;height:36px;border-radius:10px;box-shadow:0 3px 10px #0f172a40}.brand-logo.small{width:30px;height:30px;border-radius:8px}.user-block{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:10px}.user-name{font-weight:700}.tab-list,.sidebar-section{display:grid;gap:8px}.sidebar-label{color:#d1fae5;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.sidebar-section select{width:100%}.hamburger-toggle{display:none;width:100%;text-align:left;background:#ffffff26;color:#ecfeff;border:1px solid rgba(255,255,255,.25)}.menu-panel{display:grid;gap:12px}.main{padding:22px;display:grid;gap:16px}.card{background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:14px;padding:16px;box-shadow:var(--cc-shadow)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:10px}.topbar h1{margin:0;font-size:22px;letter-spacing:-.01em}h3{margin:0 0 8px;font-size:17px;letter-spacing:-.01em}h4{margin:0 0 6px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat{padding:14px}.stat-value{font-size:28px;font-weight:800;color:var(--cc-primary-strong);line-height:1.1}.case-context{display:grid;gap:2px;border-left:5px solid var(--cc-primary);background:linear-gradient(90deg,#ecfeff,#fff 55%)}.case-pill-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--cc-primary-strong)}.case-pill-main{font-size:20px;font-weight:800;color:var(--cc-text)}.case-pill-sub{font-size:13px;color:var(--cc-muted)}.content{display:grid;gap:12px}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.cases-wrap{display:grid;gap:12px}.cases-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.case-card{display:flex;justify-content:space-between;align-items:center;gap:10px}.case-card.active{border-color:var(--cc-primary);box-shadow:inset 0 0 0 1px var(--cc-primary)}.case-title{font-weight:700}.item{background:#f8fffe;border:1px solid #d6f5f2;border-radius:10px;padding:12px;margin-bottom:8px}.item h3{margin-bottom:10px}.member-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #d9f2ef}.member-row:last-child{border-bottom:none}.task-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.load-pill{background:#dcfce7;color:#166534;border:1px solid #86efac;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.table-wrap{overflow-x:auto}.cases-table{width:100%;border-collapse:collapse;font-size:14px}.cases-table th,.cases-table td{text-align:left;border-bottom:1px solid #dbeafe;padding:10px 8px;vertical-align:top}.cases-table th{color:#0e7490;font-size:12px;text-transform:uppercase;letter-spacing:.04em;position:sticky;top:0;background:#f0fdff;z-index:1}.cases-table tbody tr:hover td{background:#f0fdfa}.cases-table tr.row-unassigned{background:#fffbeb}.cases-table tr.row-unassigned td{border-bottom-color:#fde68a}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}button,input,select,textarea{border-radius:10px;border:1px solid #bae6fd;padding:10px 12px;font:inherit;max-width:100%}button{background:linear-gradient(90deg,var(--cc-primary),var(--cc-secondary));color:#fff;border:none;cursor:pointer;font-weight:600;transition:transform .05s ease,box-shadow .15s ease}button:hover{box-shadow:0 6px 18px #06b6d440}button:active{transform:translateY(1px)}textarea{width:100%;background:#fff;min-height:72px;resize:vertical}button.secondary{background:var(--cc-primary-soft);color:#0e7490;border:1px solid #a5f3fc}button.tab{width:100%;text-align:left;background:#ffffff0f;color:#ecfeff;border:1px solid rgba(255,255,255,.2)}button.tab.active{background:linear-gradient(90deg,#22d3ee,#34d399);color:#073b42;border-color:transparent;font-weight:700}input,select{background:#fff;min-height:40px}.composer input{flex:1;min-width:220px}.doc-upload input[type=file]{max-width:240px}.muted{color:var(--cc-muted)}.error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;padding:10px}button.chip{background:var(--cc-primary-soft);color:#0e7490;border:1px solid #a5f3fc;border-radius:999px;padding:6px 10px;font-size:12px}button.chip.active{background:linear-gradient(90deg,var(--cc-primary),var(--cc-secondary));color:#fff;border-color:transparent}button.chip.cat-school{background:#fefce8;color:#854d0e;border-color:#fde68a}button.chip.cat-medical{background:#ecfeff;color:#155e75;border-color:#a5f3fc}button.chip.cat-court{background:#f5f3ff;color:#5b21b6;border-color:#ddd6fe}button.chip.cat-visits{background:#f0fdf4;color:#166534;border-color:#bbf7d0}button.chip.cat-general{background:#f8fafc;color:#334155;border-color:#cbd5e1}.calendar-wrap{display:grid;gap:10px}.calendar-grid-head{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;color:var(--cc-muted);font-size:12px;font-weight:600}.calendar-grid-head div{text-align:center;padding:4px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calendar-cell{min-height:74px;background:#fff;border:1px solid #d6f5f2;color:var(--cc-text);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:8px}.calendar-cell.empty{background:#f8fafc;border-style:dashed}.calendar-cell.active{border-color:var(--cc-primary);box-shadow:inset 0 0 0 1px var(--cc-primary)}.calendar-cell .dot{background:#dcfce7;color:#166534;border-radius:999px;font-size:12px;padding:2px 8px}@media(max-width:1100px){.layout{grid-template-columns:1fr;width:100%;max-width:100dvw;overflow-x:clip}.sidebar{border-bottom:1px solid rgba(255,255,255,.1);padding:14px}.main,.card{padding:12px}.hamburger-toggle{display:block}.menu-panel{display:none}.menu-panel.open{display:grid}.tab-list{grid-template-columns:1fr}button.tab{text-align:left}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid,.cases-grid{grid-template-columns:1fr}.row>*{min-width:0}.cases-table{font-size:13px}}
