:root{--bg1:#0b1020;--bg2:#0b2a4a;--card: rgba(255,255,255,.06);--card2: rgba(255,255,255,.1);--stroke: rgba(255,255,255,.14);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.7);--red: #e31837;--blue:#1b75bb;--shadow: 0 18px 45px rgba(0,0,0,.35);--radius: 18px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 700px at 20% 10%,rgba(27,117,187,.45),transparent 55%),radial-gradient(900px 600px at 80% 30%,rgba(227,24,55,.25),transparent 55%),linear-gradient(160deg,var(--bg1),var(--bg2))}a{color:inherit}.container{max-width:1150px;margin:0 auto;padding:28px 18px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.brand{display:flex;align-items:center;gap:10px}.logo{width:40px;height:40px;border-radius:12px;background:conic-gradient(from 220deg,var(--blue),rgba(27,117,187,.1),var(--red));box-shadow:0 12px 28px #00000040;position:relative;overflow:hidden}.logo:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.55),transparent 40%);transform:rotate(18deg);animation:shine 4.2s ease-in-out infinite}@keyframes shine{0%,to{transform:translate(-14%,-8%) rotate(18deg);opacity:.35}50%{transform:translate(18%,10%) rotate(18deg);opacity:.6}}.h1{font-size:18px;line-height:1.2;font-weight:720;margin:0}.sub{font-size:12px;color:var(--muted);margin-top:4px}.badge{font-size:12px;padding:8px 10px;border:1px solid var(--stroke);border-radius:999px;background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}@media (max-width: 980px){.grid{grid-template-columns:1fr}}.panel{border:1px solid var(--stroke);border-radius:var(--radius);background:linear-gradient(180deg,var(--card),rgba(255,255,255,.03));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panelHeader{padding:16px 16px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.panelHeader h2{margin:0;font-size:14px;letter-spacing:.3px}.panelHeader p{margin:6px 0 0;color:var(--muted);font-size:12px}.panelBody{padding:14px 16px 16px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.label{font-size:12px;color:var(--muted);min-width:110px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (max-width: 540px){.cards{grid-template-columns:1fr}}.cardBtn{cursor:pointer;border:1px solid var(--stroke);border-radius:16px;padding:12px;background:#ffffff0a;transition:transform .16s ease,border-color .16s ease,background .16s ease;position:relative;overflow:hidden}.cardBtn:hover{transform:translateY(-1px);background:#ffffff12}.cardBtn.selected{border-color:#1b75bbbf;background:linear-gradient(180deg,#1b75bb2e,#ffffff0a)}.cardTitle{font-weight:700;font-size:14px}.cardHint{font-size:12px;color:var(--muted);margin-top:4px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{cursor:pointer;border:1px solid var(--stroke);border-radius:999px;padding:8px 10px;font-size:12px;background:#ffffff0a;transition:transform .16s ease,background .16s ease,border-color .16s ease}.chip:hover{transform:translateY(-1px);background:#ffffff12}.chip.on{border-color:#e31837bf;background:linear-gradient(180deg,#e3183738,#ffffff0a)}.input{padding:10px 12px;border-radius:12px;border:1px solid var(--stroke);background:#00000040;color:var(--text);outline:none;width:140px}.select{padding:10px 12px;border-radius:12px;border:1px solid var(--stroke);background:#00000040;color:var(--text);outline:none}.btnPrimary{cursor:pointer;border:none;border-radius:14px;padding:12px 14px;font-weight:750;color:#fff;background:linear-gradient(135deg,var(--red),rgba(227,24,55,.55));box-shadow:0 16px 30px #e318372e;transition:transform .16s ease,filter .16s ease}.btnPrimary:hover{transform:translateY(-1px);filter:brightness(1.04)}.btnPrimary:disabled{opacity:.6;cursor:not-allowed;transform:none}.small{font-size:12px;color:var(--muted)}.hr{height:1px;background:#ffffff1a;margin:14px 0}.resultTabs{display:flex;gap:8px;flex-wrap:wrap}.tab{cursor:pointer;border:1px solid var(--stroke);border-radius:999px;padding:8px 10px;font-size:12px;background:#ffffff0a}.tab.active{border-color:#1b75bbbf;background:#1b75bb29}.kpi{display:flex;gap:10px;flex-wrap:wrap}.kpiBox{flex:1;min-width:140px;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:10px 12px;background:#ffffff0a}.kpiBig{font-weight:800;font-size:18px}.kpiLabel{color:var(--muted);font-size:12px;margin-top:4px}.item{border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px;background:#ffffff0a;margin-top:10px}.itemTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.itemName{font-weight:800}.pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.pill{font-size:11px;padding:5px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:#ffffffd1;background:#0000002e}.pill.good{border-color:#ffffff2e}.pill.better{border-color:#1b75bb8c}.pill.best{border-color:#e318378c}.accordionBtn{width:100%;text-align:left;cursor:pointer;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px;background:#ffffff0d;display:flex;justify-content:space-between;align-items:center;gap:10px}.accordionBody{margin-top:10px;padding:10px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#0000002e}.error{border:1px solid rgba(227,24,55,.55);background:#e318371a;padding:10px 12px;border-radius:14px;color:#ffffffeb}
