:root{--indigo: #6366f1;--indigo-dark: #4f46e5;--indigo-darker: #4338ca;--purple: #7c3aed;--purple-dark: #6d28d9;--brand-purple: #8929bd;--dark-indigo: #312e81;--deep-navy: #1e1b4b;--sidebar-right: #262069;--navy-0: #140f3d;--navy-1: #1e1b4b;--success: #10b981;--success-dark: #059669;--warning: #d97706;--error: #ef4444;--error-dark: #dc2626;--dot-complete: #34d399;--dot-incomplete: #f87171;--text-primary: #0f172a;--text-strong: #1e293b;--text-body: #374151;--text-secondary: #475569;--text-muted: #64748b;--text-placeholder: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--surface: #ffffff;--page-bg: #f1f5f9;--font-display: "Outfit", sans-serif;--font-body: "DM Sans", sans-serif;--brand-gradient: linear-gradient(to right, #08233e 0%, #043eab 80%);--brand-gradient-dark: linear-gradient(to right, #061a2e 0%, #033a94 80%);--rank-green: #10b981;--rank-yellow: #f59e0b;--rank-red: #ef4444}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--text-body);background:var(--page-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,.font-display{font-family:var(--font-display);color:var(--text-strong);margin:0}.app{display:flex;min-height:100%}.canvas{flex:1;min-width:0;padding:0 1.75rem 1.75rem}.sidebar{width:250px;flex-shrink:0;background:linear-gradient(180deg,var(--navy-1),var(--navy-0));color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;box-shadow:4px 0 24px #00000040}.sidebar-brand{display:flex;align-items:center;gap:.6rem;padding:1.25rem 1.1rem}.brand-chip{width:36px;height:36px;border-radius:9px;background:#ffffff24;display:grid;place-items:center;font-size:1rem}.brand-word{font-family:var(--font-display);font-weight:700;font-size:1.02rem;letter-spacing:-.01em;text-transform:uppercase;line-height:1.05}.brand-tm{font-size:.6em;font-weight:700;vertical-align:super;opacity:.75;margin-left:1px}.nav{display:flex;flex-direction:column;gap:2px;padding:.5rem .6rem}.nav-item{display:flex;align-items:center;gap:.7rem;padding:.62rem .7rem;border-radius:8px;color:#ffffff9e;font-size:.82rem;font-family:var(--font-body);font-weight:600;cursor:pointer;border:none;background:transparent;text-align:left;width:100%;transition:background .15s,color .15s}.nav-item i{width:18px;text-align:center}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#ffffff2e;color:#fff;box-shadow:inset 0 0 0 1px #ffffff24}.sidebar-footer{margin-top:auto;padding:1rem 1.1rem 1.25rem;font-size:.72rem;color:#ffffff8c}.save-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 0 1rem;margin-bottom:.5rem;background:#f1f5f9d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.page-title{font-family:var(--font-display);font-size:1.4rem;font-weight:800;color:var(--text-primary)}.page-sub{font-size:.8rem;color:var(--text-muted);margin-top:2px}.card{background:var(--surface);border-radius:.875rem;box-shadow:0 1px 3px #0000000f;border:1px solid var(--border-light);padding:1.5rem}.card+.card{margin-top:1rem}.card-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-strong)}.card-sub{font-size:.82rem;color:var(--text-muted);margin-top:.15rem}.btn-primary{background:linear-gradient(180deg,var(--navy-1),var(--navy-0));color:#fff;font-weight:600;padding:.6rem 1.2rem;border-radius:.5rem;font-size:.875rem;border:none;cursor:pointer;transition:transform .15s,background .15s,box-shadow .15s}.btn-primary:hover{background:linear-gradient(180deg,var(--navy-0),var(--navy-0));transform:translateY(-1px);box-shadow:0 4px 14px #4f46e559}.btn-primary:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none}.btn-secondary{background:var(--border-light);color:var(--text-secondary);border:1px solid var(--border);padding:.6rem 1.1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer}.btn-secondary:hover{background:var(--border)}.btn-ghost-sm{background:transparent;border:1px solid var(--border);color:var(--indigo);border-radius:8px;padding:.35rem .7rem;font-size:.8rem;font-weight:600;cursor:pointer}.field{display:block;margin-bottom:.9rem}.field-label{display:block;font-size:.78rem;font-weight:600;color:var(--text-body);margin-bottom:.35rem}.field-hint{font-size:.72rem;color:var(--text-muted);margin-top:.3rem}.field-input,select.field-input,textarea.field-input{width:100%;border:1px solid var(--border);border-radius:.5rem;padding:.6rem .75rem;font-size:.875rem;font-family:var(--font-body);background:#fff;color:var(--text-strong)}.field-input:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px #6366f11a}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.2rem .65rem;font-size:.72rem;font-weight:700;background:var(--border-light);color:var(--text-secondary)}.pill.active{background:#eef2ff;color:var(--indigo)}.banner{background:var(--brand-gradient);border-radius:.875rem;color:#fff;padding:1.1rem 1.3rem}.banner .sub{color:#a5b4fc;font-size:.82rem;margin-top:.25rem}.empty{text-align:center;padding:2.5rem 1rem;color:var(--text-muted)}.empty i{font-size:1.6rem;color:var(--text-placeholder);margin-bottom:.6rem;display:block}.row{display:flex;align-items:center;gap:.6rem}.spread{justify-content:space-between}.grid-2{display:grid;grid-template-columns:1.4fr 1fr;gap:1rem;align-items:start}.muted{color:var(--text-muted)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 860px){.sidebar{width:64px}.brand-word,.nav-item span,.sidebar-footer{display:none}.grid-2,.field-grid{grid-template-columns:1fr}}