: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%}}:root{--text-muted: #64748b;--border: #e5e7eb;--surface: #f8fafc;--bg: #ffffff;--primary: #2563eb;--primary-light: #e8f0fe;--hover: #f1f5f9;--danger: #dc3545}.sidebar .brand{display:flex;flex-direction:column;align-items:flex-start;gap:0}.sidebar .brand-sub,.sidebar .menu-group-label{color:#94a3b8}.sidebar .menu-divider{background:#ffffff1f}.brand-sub{display:block;font-size:.7rem;color:var(--text-muted);margin-top:2px;font-weight:400}.menu-group-label{font-size:.65rem;text-transform:uppercase;color:var(--text-muted);padding:1rem 1rem .25rem;letter-spacing:.05em;font-weight:600}.menu-divider{height:1px;background:var(--border);margin:.5rem .75rem}.menu-icon{margin-right:.5rem;font-size:.9rem}.documents-page{height:100%;display:flex;flex-direction:column}.documents-layout{display:flex;flex:1;min-height:0;gap:0}.documents-sidebar{width:280px;border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--surface)}.documents-toolbar{display:flex;gap:.5rem;padding:.75rem;border-bottom:1px solid var(--border)}.documents-search{flex:1;padding:.4rem .6rem;border:1px solid var(--border);border-radius:6px;font-size:.8rem;background:var(--bg)}.documents-new-btn{padding:.4rem .75rem;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:.8rem;cursor:pointer;white-space:nowrap}.documents-new-btn:hover{opacity:.9}.documents-new-btn.large{padding:.75rem 1.5rem;font-size:1rem}.documents-list{flex:1;overflow-y:auto}.documents-item{padding:.75rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.documents-item:hover{background:var(--hover)}.documents-item.selected{background:var(--primary-light, #e8f0fe);border-left:3px solid var(--primary)}.documents-item-title{font-weight:600;font-size:.85rem;margin-bottom:.25rem}.documents-item-preview{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.documents-item-date{font-size:.65rem;color:var(--text-muted);margin-top:.25rem}.documents-empty{padding:2rem;text-align:center;color:var(--text-muted);font-size:.85rem}.documents-editor{flex:1;display:flex;flex-direction:column;padding:1.5rem;min-width:0}.documents-editor-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.documents-title-input{flex:1;font-size:1.5rem;font-weight:700;border:none;outline:none;background:transparent;padding:.25rem 0;border-bottom:2px solid transparent}.documents-title-input:focus{border-bottom-color:var(--primary)}.documents-editor-actions{display:flex;gap:.5rem}.btn-save{padding:.4rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.8rem}.btn-delete{padding:.4rem 1rem;background:var(--danger, #dc3545);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.8rem}.documents-body-input{flex:1;resize:none;border:1px solid var(--border);border-radius:8px;padding:1rem;font-size:.9rem;line-height:1.7;font-family:inherit;outline:none;min-height:300px}.documents-body-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3b82f61a}.documents-meta{display:flex;gap:1.5rem;padding:.75rem 0;font-size:.7rem;color:var(--text-muted)}.documents-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}.documents-placeholder-icon{font-size:3rem;margin-bottom:1rem}.documents-placeholder-text{font-size:1rem;margin-bottom:1.5rem}.home-quick-actions{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.quick-action-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .15s;text-decoration:none;color:inherit}.quick-action-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.section-collapsible{margin-top:1.5rem}.section-collapsible-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.5rem 0;width:100%;text-align:left;background:transparent;border:0}.section-collapsible-header h3{font-size:.9rem;font-weight:600;margin:0}.section-collapsible-toggle{font-size:.8rem;color:var(--text-muted)}.notes-filter-bar{display:flex;gap:.5rem;margin-bottom:1rem}.notes-filter-btn{padding:.35rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);cursor:pointer;font-size:.8rem}.notes-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.note-action-btn{padding:.2rem .5rem;font-size:.7rem;border:1px solid var(--border);border-radius:4px;background:var(--surface);cursor:pointer;margin-left:.5rem}.note-action-btn:hover{background:var(--primary);color:#fff}.note-list-item[role=button]{cursor:pointer}.mini-calendar{-webkit-user-select:none;user-select:none}.mini-calendar-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px}.cal-nav-btn{background:none;border:1px solid var(--border);border-radius:6px;width:28px;height:28px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;color:#475569}.cal-nav-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.cal-month-label{background:none;border:none;cursor:pointer;font-weight:700;font-size:14px;color:#0f172a}.cal-month-label:hover{color:var(--primary)}.mini-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.mini-calendar-weekdays{font-size:11px;font-weight:600;color:#64748b;margin-bottom:4px}.mini-calendar-weekdays .weekday-sun{color:#dc2626}.mini-calendar-weekdays .weekday-sat{color:#2563eb}.calendar-cell{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;background:none;border-radius:8px;cursor:pointer;font-size:13px;color:#334155;transition:all .15s;padding:2px}.calendar-cell:hover{background:#e0e7ff}.calendar-cell.empty{cursor:default}.calendar-cell.today{font-weight:800;background:#dbeafe}.calendar-cell.selected{background:var(--primary);color:#fff;font-weight:700}.calendar-cell.selected .event-dot{color:#fff}.calendar-cell.holiday{color:#dc2626}.calendar-cell.holiday.selected{background:#dc2626;color:#fff}.calendar-cell.saturday{color:#2563eb}.calendar-cell.saturday.selected{background:#2563eb;color:#fff}.event-dot{font-size:6px;line-height:1;color:var(--primary);position:absolute;bottom:2px}.calendar-cell.has-event:not(.selected) .event-dot{color:var(--primary)}.home-dashboard{max-width:1100px}.home-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.home-left-col,.home-right-col{display:flex;flex-direction:column;gap:14px}.home-quick-actions-inline{display:flex;gap:8px;flex-wrap:wrap}.home-focus-hero{flex-wrap:wrap}.finance-alert-list{display:flex;flex-direction:column;gap:6px}.finance-alert-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#fffbeb;border:1px solid #fde68a;text-decoration:none;color:#92400e;font-size:13px;transition:background .15s}.finance-alert-item:hover{background:#fef3c7}.finance-alert-item strong{min-width:40px}.home-inline-metric.finance-alert strong{color:#dc2626}.home-pinned-summary{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:10px;background:#fefce8;border:1px solid #fde68a;font-size:13px}.recent-docs-list{display:flex;flex-direction:column;gap:4px}.recent-doc-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;text-decoration:none;color:inherit;transition:background .15s}.recent-doc-item:hover{background:var(--hover)}.recent-doc-item strong{font-size:13px}@media (max-width: 900px){.home-grid-2col{grid-template-columns:1fr}}.calendar-cell.today:not(.selected){background:transparent;box-shadow:inset 0 0 0 2px #2563eb;font-weight:800}.calendar-cell.today.selected{box-shadow:inset 0 0 0 2px #1e40af}.calendar-cell.today.holiday:not(.selected){box-shadow:inset 0 0 0 2px #dc2626}.event-dot{font-size:7px}.home-grid-2col .mini-calendar-grid{gap:3px}.home-grid-2col .calendar-cell{font-size:14px;min-height:36px}
