:root{--bg:#0a0d14;--panel:#121826;--panel-2:#171f31;--text:#f3f6ff;--muted:#9aa4b2;--line:#ffffff14;--accent:#7c3aed;--accent-2:#22c55e;--warning:#f59e0b;--danger:#ef4444}*{box-sizing:border-box}html,body{color:var(--text);background:linear-gradient(#090c14 0%,#0d1220 100%);margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.page{min-height:100vh;padding:20px 16px 96px}.shell{max-width:1180px;margin:0 auto}.header{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.eyebrow{color:var(--accent-2);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}.title{margin:0;font-size:32px;font-weight:800;line-height:1.05}.subtitle{color:var(--muted);max-width:760px;margin:0;font-size:15px;line-height:1.5}.tabbar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0d14eb;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0 20px;padding:10px 0;display:grid;position:sticky;top:0}.tab{border:1px solid var(--line);color:var(--muted);text-align:center;background:#ffffff08;border-radius:14px;padding:12px 10px;font-size:13px;font-weight:700}.tab.active{color:var(--text);background:linear-gradient(135deg,#7c3aed47,#22c55e29);border-color:#7c3aed80}.grid{gap:14px;display:grid}.grid.two{grid-template-columns:1fr}.card{border:1px solid var(--line);background:linear-gradient(#ffffff0a,#ffffff05);border-radius:20px;padding:16px;box-shadow:0 10px 30px #0000003d}.card h2,.card h3,.card h4{margin:0 0 10px}.cardTitle{font-size:18px;font-weight:800}.cardSub{color:var(--muted);margin-bottom:14px;font-size:13px}.metricGrid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.metric{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:16px;padding:12px}.metricLabel{color:var(--muted);margin-bottom:8px;font-size:12px}.metricValue{font-size:20px;font-weight:800}.list{flex-direction:column;gap:10px;display:flex}.listItem{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;padding:12px}.row{justify-content:space-between;align-items:center;gap:10px;display:flex}.small{color:var(--muted);font-size:12px}.badge{letter-spacing:.02em;border-radius:999px;align-items:center;padding:6px 10px;font-size:11px;font-weight:800;display:inline-flex}.badge.green{color:#86efac;background:#22c55e24}.badge.amber{color:#fcd34d;background:#f59e0b24}.badge.red{color:#fca5a5;background:#ef444424}.badge.purple{color:#c4b5fd;background:#7c3aed2e}.badge.blue{color:#93c5fd;background:#3b82f626}.kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:11px}.progress{background:#ffffff0f;border-radius:999px;width:100%;height:10px;margin-top:8px;overflow:hidden}.progress>span{background:linear-gradient(90deg,var(--accent),#9f67ff);border-radius:999px;height:100%;display:block}.inputGrid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.input,.select{width:100%;color:var(--text);background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:12px}.textarea{resize:vertical;width:100%;min-height:92px;color:var(--text);background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:12px}.cta{color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;border-radius:14px;justify-content:center;align-items:center;padding:12px 14px;font-weight:800;display:inline-flex}.footerNote{color:var(--muted);margin-top:12px;font-size:12px}.icon-button{color:#fff;cursor:pointer;background:#ffffff05;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.icon-button:hover{background:#ffffff0f;border-color:#fff3}.mini-button{color:#fff;cursor:pointer;background:#ffffff05;border:1px solid #ffffff1a;border-radius:4px;padding:4px 10px;font-size:12px;transition:all .2s}.mini-button:hover{background:#ffffff0f;border-color:#fff3}.cta.small{padding:6px 16px;font-size:14px}.cta.secondary{background:#ef444433}.cta.secondary:hover{background:#ef44444d}.draggable{cursor:move;transition:transform .2s}.draggable:hover{transform:translateY(-2px)}.draggable:active{cursor:grabbing}.editing-form{flex-direction:column;gap:10px;display:flex}.rating-grid{gap:10px;margin:10px 0;display:grid}.rating-grid>div{grid-template-columns:80px 1fr 30px;align-items:center;gap:10px;display:grid}.rating-grid label{color:var(--muted);font-size:12px}.rating-grid input[type=range]{-webkit-appearance:none;background:#ffffff1a;border-radius:2px;outline:none;width:100%;height:4px}.rating-grid input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#6366f1;border-radius:50%;width:16px;height:16px}.score-row{flex-wrap:wrap;gap:12px;display:flex}.rating-buttons{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.rating-button{color:#ffffff80;cursor:pointer;background:#ffffff05;border:1px solid #ffffff1a;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:all .2s;display:flex}.rating-button:hover{color:#fff;background:#ffffff14}.rating-button.active{color:#fff;background:#6366f1;border-color:#6366f1;font-weight:600}@media (min-width:860px){.page{padding:28px 24px 96px}.grid.two{grid-template-columns:1.1fr .9fr}.metricGrid{grid-template-columns:repeat(4,1fr)}}