.nio-bg .noise-overlay{position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}:root{--nio-pearl: #999B9A;--nio-dark: #53575B;--nio-ink: #10181E;--nio-black: #000000;--card: rgba(255,255,255,.055);--card-hover: rgba(255,255,255,.08);--border: rgba(255,255,255,.09);--border-active: rgba(255,255,255,.18);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.6);--green: #4dff9a;--yellow: #ffcc44;--red: #ff7070;--blue: #44ccff;--purple: #b87cff;--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--radius-xl: 24px}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--nio-ink);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.h1{font-size:26px;font-weight:850;letter-spacing:.2px}.h2{font-size:18px;font-weight:800;letter-spacing:.2px}.small{font-size:12px;color:var(--muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000052,0 1px #ffffff0a inset;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.card-hover{transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .18s ease}.card-hover:hover{background:var(--card-hover);border-color:var(--border-active);box-shadow:0 14px 44px #0006,0 1px #ffffff0f inset;transform:translateY(-1px)}.input{width:100%;background:#00000038;border:1px solid rgba(255,255,255,.11);color:var(--text);padding:9px 13px;border-radius:var(--radius);outline:none;font-size:13px;font-family:inherit;transition:border-color .18s,box-shadow .18s}.input:focus{border-color:#999b9a6b;box-shadow:0 0 0 3px #999b9a1a}.input::placeholder{color:#ffffff47}select.input{cursor:pointer}select.input option{background:#181e24;color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 14px;border-radius:var(--radius);font-size:13px;font-weight:600;font-family:inherit;background:#999b9a1a;border:1px solid rgba(153,155,154,.18);color:var(--text);transition:background .18s,border-color .18s,transform .12s,box-shadow .18s;white-space:nowrap;letter-spacing:.1px}.btn:hover:not(:disabled){background:#999b9a2e;border-color:#999b9a4d;transform:translateY(-1px);box-shadow:0 4px 12px #00000038}.btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.btn:disabled{opacity:.36;cursor:not-allowed}.btn-primary{background:#4dff9a1c;border-color:#4dff9a47;color:var(--green)}.btn-primary:hover:not(:disabled){background:#4dff9a2e;box-shadow:0 4px 16px #4dff9a24}.btn-danger{background:#ff50501a;border-color:#ff505042;color:var(--red)}.btn-danger:hover:not(:disabled){background:#ff50502e;box-shadow:0 4px 16px #ff505024}.btn-warn{background:#ffaa001a;border-color:#ffaa0042;color:var(--yellow)}.btn-warn:hover:not(:disabled){background:#ffaa002e;box-shadow:0 4px 16px #ffcc4424}.btn-blue{background:#44ccff1a;border-color:#44ccff42;color:var(--blue)}.btn-blue:hover:not(:disabled){background:#44ccff2e;box-shadow:0 4px 16px #44ccff24}.btn-icon{padding:7px;border-radius:var(--radius-sm);aspect-ratio:1}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#0000002e;font-size:11px;font-weight:600;color:#ffffffd1;white-space:nowrap;letter-spacing:.2px}.divider{height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.08),transparent);margin:8px 0}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.filters-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.filters-row .input{min-width:140px;max-width:220px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px}.page-header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1 / -1}label.field-label{display:grid;gap:6px;font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.2px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-size:10px;font-weight:800;background:#4dff9a38;color:var(--green);border:1px solid rgba(77,255,154,.28)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{border-radius:8px;background:linear-gradient(90deg,#ffffff0a,#ffffff17,#ffffff0a);background-size:800px 100%;animation:shimmer 1.6s ease-in-out infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#999b9a33;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#999b9a5c}:focus-visible{outline:2px solid rgba(77,255,154,.45);outline-offset:2px}.nio-login-shell{position:relative;min-height:100vh;display:grid;place-items:center;padding:22px;overflow:hidden;background:#10181e}.nio-login-grid{position:relative;z-index:2;width:min(1100px,100%);display:grid;grid-template-columns:1fr 1.2fr;gap:26px;align-items:center}.nio-login-card{padding:22px;border-radius:20px;display:grid;gap:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 60px #00000073}.nio-brand{text-align:center}.nio-title{font-size:60px;font-weight:900;letter-spacing:5px;line-height:1;color:#fff}.nio-subtitle{margin-top:6px;letter-spacing:2.4px;text-transform:uppercase;opacity:.78;font-size:12px;color:#ffffffd9}.nio-tabs{display:flex;justify-content:center;gap:10px;margin-top:4px}.nio-tab{padding:10px 14px;border-radius:999px;opacity:.8;border:1px solid rgba(255,255,255,.1);background:#ffffff0f}.nio-tab--on{opacity:1;border-color:#999b9a47;background:#999b9a24}.nio-form{display:grid;gap:12px;margin-top:4px}.nio-field .small{margin-bottom:6px;opacity:.78;color:#ffffffd9}.nio-primary{margin-top:2px;border-radius:14px;padding:12px 14px;border:1px solid rgba(153,155,154,.22);background:#999b9a24}.nio-primary:disabled{opacity:.55;cursor:not-allowed}.nio-foot{margin-top:6px;display:grid;gap:8px}.nio-hint{opacity:.65;color:#ffffffbf}.nio-msg{opacity:.9;white-space:pre-wrap;color:#ffffffe6}.nio-manifesto{display:grid;align-content:center;gap:10px;padding:10px;justify-items:start;z-index:2}.nio-quote{font-size:56px;font-weight:850;line-height:1.08;letter-spacing:.4px;text-shadow:0 16px 46px rgba(0,0,0,.6);max-width:520px;text-wrap:balance;color:#fffffff2}.nio-sign{font-size:16px;font-weight:650;opacity:.92;display:grid;gap:4px;text-shadow:0 10px 30px rgba(0,0,0,.4);color:#ffffffd9}.nio-sign-sub{display:block;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;opacity:.72}.nio-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.nio-bg:before{content:"";position:absolute;inset:-40%;background:radial-gradient(900px 600px at 20% 30%,rgba(153,155,154,.16),transparent 60%),radial-gradient(700px 500px at 70% 55%,rgba(83,87,91,.2),transparent 55%),radial-gradient(900px 700px at 40% 85%,rgba(153,155,154,.1),transparent 60%),linear-gradient(180deg,#0003,#000000a6);animation:nioFloat 26s ease-in-out infinite alternate;transform-origin:center;will-change:transform}.nio-bg:after{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 50% 55%,rgba(16,24,30,.2),transparent 62%),radial-gradient(circle at 50% 50%,rgba(153,155,154,.1),transparent 70%);filter:blur(18px);animation:nioPulse 30s ease-in-out infinite alternate;will-change:transform,opacity}.nio-bg .sphere{position:absolute;border-radius:50%;filter:blur(70px);opacity:.85;will-change:transform,opacity}.nio-bg .sphere.s1{width:44vw;height:44vw;top:-14%;left:-14%;background:radial-gradient(circle at 30% 35%,rgba(153,155,154,.55),rgba(153,155,154,.16) 55%,transparent 72%);animation:float-1 42s ease-in-out infinite alternate}.nio-bg .sphere.s2{width:52vw;height:52vw;bottom:-22%;right:-16%;background:radial-gradient(circle at 60% 40%,rgba(83,87,91,.55),rgba(16,24,30,.18) 60%,transparent 74%);animation:float-2 48s ease-in-out infinite alternate}.nio-bg .sphere.s3{width:34vw;height:34vw;top:58%;left:18%;background:radial-gradient(circle at 45% 40%,rgba(153,155,154,.26),rgba(83,87,91,.14) 60%,transparent 78%);animation:float-3 54s ease-in-out infinite alternate;opacity:.55}.nio-bg .grid-overlay{position:absolute;inset:0;background-size:44px 44px;background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px);opacity:.32}.nio-bg .noise-overlay{position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}@keyframes nioFloat{0%{transform:translate3d(-2%,-1%,0) scale(1.02)}to{transform:translate3d(2%,1.5%,0) scale(1.07)}}@keyframes nioPulse{0%{opacity:.3;transform:scale(.98)}to{opacity:.7;transform:scale(1.05)}}@keyframes float-1{0%{transform:translate(0) scale(1)}to{transform:translate(7%,7%) scale(1.08)}}@keyframes float-2{0%{transform:translate(0) scale(1)}to{transform:translate(-7%,-4%) scale(1.1)}}@keyframes float-3{0%{transform:translate(0) scale(1);opacity:.35}to{transform:translate(-4%,7%) scale(1.05);opacity:.62}}@media(max-width:900px){.nio-login-grid{grid-template-columns:1fr;gap:18px}.nio-title{font-size:48px}.nio-manifesto{justify-items:center;text-align:center}.nio-quote{max-width:26ch;font-size:34px}.nio-bg .sphere.s1{width:70vw;height:70vw;top:-22%;left:-22%}.nio-bg .sphere.s2{width:78vw;height:78vw;bottom:-30%;right:-24%}.nio-bg .sphere.s3{width:54vw;height:54vw;top:64%;left:10%;opacity:.45}}