:root{font-family:Inter,system-ui,sans-serif;color:#111827;background:#eef2ff;line-height:1.5;font-weight:400}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(circle at top left,rgba(191,219,254,.7),transparent 26%),linear-gradient(180deg,#eef2ff,#f8fafc)}button,input,textarea,select{font:inherit}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#0f172a,#111827);color:#fff;padding:24px 16px;border-right:1px solid rgba(255,255,255,.08);position:sticky;top:0;height:100vh}.brand{font-size:24px;font-weight:800;margin-bottom:8px}.menu{display:flex;flex-direction:column;gap:8px;margin-top:20px}.menu-item{color:#cbd5e1;text-decoration:none;padding:10px 12px;border-radius:10px;transition:.2s ease}.menu-item:hover{background:#ffffff14;color:#fff}.menu-item.active{background:#2563eb;color:#fff;box-shadow:inset 0 0 0 1px #ffffff14}.content{padding:24px}.page{max-width:1280px}.page h1,.page h2,.page p{margin-top:0}.page h1{margin-bottom:8px;font-size:34px}.page h2{margin-bottom:4px;font-size:20px}.stack-lg{display:grid;gap:20px}.stack-md{display:grid;gap:16px}.hero-card,.card{background:#ffffffeb;border-radius:20px;padding:20px;box-shadow:0 10px 30px #0f172a14;border:1px solid rgba(148,163,184,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#fff,#dbeafe)}.hero-side{display:grid;gap:10px;justify-items:end}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.hero-badge,.pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:700;background:#dbeafe;color:#1d4ed8;white-space:nowrap}.pill.subtle{background:#eef2ff;color:#4338ca}.eyebrow,.small{font-size:13px}.eyebrow{color:#2563eb;font-weight:700;margin-bottom:8px}.muted{color:#6b7280}.grid{display:grid;gap:16px}.grid-main{grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr)}.home-visual-grid,.summary-first-grid,.schedule-shell,.notes-shell{display:grid;gap:16px}.home-visual-grid,.summary-first-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-shell{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start}.notes-shell{grid-template-columns:minmax(280px,340px) minmax(320px,420px) minmax(0,1fr);align-items:start}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{padding:18px}.stat-value{font-size:28px;font-weight:800;margin:6px 0}.tone-positive{background:linear-gradient(135deg,#dcfce7e6,#fffffff2)}.tone-warning{background:linear-gradient(135deg,#fef3c7f2,#fffffff2)}.section-head,.page-header,.header-actions,.list-topline,.table-row,.detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.list,.note-stack,.metric-list,.check-list,.timeline,.table-list,.note-list-panel,.drawer-body{display:grid;gap:12px}.list-row{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #e5e7eb}.list-row:last-child{border-bottom:0;padding-bottom:0}.list-row.compact,.compact-list .list-row{padding:6px 0;align-items:center}.list-body,.check-body,.table-meta,.inline-notice-copy{display:grid;gap:4px}.table-meta{justify-items:end;color:#475569;font-size:14px}.time-chip{min-width:64px;text-align:center;padding:8px 10px;border-radius:10px;background:#e5e7eb;font-weight:700}.time-chip.high,.priority.high{background:#fee2e2;color:#b91c1c}.time-chip.medium,.priority.medium{background:#fef3c7;color:#92400e}.priority{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.priority.low{background:#dcfce7;color:#166534}.check-row{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb}.check-row.done{background:#f0fdf4}.check-row input{margin:0}.note-item,.note-list-item,.list-select-row{padding:14px 16px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb}.note-rich-item{display:grid;gap:8px}.note-list-item,.list-select-row{text-align:left;cursor:pointer}.note-list-item.selected,.list-select-row:hover,.note-list-item:hover{border-color:#93c5fd;background:#eff6ff}.note-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.detail-body{min-height:180px;padding:16px;border-radius:16px;background:#f8fafc;border:1px solid #e5e7eb;white-space:pre-wrap}.accent-card{background:linear-gradient(135deg,#eff6ff,#fff)}.metric-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #dbeafe}.metric-row:last-child{border-bottom:0}.timeline-item{display:grid;grid-template-columns:64px 20px 1fr;gap:12px;align-items:start}.timeline-time{font-weight:700;color:#2563eb;padding-top:10px}.timeline-dot{width:12px;height:12px;border-radius:50%;background:#2563eb;margin-top:16px;position:relative}.timeline-dot:after{content:"";position:absolute;left:5px;top:12px;width:2px;height:calc(100% + 36px);background:#bfdbfe}.timeline-item:last-child .timeline-dot:after{display:none}.timeline-card{padding:14px 16px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb}.timeline-card.is-done{background:#f0fdf4;border-color:#bbf7d0}.timeline-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.timeline-note{margin-top:10px;padding-top:10px;border-top:1px dashed #cbd5e1;color:#334155;font-size:14px}.bullet{width:8px;height:8px;border-radius:50%;background:#2563eb;margin-top:7px}.primary-button,.ghost-button,.tag-button,.link-button{border:0;border-radius:12px;padding:10px 14px;cursor:pointer;transition:.2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary-button{background:#2563eb;color:#fff;font-weight:700}.primary-button:hover{background:#1d4ed8}.ghost-button{background:#e0e7ff;color:#1e40af;font-weight:700}.ghost-button:hover,.tag-button:hover,.link-button:hover{filter:brightness(.97)}.tag-button{background:#eef2ff;color:#3730a3}.link-button.primary-button{color:#fff}.tag-button.selected{background:#c7d2fe;color:#312e81}.tag-button.danger{background:#fee2e2;color:#b91c1c}.note-input{width:100%;border:1px solid #cbd5e1;border-radius:14px;padding:14px 16px;resize:vertical;min-height:140px;background:#fff}.tag-row,.row-actions,.inline-actions,.stats-inline-grid,.dual-visuals{display:flex;gap:8px;flex-wrap:wrap}.row-actions,.drawer-actions{margin-top:12px}.wrap-mobile{flex-wrap:wrap}.empty-state{padding:16px;border-radius:14px;background:#f8fafc;color:#64748b;border:1px dashed #cbd5e1}.text-link{color:#2563eb;text-decoration:none;font-weight:700}.text-accent{color:#4338ca;font-weight:700}.info-strip,.inline-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px}.info-strip{background:#eff6ff;color:#1e3a8a}.inline-notice{border:1px solid #dbeafe;background:#eff6ff;color:#1e3a8a}.inline-notice.warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.inline-notice.error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.inline-notice.success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.table-list{gap:10px}.table-row{padding:14px 16px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb}.form-grid{display:grid;gap:14px}.form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:8px;font-size:14px;color:#334155}.field.full{grid-column:1 / -1}.field input,.field textarea,.field select{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:12px 14px;background:#fff}.mini-stat{min-width:120px;flex:1;padding:14px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb;display:grid;gap:6px}.mini-calendar,.chart-card,.donut-card{display:grid;gap:12px}.mini-calendar-head,.bar-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.mini-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.mini-calendar-weekdays{color:#64748b;font-size:12px;text-align:center}.calendar-cell{min-height:48px;border:1px solid #dbeafe;border-radius:12px;background:#fff;display:grid;place-items:center;gap:2px;color:#1f2937;cursor:pointer}.calendar-cell.empty{border-style:dashed;background:#ffffff80;cursor:default}.calendar-cell.selected{background:#2563eb;color:#fff;border-color:#1d4ed8}.calendar-cell.has-event{box-shadow:inset 0 0 0 1px #60a5fa}.bar-chart{display:grid;gap:12px}.bar-row{display:grid;gap:8px}.bar-track{width:100%;height:12px;border-radius:999px;background:#e5e7eb;overflow:hidden}.bar-fill{height:100%;border-radius:inherit}.bar-fill.blue{background:linear-gradient(90deg,#2563eb,#60a5fa)}.bar-fill.green{background:linear-gradient(90deg,#16a34a,#4ade80)}.bar-fill.amber{background:linear-gradient(90deg,#d97706,#fbbf24)}.donut-card{justify-items:center;flex:1;min-width:180px;padding:16px;border-radius:16px;background:#f8fafc;border:1px solid #e5e7eb}.donut-visual{width:140px;height:140px;border-radius:50%;display:grid;place-items:center}.donut-hole{width:92px;height:92px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center;padding:12px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a61;display:flex;justify-content:flex-end;z-index:50}.drawer-panel{width:min(560px,100%);height:100%;background:#fff;padding:24px;box-shadow:-12px 0 30px #0f172a2e;display:grid;grid-template-rows:auto 1fr;gap:20px}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}@media (max-width: 1180px){.notes-shell,.schedule-shell,.home-visual-grid,.summary-first-grid,.stat-grid,.grid-main{grid-template-columns:1fr}}@media (max-width: 820px){.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding-bottom:12px}.menu{flex-direction:row;overflow-x:auto}.content{padding:16px}.hero-card,.page-header,.header-actions,.hero-actions,.hero-side,.section-head,.metric-row,.table-row,.info-strip,.inline-notice,.list-topline,.detail-header,.mini-calendar-head,.bar-meta,.drawer-head{flex-direction:column;align-items:flex-start}.hero-side{justify-items:start}.form-grid.two-col,.timeline-item{grid-template-columns:1fr}.drawer-panel{width:100%}}