:root{font-family:Inter,system-ui,sans-serif;color:#111827;background:#eef2ff;line-height:1.45;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:220px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#0f172a,#111827);color:#fff;padding:20px 14px;border-right:1px solid rgba(255,255,255,.08);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:14px}.brand{font-size:22px;font-weight:800;margin-bottom:4px}.menu{display:flex;flex-direction:column;gap:6px;margin-top:12px}.menu-item{color:#cbd5e1;text-decoration:none;padding:9px 11px;border-radius:10px;transition:.2s ease}.menu-item:hover{background:#ffffff14;color:#fff}.menu-item.active{background:#2563eb;color:#fff}.content{padding:20px}.page{max-width:1120px}.page h1,.page h2,.page p{margin-top:0}.page h1{margin-bottom:4px;font-size:30px}.page h2{margin-bottom:2px;font-size:18px}.stack-lg{display:grid;gap:16px}.stack-md{display:grid;gap:12px}.hero-card,.card{background:#fffffff0;border-radius:18px;padding:16px;box-shadow:0 10px 24px #0f172a0f;border:1px solid rgba(148,163,184,.14)}.compact-hero-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#fff,#dbeafe)}.home-minimal-page{max-width:860px}.home-focus-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px}.home-focus-hero h1{margin-bottom:10px}.home-inline-metrics{display:flex;gap:18px;flex-wrap:wrap}.home-inline-metric{display:inline-flex;align-items:baseline;gap:8px;color:#64748b;font-size:13px}.home-inline-metric strong{color:#0f172a;font-size:18px}.home-risk-strip{margin-top:-4px}.home-task-card{padding-top:14px}.compact-hero-description{margin-bottom:0}.hero-side,.compact-hero-side{display:grid;gap:8px;justify-items:end}.hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.hero-badge,.pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:700;background:#dbeafe;color:#1d4ed8;white-space:nowrap}.pill.subtle{background:#eef2ff;color:#4338ca}.status-pill.planned{background:#eff6ff;color:#1d4ed8}.status-pill.in_progress{background:#fef3c7;color:#92400e}.status-pill.completed{background:#dcfce7;color:#166534}.status-pill.cancelled{background:#e5e7eb;color:#475569}.eyebrow,.small{font-size:12px}.eyebrow{color:#2563eb;font-weight:700;margin-bottom:6px}.muted{color:#6b7280}.grid{display:grid;gap:14px}.grid-main,.finance-risk-grid,.notes-panel-shell,.schedule-simple-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.95fr)}.compact-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.compact-stat-card{padding:14px}.stat-value{font-size:26px;font-weight:800;margin:4px 0}.stat-value.compact{font-size:22px}.section-head,.page-header,.header-actions,.list-topline,.table-row,.detail-header,.timeline-top,.info-strip,.inline-notice{display:flex;align-items:center;justify-content:space-between;gap:10px}.compact-section-head{margin-bottom:10px}.list,.metric-list,.timeline,.table-list,.note-list-panel,.drawer-list-grid,.notice-stack,.today-task-list{display:grid;gap:10px}.time-chip{min-width:58px;text-align:center;padding:7px 9px;border-radius:10px;background:#e5e7eb;font-weight:700}.priority{padding:4px 9px;border-radius:999px;font-size:11px;font-weight:700}.priority.high,.time-chip.high{background:#fee2e2;color:#b91c1c}.priority.medium,.time-chip.medium{background:#fef3c7;color:#92400e}.priority.low,.priority.done{background:#dcfce7;color:#166534}.note-list-item,.list-select-row,.timeline-card,.next-schedule-card,.table-row,.today-task-row{padding:12px 14px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb}.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}.single-line{-webkit-line-clamp:1}.detail-body{min-height:180px;padding:14px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb;white-space:pre-wrap}.note-detail-body.compact-note-body{min-height:280px}.metric-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #e5e7eb}.metric-row:last-child{border-bottom:0}.timeline-item{display:grid;grid-template-columns:54px 16px 1fr;gap:10px;align-items:start}.timeline-time{font-weight:700;color:#2563eb;padding-top:8px}.timeline-dot{width:10px;height:10px;border-radius:50%;background:#2563eb;margin-top:14px;position:relative}.timeline-dot:after{content:"";position:absolute;left:4px;top:10px;width:2px;height:calc(100% + 30px);background:#bfdbfe}.timeline-item:last-child .timeline-dot:after{display:none}.timeline-card.is-done,.today-task-row.is-done{background:#f0fdf4;border-color:#bbf7d0}.primary-button,.ghost-button,.tag-button,.link-button,.text-button{border:0;border-radius:12px;padding:9px 13px;cursor:pointer;transition:.2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;background:transparent}.primary-button{background:#2563eb;color:#fff;font-weight:700}.primary-button:hover{background:#1d4ed8}.ghost-button{background:#e0e7ff;color:#1e40af;font-weight:700}.tag-button{background:#eef2ff;color:#3730a3}.tag-button.selected{background:#c7d2fe;color:#312e81}.tag-button.danger{background:#fee2e2;color:#b91c1c}.text-button,.text-link{padding:0;color:#2563eb;font-weight:700;text-decoration:none}.note-input,.field input,.field textarea,.field select,.compact-search-input{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:12px 14px;background:#fff}.note-input{resize:vertical;min-height:140px}.tag-row,.row-actions,.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.empty-state{padding:14px;border-radius:14px;background:#f8fafc;color:#64748b;border:1px dashed #cbd5e1}.inline-notice{border:1px solid #dbeafe;background:#eff6ff;color:#1e3a8a;padding:10px 12px;border-radius:14px}.inline-notice.compact{padding:8px 10px;border-radius:12px}.inline-notice.compact .inline-notice-copy{gap:0}.inline-notice.compact .inline-notice-copy span,.inline-notice.compact .inline-notice-copy strong,.inline-notice.compact .inline-notice-action{font-size:12px}.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}.inline-notice-copy{display:grid;gap:2px}.today-task-row.simple-task-row{display:grid;grid-template-columns:64px 1fr;align-items:start}.form-grid{display:grid;gap:12px}.form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:6px;font-size:14px;color:#334155}.field.full{grid-column:1 / -1}.table-row.compact-table-row{grid-template-columns:minmax(0,1fr) auto auto}.tall-scroll-panel{max-height:640px;overflow:auto}.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:20px;box-shadow:-12px 0 30px #0f172a2e;display:grid;grid-template-rows:auto 1fr;gap:18px}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sidebar-demo-box{margin-top:auto;padding:12px;border:1px solid rgba(245,158,11,.28);background:#f59e0b14;border-radius:16px;display:grid;gap:8px}.sidebar-demo-copy{display:grid;gap:4px}.sidebar-demo-copy strong{font-size:13px}.sidebar-demo-copy span{font-size:12px;color:#94a3b8}@media (max-width: 1180px){.compact-summary-grid,.grid-main,.finance-risk-grid,.notes-panel-shell,.schedule-simple-grid{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:14px}.compact-hero-card,.hero-actions,.hero-side,.section-head,.detail-header,.timeline-top,.inline-notice,.table-row,.drawer-head,.home-focus-hero{flex-direction:column;align-items:flex-start}.today-task-row.simple-task-row,.timeline-item,.form-grid.two-col,.table-row.compact-table-row{grid-template-columns:1fr}.drawer-panel{width:100%}}