/* Naghma 166 premium UI: additive, no hidden controls and no layout overlays */
:root{--ng-gradient:linear-gradient(117deg,#af94ff,#6d8dff 54%,#40dbc9)}
html{scroll-behavior:smooth}body{background:radial-gradient(ellipse 860px 560px at 63% -150px,rgba(114,70,210,.13),transparent),radial-gradient(ellipse 760px 500px at 11% 90%,rgba(21,167,171,.08),transparent),var(--bg)}
.side{background:linear-gradient(175deg,#101525,#0b0f1d 78%);z-index:4}.brand-badge{box-shadow:0 9px 36px #9579ff45}.nav-link{min-height:47px;font-weight:700}.nav-link.active{background:linear-gradient(92deg,#a78bfa27,#27d8c412)}
.topbar{background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);position:sticky;top:0;z-index:3}
.hero{padding:17px 4px 8px}.hero h1{font-size:clamp(27px,3vw,43px);font-weight:900;letter-spacing:-1px}.gradient-word{background:var(--ng-gradient);color:transparent;background-clip:text;-webkit-background-clip:text}.eyebrow{letter-spacing:1px;font-size:10px}
.panel{background:linear-gradient(153deg,color-mix(in srgb,var(--surface) 97%,#8b5cf6 3%),var(--surface));border:1px solid #9eaece22;box-shadow:0 17px 50px #00000016}
.btn{border-radius:12px;min-height:40px}.btn-primary{background:var(--ng-gradient);color:#0a1121!important;box-shadow:0 7px 26px #9a7dfa32;font-weight:850}.btn:hover:not(:disabled){filter:brightness(1.09)}
.ng164-lab{background:linear-gradient(140deg,#181b36 0%,#111f35 100%);border:1px solid #a48af45b;box-shadow:0 20px 55px #0004;border-radius:19px}.ng164-head strong{font-size:17px}.ng164-metrics>div{background:#0e192d}
.metric strong{font-variant-numeric:tabular-nums}.uploader{border-color:#a78bfa99;transition:background .2s}.uploader:hover{background:#ac8df512}
.ng166-earlab{border:1px solid #6c7da750;border-radius:18px;background:linear-gradient(135deg,#111c2e,#171830);padding:17px 18px;margin:18px 0;box-shadow:0 8px 38px #0002}.ng166-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:13px}.ng166-title h2{font-size:16px;margin:0 0 4px}.ng166-title small,.ng166-earlab .ng166-small{font-size:11px;color:#abbdd7;display:block}.ng166-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:15px}.ng166-box{border:1px solid #7e91b42b;border-radius:13px;background:#0a1528aa;padding:14px}.ng166-box h3{font-size:13px;margin:0 0 12px}.ng166-controls{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.ng166-controls label{font-size:11px;color:#a9bad0;display:flex;flex-direction:column;gap:5px}.ng166-controls input,.ng166-controls select{background:#091224;border:1px solid #54627a;border-radius:9px;padding:10px;color:#f3f8ff;min-width:90px;max-width:155px}.ng166-controls input[type=number]{width:105px}.ng166-controls button{min-height:39px}.ng166-msg{font-size:12px;color:#c7d3e5;min-height:19px;margin-top:10px}.ng166-msg[data-error=true]{color:#ffbac3}.ng166-kicker{font-weight:900;font-size:10px;color:#56dbc9;letter-spacing:1px}.ng166-earlab button:focus-visible{outline-color:#4cebd1}
@media(max-width:1100px){.ng166-grid{grid-template-columns:1fr}}
@media(max-width:760px){.main{padding:19px 12px 80px}.hero{align-items:start;flex-direction:column}.ng166-earlab{padding:12px}.ng166-controls select{max-width:100%}.ng166-grid{gap:9px}}