:root{
  --bg:#050714;--bg2:#070b1d;--panel:#0d1328cc;--panel2:#111a34e6;--line:#243257;--text:#f8fbff;--muted:#9ca8c7;
  --blue:#2f7bff;--cyan:#20e7ff;--purple:#9b4dff;--pink:#ff3fb4;--green:#28f59b;--orange:#ffb02e;--red:#ff4f6d;
  --grad:linear-gradient(135deg,#2f7bff 0%,#8e44ff 46%,#ff3fb4 100%);--grad2:linear-gradient(135deg,#12e5ff 0%,#2f7bff 50%,#9b4dff 100%);
  --shadow:0 24px 80px rgba(0,0,0,.42);--glow:0 0 30px rgba(47,123,255,.35),0 0 80px rgba(155,77,255,.18)
}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 10%,rgba(47,123,255,.22),transparent 30%),radial-gradient(circle at 85% 0%,rgba(255,63,180,.14),transparent 32%),linear-gradient(180deg,var(--bg),#03050e 70%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;min-height:100vh;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.08;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency=".75" numOctaves="4" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)" opacity=".6"/%3E%3C/svg%3E')}.app{display:grid;grid-template-columns:292px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,rgba(14,20,45,.96),rgba(14,10,30,.92));border-right:1px solid rgba(255,255,255,.08);padding:22px 18px;overflow:auto;box-shadow:var(--shadow)}.brand{display:flex;gap:13px;align-items:center;margin-bottom:22px}.logo{width:48px;height:48px;border-radius:16px;background:var(--grad);display:grid;place-items:center;box-shadow:0 0 35px rgba(127,78,255,.65);font-weight:900}.brand h1{font-size:19px;line-height:1;margin:0}.brand span{font-size:12px;color:var(--muted)}.health{border:1px solid rgba(255,255,255,.09);background:linear-gradient(135deg,rgba(47,123,255,.14),rgba(155,77,255,.18));padding:18px;border-radius:22px;margin:12px 0 18px;position:relative;overflow:hidden}.health:before{content:"";position:absolute;inset:-80px;background:conic-gradient(from 90deg,transparent,rgba(32,231,255,.22),transparent 32%);animation:spin 8s linear infinite}.health>*{position:relative}.pulse{display:inline-block;width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 18px var(--green);margin-right:8px}.health b{font-size:31px}.nav-section{font-size:11px;color:#7f8cae;text-transform:uppercase;letter-spacing:.12em;margin:22px 10px 8px}.nav a{display:flex;align-items:center;gap:12px;padding:13px 13px;border-radius:16px;color:#d7def4;text-decoration:none;margin:5px 0;border:1px solid transparent;transition:.25s}.nav a:hover,.nav a.active{background:linear-gradient(135deg,rgba(47,123,255,.28),rgba(155,77,255,.22));border-color:rgba(99,140,255,.28);transform:translateX(4px);box-shadow:0 10px 30px rgba(47,123,255,.14)}.nav i{width:31px;height:31px;border-radius:11px;background:rgba(255,255,255,.08);display:grid;place-items:center}.main{padding:26px 34px 60px}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:24px}.badge{display:inline-flex;gap:8px;align-items:center;padding:8px 13px;border:1px solid rgba(32,231,255,.22);background:rgba(32,231,255,.08);border-radius:999px;color:#aeefff;font-size:13px}.title h2{font-size:42px;margin:8px 0 5px;letter-spacing:-.04em}.title p{color:var(--muted);margin:0}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:none;border-radius:15px;padding:12px 16px;color:white;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);cursor:pointer;text-decoration:none;display:inline-flex;gap:8px;align-items:center;font-weight:700;transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:var(--glow);border-color:rgba(32,231,255,.35)}.btn.primary{background:var(--grad);box-shadow:0 12px 36px rgba(81,83,255,.32)}.btn.cyan{background:linear-gradient(135deg,#08c8ff,#2f7bff)}.btn.green{background:linear-gradient(135deg,#0ccf82,#28f59b);color:#04110b}.grid{display:grid;gap:18px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.card,.kpi,.panel{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(15,23,47,.92),rgba(10,14,31,.82));border:1px solid rgba(255,255,255,.09);border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.22);transition:.32s}.card:after,.kpi:after,.panel:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.10),transparent 55%);transform:translateX(-120%);transition:.75s;pointer-events:none}.card:hover:after,.kpi:hover:after,.panel:hover:after{transform:translateX(120%)}.card:hover,.kpi:hover,.panel:hover{transform:translateY(-6px) scale(1.006);border-color:rgba(32,231,255,.28);box-shadow:var(--shadow),var(--glow)}.kpi{padding:22px;min-height:116px}.kpi .label{color:var(--muted);font-size:13px}.kpi .value{font-size:36px;font-weight:900;letter-spacing:-.04em;margin-top:10px}.kpi .icon{position:absolute;right:18px;top:18px;width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:var(--grad2);box-shadow:0 0 30px rgba(47,123,255,.4)}.kpi.blue{background:linear-gradient(135deg,rgba(47,123,255,.25),rgba(13,19,40,.88))}.kpi.purple{background:linear-gradient(135deg,rgba(155,77,255,.25),rgba(13,19,40,.88))}.kpi.orange{background:linear-gradient(135deg,rgba(255,176,46,.22),rgba(13,19,40,.88))}.kpi.green{background:linear-gradient(135deg,rgba(40,245,155,.18),rgba(13,19,40,.88))}.two{grid-template-columns:1.25fr .75fr}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{padding:22px}.panel h3{margin:0 0 4px;font-size:20px}.sub{color:var(--muted);font-size:13px;margin-bottom:16px}.list{display:grid;gap:12px}.item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border-radius:17px;background:rgba(6,12,29,.72);border:1px solid rgba(255,255,255,.07);transition:.25s}.item:hover{background:rgba(47,123,255,.11);transform:translateX(3px);border-color:rgba(47,123,255,.28)}.item-left{display:flex;align-items:center;gap:12px}.mini{width:36px;height:36px;border-radius:12px;background:rgba(47,123,255,.18);display:grid;place-items:center;color:#9bc6ff}.status{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.ok{background:rgba(40,245,155,.14);color:#77ffc4}.warn{background:rgba(255,176,46,.15);color:#ffd37c}.danger{background:rgba(255,79,109,.16);color:#ff91a4}.input,.select,textarea{width:100%;background:rgba(4,8,20,.72);border:1px solid rgba(255,255,255,.11);border-radius:15px;color:white;padding:13px 14px;outline:none}.input:focus,.select:focus,textarea:focus{border-color:rgba(32,231,255,.5);box-shadow:0 0 0 4px rgba(32,231,255,.08)}label{font-size:13px;color:#cbd6f5;font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.wide{grid-column:1/-1}.upload{border:1px dashed rgba(32,231,255,.35);background:linear-gradient(135deg,rgba(32,231,255,.08),rgba(155,77,255,.08));border-radius:24px;padding:34px;text-align:center}.timeline{display:flex;gap:10px;flex-wrap:wrap}.chip{padding:9px 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font-size:13px}.chip.hot{background:rgba(255,63,180,.16);border-color:rgba(255,63,180,.26);color:#ffb2df}.table{width:100%;border-collapse:separate;border-spacing:0 10px}.table th{color:#8996ba;text-align:left;font-size:12px;padding:0 12px}.table td{background:rgba(6,12,29,.7);padding:14px 12px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.table td:first-child{border-left:1px solid rgba(255,255,255,.06);border-radius:15px 0 0 15px}.table td:last-child{border-right:1px solid rgba(255,255,255,.06);border-radius:0 15px 15px 0}.progress{height:9px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.bar{height:100%;border-radius:999px;background:var(--grad2);box-shadow:0 0 18px rgba(32,231,255,.55)}.mock-phone{width:300px;max-width:100%;margin:auto;border:1px solid rgba(255,255,255,.14);border-radius:34px;padding:13px;background:#050816;box-shadow:0 30px 80px rgba(0,0,0,.35)}.screen{height:540px;border-radius:24px;background:linear-gradient(180deg,rgba(47,123,255,.18),rgba(255,63,180,.1)),url('data:image/svg+xml,%3Csvg width="320" height="540" xmlns="http://www.w3.org/2000/svg"%3E%3Cdefs%3E%3ClinearGradient id="g" x1="0" y1="0" x2="1" y2="1"%3E%3Cstop stop-color="%232f7bff"/%3E%3Cstop offset="1" stop-color="%23ff3fb4"/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width="100%25" height="100%25" fill="%23040b1d"/%3E%3Ccircle cx="250" cy="120" r="90" fill="url(%23g)" opacity=".35"/%3E%3Ccircle cx="60" cy="380" r="110" fill="url(%23g)" opacity=".18"/%3E%3C/svg%3E');display:flex;align-items:flex-end;padding:16px}.caption{background:rgba(0,0,0,.45);border-radius:16px;padding:12px;font-weight:800}.modal-preview{border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(255,255,255,.05);padding:18px}.wizard{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.step{padding:12px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);text-align:center;color:#a9b6d5}.step.active{background:linear-gradient(135deg,rgba(47,123,255,.35),rgba(155,77,255,.25));color:white;border-color:rgba(32,231,255,.4)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.kpis,.two,.three,.form-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}}


/* === Final Pro Polish Pack === */
:root{
  --btn-shadow:0 14px 42px rgba(47,123,255,.28), inset 0 1px 0 rgba(255,255,255,.22);
  --btn-glow:0 0 0 1px rgba(32,231,255,.22), 0 0 34px rgba(32,231,255,.24), 0 18px 50px rgba(155,77,255,.22);
}
.actions{gap:14px;align-items:center}.btn{position:relative;overflow:hidden;min-height:44px;padding:12px 18px;border-radius:18px;letter-spacing:-.01em;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.055));box-shadow:inset 0 1px 0 rgba(255,255,255,.12);isolation:isolate}.btn:before{content:"";position:absolute;inset:-2px;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.35) 35%,transparent 65%);transform:translateX(-130%) skewX(-18deg);transition:.65s;z-index:-1}.btn:hover:before{transform:translateX(130%) skewX(-18deg)}.btn:hover{transform:translateY(-3px) scale(1.015);box-shadow:var(--btn-glow);border-color:rgba(32,231,255,.38)}.btn:active{transform:translateY(0) scale(.99)}.btn.primary{background:linear-gradient(135deg,#00d5ff 0%,#3564ff 42%,#aa3cff 73%,#ff3fb4 100%);border-color:rgba(255,255,255,.22);box-shadow:var(--btn-shadow)}.btn.cyan{background:linear-gradient(135deg,#00f0ff,#2367ff 62%,#6545ff);box-shadow:0 14px 42px rgba(32,231,255,.24)}.btn.green{background:linear-gradient(135deg,#14ffb0,#1ddf7e);box-shadow:0 14px 42px rgba(40,245,155,.22)}.btn.danger{background:linear-gradient(135deg,#ff3f78,#ff7a2f);box-shadow:0 14px 42px rgba(255,79,109,.22)}.btn.ghost{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.12)}
.card,.kpi,.panel{backdrop-filter:blur(16px)}.panel{margin-bottom:18px}.grid{gap:22px}.item{padding:16px 18px}.item .btn{min-height:38px;padding:9px 13px;border-radius:14px}.table td{vertical-align:middle}.table .btn{min-height:36px;padding:8px 12px;border-radius:13px}.risk-orb{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;margin:auto;background:conic-gradient(from 210deg,#ff4f6d 0 65%,rgba(255,255,255,.1) 65% 100%);box-shadow:0 0 55px rgba(255,79,109,.22);position:relative}.risk-orb:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#081023;border:1px solid rgba(255,255,255,.1)}.risk-orb b{position:relative;z-index:1;font-size:34px}.risk-orb span{position:relative;z-index:1;color:#ff9bac;font-weight:900}.risk-factor{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:16px;border-radius:19px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.09);transition:.25s}.risk-factor:hover{transform:translateX(4px);border-color:rgba(255,79,109,.3);box-shadow:0 0 24px rgba(255,79,109,.12)}.risk-factor .severity{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-weight:900}.sev-high{background:rgba(255,79,109,.16);color:#ff8fa3}.sev-mid{background:rgba(255,176,46,.16);color:#ffd27b}.sev-low{background:rgba(40,245,155,.12);color:#85ffd0}.playbook{counter-reset:step;display:grid;gap:12px}.playbook .step-card{counter-increment:step;position:relative;padding:17px 17px 17px 62px;border-radius:19px;background:rgba(6,12,29,.7);border:1px solid rgba(255,255,255,.08)}.playbook .step-card:before{content:counter(step);position:absolute;left:16px;top:16px;width:32px;height:32px;border-radius:12px;display:grid;place-items:center;background:var(--grad2);font-weight:900;box-shadow:0 0 22px rgba(32,231,255,.24)}.module-pill{display:inline-flex;gap:8px;align-items:center;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);margin:5px}.premium-card{background:linear-gradient(145deg,rgba(32,231,255,.11),rgba(155,77,255,.12) 45%,rgba(255,63,180,.08));border-color:rgba(32,231,255,.18)}
@media(max-width:720px){.actions{width:100%}.actions .btn{width:100%;justify-content:center}.risk-factor{grid-template-columns:1fr}.risk-factor .severity{width:auto}}