:root{color:#172026;background:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:32px;background:linear-gradient(135deg,rgba(36,92,88,.12),transparent 34%),linear-gradient(315deg,rgba(218,92,54,.1),transparent 32%),#f5f7f8}.workspace{width:min(1120px,100%);margin:0 auto}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.eyebrow{margin:0 0 6px;color:#49716d;font-size:.82rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1}h2{margin-bottom:0;font-size:1.05rem}.stats{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid #cad7d6;border-radius:8px;background:#fff;color:#254c48;font-weight:700;white-space:nowrap}.alert{margin-bottom:16px;padding:12px 14px;border:1px solid #e2a59a;border-radius:8px;background:#fff1ee;color:#963b2d}.content-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:20px;align-items:start}.task-form,.task-panel{border:1px solid #d9e1e0;border-radius:8px;background:#ffffffeb;box-shadow:0 18px 45px #17202614}.task-form{display:grid;gap:16px;padding:20px}.form-title,.panel-header,.task-title-row,.form-actions,.card-actions{display:flex;align-items:center}.form-title,.panel-header{justify-content:space-between;gap:10px}.form-title{justify-content:flex-start;color:#254c48}label{display:grid;gap:7px;color:#314247;font-size:.9rem;font-weight:700}input,textarea,select{width:100%;border:1px solid #cbd8d7;border-radius:8px;background:#fbfcfc;color:#172026;outline:none}input,select{height:42px;padding:0 12px}textarea{resize:vertical;padding:12px}input:focus,textarea:focus,select:focus{border-color:#2d7770;box-shadow:0 0 0 3px #2d777029}.form-actions{gap:10px;flex-wrap:wrap}.primary-button,.secondary-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px}.primary-button,.secondary-button{gap:8px;min-height:42px;padding:0 14px;font-weight:800}.primary-button{background:#245c58;color:#fff}.primary-button:disabled{cursor:not-allowed;opacity:.7}.secondary-button{background:#e9eeee;color:#314247}.task-panel{min-height:430px;padding:20px}.panel-header{padding-bottom:16px;border-bottom:1px solid #e3e9e8}.icon-button{width:38px;height:38px;flex:0 0 38px;background:#edf3f2;color:#245c58}.icon-button:hover{background:#dce9e7}.icon-button.danger{background:#fff0eb;color:#b5452f}.task-list{display:grid;gap:12px;padding-top:16px}.task-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:16px;border:1px solid #e1e7e6;border-radius:8px;background:#fff}.task-title-row{justify-content:space-between;gap:12px;margin-bottom:8px}.task-card h3{min-width:0;margin-bottom:0;overflow-wrap:anywhere;font-size:1rem}.task-card p{margin-bottom:0;color:#5d6d72;line-height:1.5;overflow-wrap:anywhere}.status-badge{flex:0 0 auto;padding:5px 9px;border-radius:999px;font-size:.78rem;font-weight:800;white-space:nowrap}.status-badge.pending{background:#fff4d6;color:#8b5d08}.status-badge.in-progress{background:#e4f0ff;color:#235f99}.status-badge.completed{background:#dcf6eb;color:#176440}.card-actions{gap:8px}.empty-state{display:grid;min-height:240px;place-items:center;color:#607175}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.app-shell{padding:20px}.page-header,.content-grid{display:grid}.content-grid{grid-template-columns:1fr}.stats{justify-self:start}.task-card,.task-title-row{grid-template-columns:1fr}.task-title-row{align-items:flex-start}.card-actions{justify-content:flex-end}}