:root{color-scheme:dark;font-family:Segoe UI,sans-serif;background:#0c1017;color:#ecf2ff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(49,93,173,.28),transparent 28%),radial-gradient(circle at bottom right,rgba(12,154,128,.22),transparent 22%),#0c1017}a{color:inherit;text-decoration:none}#root{min-height:100vh}.screen-center{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:2rem;padding:2rem 1.5rem;border-right:1px solid rgba(236,242,255,.08);background:#090e17d1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar h1{margin:.3rem 0 0;font-size:1.6rem}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:#78e5d5}.nav-link{display:block;padding:.8rem .9rem;border-radius:.9rem;color:#c3d2ea}.nav-link:hover{background:#78e5d514;color:#fff}.nav-link-active{background:#78e5d51f;color:#fff}.content{padding:2rem}.panel{padding:1.5rem;border:1px solid rgba(236,242,255,.08);border-radius:1.2rem;background:#0b121fe0;box-shadow:0 18px 40px #00000038}.panel-narrow{max-width:460px}.auth-panel{width:min(100%,460px);display:grid;gap:1.5rem}.auth-form{display:grid;gap:1rem}.auth-form label{display:grid;gap:.45rem;font-size:.95rem;color:#c3d2ea}.auth-form input{width:100%;padding:.85rem .95rem;border-radius:.9rem;border:1px solid rgba(236,242,255,.12);background:#050a12e6;color:#ecf2ff}textarea,select,input{width:100%;padding:.85rem .95rem;border-radius:.9rem;border:1px solid rgba(236,242,255,.12);background:#050a12e6;color:#ecf2ff;font:inherit}.primary-button,.ghost-button{border:none;border-radius:999px;padding:.85rem 1.2rem;font:inherit;cursor:pointer}.primary-button{background:linear-gradient(135deg,#7fe7d8,#4d8eff);color:#08111e;font-weight:700}.ghost-button{background:#ecf2ff0f;color:#ecf2ff}.primary-button:disabled,.ghost-button:disabled{opacity:.7;cursor:wait}.hero{max-width:720px;margin-bottom:2rem}.hero-row{max-width:none;display:flex;justify-content:space-between;gap:1.5rem}.hero-actions{display:flex;align-items:flex-start;gap:.75rem}.user-chip{display:grid;gap:.25rem;padding:.9rem 1rem;border-radius:1rem;border:1px solid rgba(236,242,255,.08);background:#0b121fe0}.user-role{color:#78e5d5;font-size:.85rem}.hero h2{margin:.4rem 0 1rem;font-size:clamp(2rem,3.4vw,3.6rem);line-height:1}.hero-copy{margin:0;font-size:1.05rem;line-height:1.7;color:#c3d2ea}.muted{color:#c3d2ea}.sidebar-copy{margin-bottom:0;line-height:1.6}.metrics-grid,.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.metrics-grid{margin-bottom:1rem}.card{padding:1.3rem;border:1px solid rgba(236,242,255,.08);border-radius:1.2rem;background:#0b121fe0;box-shadow:0 18px 40px #00000038}.card h3{margin-top:0;margin-bottom:.8rem}.card p{margin:0;line-height:1.6;color:#c3d2ea}.metric-card strong{display:block;margin-top:.4rem;font-size:2.1rem}.metric-label{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.highlight-panel{margin-top:1rem}.highlight-list{margin:1rem 0 0;padding-left:1.2rem;color:#c3d2ea}.highlight-list li+li{margin-top:.65rem}.error-text,.error-banner{color:#ffb4b4}.error-banner{margin-bottom:1rem}.split-layout,.detail-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.stack-layout{display:grid;gap:1rem}.detail-layout{grid-template-columns:repeat(3,minmax(0,1fr))}.stack-form,.entity-list{display:grid;gap:1rem}.stack-form label{display:grid;gap:.45rem;color:#c3d2ea}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.section-heading,.entity-title-row,.entity-title-group,.button-row{display:flex;align-items:center;gap:.75rem}.section-heading,.entity-title-row{justify-content:space-between}.entity-card{padding:1.1rem;border:1px solid rgba(236,242,255,.08);border-radius:1rem;background:#080e18e0}.entity-card h4,.panel h3{margin:0}.color-dot{width:.85rem;height:.85rem;border-radius:999px;flex:0 0 auto}.large-dot{width:1.1rem;height:1.1rem}.status-pill{display:inline-flex;align-items:center;padding:.3rem .65rem;border-radius:999px;font-size:.8rem;background:#ecf2ff14}.status-active,.status-doing{background:#78e5d524;color:#7fe7d8}.status-paused,.status-blocked{background:#ffbd591f;color:#ffcb78}.status-archived,.status-cancelled{background:#ecf2ff14;color:#c3d2ea}.status-done{background:#77ff9b1f;color:#8cf2ab}.checkbox-row{display:flex;align-items:center;gap:.75rem}.checkbox-row input{width:auto}.multiline-clamp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.compact-list{margin-top:0}.table-shell{overflow-x:auto}.toolbar-row{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:1rem;margin-bottom:1rem}.notes-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:1rem;align-items:start}.accent-row td:first-child{box-shadow:inset 4px 0 0 var(--accent-color, #4d8eff)}.selected-row{background:#78e5d514}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:.95rem .85rem;border-bottom:1px solid rgba(236,242,255,.08);text-align:left;vertical-align:middle}.data-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#9db0cb}.table-link,.icon-button{border:none;background:transparent;color:#ecf2ff;cursor:pointer;font:inherit;padding:0}.table-link{text-align:left;color:#7fe7d8}.icon-actions{display:flex;gap:.5rem}.icon-button{width:2rem;height:2rem;border-radius:999px;background:#ecf2ff0f}.danger-button{color:#ffb4b4}.plus-button{min-width:2.5rem;width:2.5rem;height:2.5rem;padding:0;font-size:1.4rem;display:inline-flex;align-items:center;justify-content:center;line-height:1}.project-panel-accent{border-left:4px solid var(--accent-color, #4d8eff)}.note-preview-panel{min-height:100%}.note-preview-content{margin:1rem 0 0;white-space:pre-wrap;word-break:break-word;color:#d9e5f7;font-family:inherit}.empty-table{padding-top:1rem}@media(max-width:840px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid rgba(236,242,255,.08)}.hero-row{flex-direction:column}.hero-actions{flex-direction:column;align-items:stretch}.split-layout,.detail-layout,.form-row,.three-col,.toolbar-row,.notes-workspace{grid-template-columns:1fr}.entity-title-row,.section-heading,.button-row,.entity-title-group{flex-direction:column;align-items:flex-start}}