:root{font-family:SF Pro Display,Segoe UI,sans-serif;color:#162133;background:#f4efe4}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(244,183,111,.35),transparent 32%),radial-gradient(circle at bottom right,rgba(84,132,245,.22),transparent 30%),#f4efe4}button,input,textarea,select{font:inherit}.app{display:grid;grid-template-columns:300px 1fr;min-height:100vh}.theme-dark{color:#f5f1e8;background:#121212}.theme-dark body{background:#121212}.sidebar{padding:32px 24px;background:#091b34eb;color:#f7f3eb;display:flex;flex-direction:column;gap:28px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;opacity:.7;margin:0 0 8px}.nav{display:flex;flex-direction:column;gap:10px}.nav-link{text-decoration:none;color:inherit;padding:14px 16px;border-radius:16px;background:#ffffff0f}.nav-link.active{background:linear-gradient(135deg,#f0b56d,#de7b52);color:#10203a;font-weight:700}.content-area{padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.topbar-actions,.form-actions{display:flex;gap:12px;align-items:center}.page-shell{display:flex;flex-direction:column;gap:24px}.page-grid{display:grid;gap:24px}.two-columns{grid-template-columns:1.2fr .9fr}.section-card{background:#fffcf7d6;border:1px solid rgba(22,33,51,.08);border-radius:28px;padding:24px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.theme-dark .section-card{background:#181c24e0;border-color:#ffffff14}.section-card-header h3,.task-card h4,.topbar h2,.sidebar h1{margin:0}.section-card-header p,.task-card p,.status-list,.placeholder-list{margin:8px 0 0;opacity:.82}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.metric-card,.task-card,.suggestion-box,.timeline-item{border-radius:22px;padding:18px;background:#ffffffb3}.theme-dark .metric-card,.theme-dark .task-card,.theme-dark .suggestion-box,.theme-dark .timeline-item{background:#ffffff0d}.metric-card strong{display:block;font-size:2rem;margin-top:10px}.task-list,.placeholder-list,.status-list{display:grid;gap:14px}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.task-card-top,.task-meta,.modal-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.task-meta{font-size:.92rem;opacity:.76;margin:14px 0}.task-form{display:grid;gap:12px}.task-form input,.task-form textarea,.task-form select{width:100%;border:1px solid rgba(22,33,51,.12);border-radius:16px;padding:14px 16px;background:#ffffffb8}.task-form textarea{min-height:120px;resize:vertical}.form-row,.task-tags{display:grid;gap:12px}.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.task-tags{grid-template-columns:repeat(auto-fit,minmax(120px,max-content));margin-bottom:14px}.task-card button{margin-top:8px}.primary-button,.secondary-button,.version-badge,.ghost-button{border:0;border-radius:999px;padding:12px 18px;cursor:pointer}.primary-button{background:linear-gradient(135deg,#f0b56d,#de7b52);color:#11223f;font-weight:700}.secondary-button,.version-badge,.ghost-button{background:#11223f14;color:inherit}.status-badge{padding:8px 12px;border-radius:999px;background:#11223f14;font-size:.8rem}.tag{padding:8px 12px;border-radius:999px;background:#11223f14;font-size:.82rem}.priority-high{background:#de7b523d}.priority-medium{background:#f0b56d3d}.priority-low{background:#52bd933d}.status-badge.planned{background:#5484f533}.status-badge.review{background:#f0b56d4d}.status-badge.done{background:#52bd934d}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#09101f8c;display:grid;place-items:center;padding:20px}.modal{width:min(560px,100%);border-radius:28px;background:#fff8ef;color:#162133;padding:24px}.form-error{margin:0 0 16px;color:#b4482d}.form-hint{margin:0;font-size:.92rem;opacity:.72}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.checkbox-item{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:16px;background:#ffffffa6}.code-block{margin:0;padding:14px 16px;border-radius:16px;background:#11223f14;overflow-x:auto;font-size:.9rem}.pill-list{display:flex;flex-wrap:wrap;gap:10px}.status-active{background:#52bd934d}.status-error,.status-needs_review{background:#de7b523d}.status-warning,.status-draft{background:#f0b56d3d}.status-approved,.status-ready,.status-sent,.status-converted{background:#52bd933d}@media(max-width:960px){.app,.two-columns,.form-row,.three-columns{grid-template-columns:1fr}.sidebar{padding-bottom:12px}}
