:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111827;background:#f4f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f4f5f7;margin:0}button,input,select{font:inherit}.loading{color:#6b7280;place-items:center;min-height:100vh;display:grid}.loginPage{background:#f4f5f7;place-items:center;min-height:100vh;padding:24px;display:grid}.loginBox{background:#fff;border:1px solid #e5e7eb;border-radius:22px;width:100%;max-width:420px;padding:32px;box-shadow:0 18px 60px #0f172a14}.logoCircle{color:#4f46e5;background:#eef2ff;border-radius:18px;place-items:center;width:56px;height:56px;margin-bottom:18px;display:grid}.loginBox h1{margin:0 0 8px;font-size:32px}.loginBox p{color:#6b7280;margin:0 0 24px;line-height:1.5}form{gap:12px;display:grid}input,select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:12px;width:100%;padding:12px 14px}input:focus,select:focus{border-color:#6366f1;outline:2px solid #c7d2fe}button{color:#fff;cursor:pointer;background:#4f46e5;border:0;border-radius:12px;padding:12px 16px;font-weight:650}button:hover{filter:brightness(1.04)}.ghost{color:#374151;background:0 0;border:1px solid #d1d5db;width:100%;margin-top:12px}.message{color:#b45309;margin-top:16px;font-size:14px}.app{background:#f4f5f7;grid-template-columns:280px 1fr;min-height:100vh;display:grid}aside{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;gap:24px;height:100vh;padding:24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:14px;display:flex}.brandIcon{color:#fff;background:#4f46e5;border-radius:14px;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.brand h1{margin:0;font-size:20px}.brand span{color:#6b7280;font-size:13px}nav{gap:8px;display:grid}nav button{text-align:left;color:#374151;background:0 0;border:1px solid #0000}nav button.active{color:#3730a3;background:#eef2ff;border-color:#c7d2fe}.logout{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;justify-content:center;align-items:center;gap:8px;margin-top:auto;display:flex}main{width:100%;max-width:1400px;padding:32px}header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}header h2{margin:0;font-size:34px}header p{color:#6b7280;margin:6px 0 0}.cards{grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px;margin-bottom:24px;display:grid}.card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;gap:10px;padding:18px;display:grid;box-shadow:0 8px 24px #0f172a0a}.card svg{color:#4f46e5}.card span{color:#6b7280;font-size:14px}.card strong{font-size:34px}.card.urgent svg{color:#d97706}.card.danger svg{color:#dc2626}.card.success svg{color:#059669}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:20px;margin-bottom:20px;padding:20px;box-shadow:0 8px 24px #0f172a0a}.panelHead{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panelHead h3{margin:0;font-size:20px}.panelHead span{color:#6b7280}.newTask{grid-template-columns:1fr 240px 150px;align-items:center}.newTask button{justify-content:center;align-items:center;gap:6px;display:flex}.taskList{gap:12px;display:grid}.task{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;grid-template-columns:1fr 230px;align-items:center;gap:16px;padding:16px;display:grid}.task h4{margin:0 0 6px;font-size:17px}.task p{color:#6b7280;margin:0 0 10px;line-height:1.4}.meta{flex-wrap:wrap;gap:8px;display:flex}.meta span{color:#374151;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;padding:5px 8px;font-size:12px}.taskActions{justify-content:flex-end;display:flex}.empty{color:#6b7280}@media (width<=980px){.app{grid-template-columns:1fr}aside{height:auto;position:static}.cards{grid-template-columns:repeat(2,1fr)}.newTask,.task{grid-template-columns:1fr}main{padding:20px}}.task{cursor:pointer}.task.selected{background:#eef2ff;border-color:#6366f1}.detailPanel{border-color:#c7d2fe}.detailGrid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px;display:grid}.detailGrid label{color:#374151;gap:6px;font-size:14px;font-weight:650;display:grid}.detailGrid .wide{grid-column:1/-1}textarea{resize:vertical;color:#111827;width:100%;min-height:96px;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:12px 14px}textarea:focus{border-color:#6366f1;outline:2px solid #c7d2fe}.detailActions{justify-content:flex-end;margin-top:16px;display:flex}.detailActions button,.smallGhost,.noteForm button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.smallGhost{color:#374151;background:#f3f4f6;border:1px solid #d1d5db;padding:9px 12px}.notesBlock{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:18px}.notesBlock h4{align-items:center;gap:8px;margin:0 0 14px;display:flex}.noteForm{grid-template-columns:1fr 180px;gap:10px;margin-bottom:14px;display:grid}.eventsList{gap:10px;display:grid}.eventItem{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:12px}.eventItem strong{color:#3730a3;margin-bottom:4px;display:block}.eventItem p{color:#374151;margin:0 0 6px}.eventItem span{color:#6b7280;font-size:12px}.blockerBadge{color:#b91c1c!important;background:#fef2f2!important;border-color:#fecaca!important}@media (width<=980px){.detailGrid,.noteForm{grid-template-columns:1fr}}.dangerButton{color:#b91c1c!important;background:#fef2f2e6!important;border-color:#b91c1c59!important}.dangerButton:hover{background:#fee2e2!important}.headerActions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lastUpdated{color:#64748b;white-space:nowrap;font-size:12px}