:root{--bg:#06071a;--surface:#11162a;--surface-2:#1a223a;--border:#ffffff1a;--text:#eef2ff;--muted:#a6b0cf;--gold:#e9a123;--gold-soft:#e9a1231f;--teal:#16c7b7;--danger:#ff6b6b;--radius:18px}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:radial-gradient(circle at top right, #16c7b71f, transparent 28%), radial-gradient(circle at top left, #e9a1231f, transparent 28%), var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{width:min(1120px,100% - 32px);margin:0 auto}.panel{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(#ffffff08,#ffffff04);box-shadow:0 24px 80px #0000002e}.dashboard-shell{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:20px;display:grid}.stats-grid,.three-column-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.two-column-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.recommendation-detail-grid{grid-template-columns:1.3fr .9fr;gap:16px;display:grid}.auth-name-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.heatmap-row{border-top:1px solid var(--border);grid-template-columns:220px repeat(4,minmax(0,1fr));align-items:center;gap:12px;padding-top:12px;display:grid}.button{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;transition:transform .2s,opacity .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-primary{background:var(--gold);color:#0b1020;font-weight:700}.button-secondary{color:var(--text);border:1px solid var(--border);background:0 0}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--muted);font-size:.95rem}.field input{color:var(--text);border:1px solid var(--border);background:#ffffff08;border-radius:14px;padding:14px 16px}.field input:focus{border-color:#e9a12373;outline:1px solid #e9a12380}@media (max-width:900px){.dashboard-shell,.recommendation-detail-grid,.two-column-grid,.three-column-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.heatmap-row{grid-template-columns:1fr 1fr}}@media (max-width:640px){.shell{width:min(1120px,100% - 20px)}.stats-grid,.auth-name-grid,.heatmap-row{grid-template-columns:1fr}.panel{border-radius:14px}.button{width:100%}}.message{border-radius:14px;padding:12px 14px;font-size:.95rem}.message-error{color:#ffc1c1;background:#ff6b6b1f;border:1px solid #ff6b6b59}.message-success{color:#bffff8;background:#16c7b71f;border:1px solid #16c7b759}