:root{color-scheme:light;--bg: #eef2f7;--bg-accent: #dce7f5;--panel: rgba(255, 255, 255, .82);--panel-border: rgba(28, 40, 63, .08);--text: #152238;--muted: #5e6b82;--primary: #0f5bd8;--primary-dark: #0c48ac;--danger: #d63a4b;--success: #178a62;--shadow: 0 24px 60px rgba(19, 34, 62, .12)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(15,91,216,.15),transparent 28%),radial-gradient(circle at top right,rgba(23,138,98,.12),transparent 24%),linear-gradient(180deg,#f6f9fc 0%,var(--bg) 100%);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:32px}.dashboard{max-width:1180px;margin:0 auto;display:grid;gap:24px}.hero-card,.panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero-card{border-radius:28px;padding:28px;display:grid;gap:24px}.eyebrow,.panel-kicker{margin:0 0 8px;text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:700;color:var(--primary)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.4rem,5vw,4.4rem);line-height:1;margin-bottom:12px}.hero-copy{max-width:64ch;color:var(--muted);font-size:1.05rem}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat-card{border-radius:20px;padding:18px;background:linear-gradient(180deg,#fffffff5,#f1f6fcf5);border:1px solid rgba(15,91,216,.1)}.stat-card span{display:block;color:var(--muted);margin-bottom:8px}.stat-card strong{font-size:2rem}.content-grid{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:24px;align-items:start}.panel{border-radius:24px;padding:24px}.panel-header,.toolbar,.form-grid,.task-meta,.task-actions{display:grid;gap:12px}.panel-header{grid-template-columns:1fr auto;align-items:center;margin-bottom:18px}.toolbar,.form-grid,.task-actions{grid-template-columns:repeat(2,minmax(0,1fr))}label{display:grid;gap:8px;font-size:.95rem;font-weight:600;color:var(--text)}input,select,textarea{width:100%;border-radius:14px;border:1px solid rgba(21,34,56,.14);background:#ffffffe6;padding:12px 14px;color:var(--text)}textarea{resize:vertical;min-height:110px}.primary-button,.secondary-button,.danger-button,.ghost-button,.success-button{border:none;border-radius:14px;padding:12px 16px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.primary-button:hover,.secondary-button:hover,.danger-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 16px 24px #0f5bd838}.secondary-button,.ghost-button{background:#0f5bd81a;color:var(--primary-dark)}.success-button{background:#178a621f;color:var(--success)}.danger-button{background:#d63a4b1f;color:var(--danger)}.success-button:disabled{opacity:.72;cursor:not-allowed;transform:none}.error-text,.error-banner,.empty-state{border-radius:16px;padding:14px 16px}.error-text,.error-banner{background:#d63a4b1a;color:var(--danger)}.empty-state{background:#0f5bd80d;color:var(--muted)}.task-list{display:grid;gap:16px;margin-top:18px}.task-card{border-radius:20px;border:1px solid rgba(21,34,56,.08);background:#ffffffe0;padding:18px}.task-header{display:flex;justify-content:space-between;gap:16px}.task-header p,.task-meta,.empty-state p{color:var(--muted)}.task-meta{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.status-pill{align-self:start;border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:700}.status-todo{background:#0f5bd81f;color:var(--primary-dark)}.status-in-progress{background:#f5a62324;color:#a76500}.status-done{background:#178a6224;color:var(--success)}.status-overdue{background:#d63a4b1f;color:var(--danger)}@media (max-width: 960px){.content-grid{grid-template-columns:1fr}}@media (max-width: 720px){.app-shell{padding:16px}.hero-card,.panel{border-radius:20px;padding:18px}.stats-row,.toolbar,.form-grid,.task-actions,.task-meta{grid-template-columns:1fr}.task-header{flex-direction:column}}