: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:1200px}.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)}.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{display:flex;align-items:center;justify-content:space-between;gap:12px}.list,.note-stack,.metric-list,.check-list,.timeline,.table-list{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{padding:6px 0;align-items:center}.list-body,.check-body,.table-meta{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{padding:14px 16px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb}.note-rich-item{display:grid;gap:8px}.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{display:flex;gap:8px;flex-wrap:wrap}.notes-layout{align-items:start}.info-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:#eff6ff;color:#1e3a8a}.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}.row-actions,.inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row-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}@media (max-width: 1080px){.stat-grid,.grid-main{grid-template-columns:1fr 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,.list-topline{flex-direction:column;align-items:flex-start}.hero-side{justify-items:start}.stat-grid,.grid-main,.form-grid.two-col{grid-template-columns:1fr}.timeline-item{grid-template-columns:52px 16px 1fr}}