:root{--bg:#0a0a0a;--bg-soft:#0f0f10;--card:#121212b8;--card-strong:#0c0c0ce0;--text:#f5f5f5;--muted:#a3a3a3;--muted-dark:#737373;--line:#ffffff14;--line-strong:#ffffff21;--brand:#2563eb;--brand-hover:#1d4ed8;--brand-soft:#2563eb1f;--danger:#dc2626;--danger-soft:#dc26261f;--ok:#22c55e;--warning:#f59e0b;--sidebar-width:248px;--radius:14px}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{min-height:100%;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);background-image:radial-gradient(circle at 15% 20%,#2563eb17 0%,#0000 40%),radial-gradient(circle at 85% 80%,#2563eb0d 0%,#0000 35%);background-attachment:fixed;min-height:100vh;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.app-main{min-width:0;min-height:100vh}.app-content{width:100%;padding:24px}.shell{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;display:grid}.main{min-width:0;padding:24px}.brilvyn-sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--line);z-index:30;background:#080809f0;flex-direction:column;height:100vh;padding:18px 14px 14px;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:11px;padding:7px 8px 18px;display:flex}.brand-icon{color:#fff;background:linear-gradient(145deg,#2563eb,#173f9f);border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 8px 26px #2563eb38}.brand-name{color:#fff;letter-spacing:-.02em;font-size:18px;font-weight:800;line-height:1}.brand-subtitle{color:#3b82f6;text-transform:uppercase;letter-spacing:.17em;margin-top:5px;font-size:9px;font-weight:700}.sidebar-section-label{color:#525252;letter-spacing:.12em;margin:6px 10px 8px;font-size:9px;font-weight:700}.sidebar-nav{gap:4px;display:grid;overflow-y:auto}.sidebar-link{color:#a3a3a3;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:11px;align-items:center;gap:11px;width:100%;padding:11px 12px;font-size:14px;font-weight:500;transition:background .15s,color .15s,border-color .15s,transform 80ms,box-shadow .15s;display:flex;position:relative}.sidebar-link:hover{color:#fff;background:#ffffff0e;border-color:#ffffff0f;transform:translate(2px)}.sidebar-link:active{background:#2563eb2e;border-color:#3b82f647;transform:translate(2px)scale(.975)}.sidebar-link.active{color:#fff;background:linear-gradient(90deg,#2563eb33,#2563eb14);border-color:#2563eb4d;box-shadow:inset 0 0 0 1px #2563eb0d,0 4px 18px #2563eb14}.sidebar-link.active:before{content:"";background:#3b82f6;border-radius:0 4px 4px 0;width:3px;height:60%;position:absolute;top:20%;left:-1px;box-shadow:0 0 12px #3b82f68c}.sidebar-link.active svg{color:#60a5fa}.sidebar-bottom{margin-top:auto;padding-top:15px}.sidebar-logout{color:#737373;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:10px;width:100%;padding:10px 11px;transition:background .15s,color .15s;display:flex}.sidebar-logout:hover{color:#f5f5f5;background:#ffffff0d}.sidebar-version{color:#404040;padding:13px 10px 0;font-size:10px}.side{color:#fff;border-right:1px solid var(--line);background:#090909;height:100vh;padding:22px 14px;position:sticky;top:0}.brand{margin:4px 8px 22px;font-size:22px;font-weight:800}.brand small{color:#3b82f6;letter-spacing:.12em;margin-top:3px;font-size:10px;font-weight:600;display:block}.nav{gap:5px;display:grid}.nav a{color:#a3a3a3;border-radius:9px;padding:10px 12px}.nav a:hover{color:#fff;background:#ffffff0d}.top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.title{color:#fff;letter-spacing:-.02em;font-size:24px;font-weight:800}.sub{color:var(--muted);margin-top:4px;font-size:13px}.grid{gap:16px;display:grid}.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:0 10px 30px #0000002e}.card:hover{border-color:#ffffff1c}.kpi{color:#fff;margin-top:8px;font-size:28px;font-weight:800}.muted{color:var(--muted)}.btn{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-weight:700;transition:background .15s,opacity .15s,transform .1s}.btn:hover{background:var(--brand-hover)}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn.secondary{color:#60a5fa;background:#2563eb1f;border:1px solid #2563eb33}.btn.secondary:hover{background:#2563eb2e}.btn.danger{background:var(--danger)}.input,.select,input,select,textarea{color:#f5f5f5}.input,.select{border:1px solid var(--line-strong);background:#0a0a0acc;border-radius:10px;outline:none;width:100%;padding:10px 11px;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus{border-color:#2563ebcc;box-shadow:0 0 0 3px #2563eb1f}input::placeholder,textarea::placeholder{color:#525252}select option{color:#fff;background:#111}.row{align-items:center;gap:10px;display:flex}.spread{justify-content:space-between;align-items:center;gap:10px;display:flex}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;padding:11px;font-size:13px}.table th{color:#a3a3a3;background:#ffffff06;font-weight:600}.table td{color:#e5e5e5}.table tbody tr:hover{background:#ffffff05}.pill{color:#60a5fa;background:#2563eb1f;border-radius:999px;padding:4px 8px;font-size:12px;display:inline-block}.pos{grid-template-columns:minmax(0,1fr) 390px;gap:18px;display:grid}.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.product{border:1px solid var(--line);cursor:pointer;background:#121212b3;border-radius:12px;padding:14px;transition:border-color .15s,background .15s,transform .1s}.product:hover{background:#2563eb0e;border-color:#2563eb73}.product:active{transform:scale(.99)}.price{color:#fff;margin-top:10px;font-size:19px;font-weight:800}.cartline{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:10px 0;display:flex}.brilvyn-auth-page{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.auth-glow{filter:blur(120px);pointer-events:none;border-radius:50%;width:390px;height:390px;position:absolute}.auth-glow-left{background:#2563eb33;top:20%;left:-150px}.auth-glow-right{background:#1e40af21;bottom:18%;right:-150px}.brilvyn-auth-card{z-index:2;-webkit-backdrop-filter:blur(20px);background:#0c0c0cdb;border:1px solid #ffffff14;border-radius:24px;width:min(440px,100%);padding:32px;position:relative;box-shadow:0 30px 80px #00000080}.auth-brand{justify-content:center;align-items:center;gap:13px;margin-bottom:28px;display:flex}.auth-brand-icon{color:#fff;background:linear-gradient(145deg,#2563eb,#173f9f);border-radius:18px;flex-shrink:0;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 15px 35px #2563eb40}.auth-logo-name{color:#fff;letter-spacing:-.03em;font-size:26px;font-weight:800;line-height:1}.auth-logo-sub{color:#3b82f6;letter-spacing:.16em;text-transform:uppercase;margin-top:6px;font-size:9px;font-weight:700}.auth-heading{text-align:center;margin-bottom:24px}.auth-heading h1{color:#fff;margin:0;font-size:21px;font-weight:700}.auth-heading p{color:#737373;margin:7px 0 0;font-size:13px}.auth-form{gap:16px;display:grid}.auth-field{gap:7px;display:grid}.auth-field label{color:#d4d4d4;font-size:13px;font-weight:600}.auth-input-wrap{position:relative}.auth-input-wrap input{border:1px solid var(--line-strong);color:#fff;background:#080808b8;border-radius:10px;outline:none;width:100%;padding:11px 42px 11px 40px;transition:border-color .15s,box-shadow .15s}.auth-input-wrap input:focus{border-color:#2563ebcc;box-shadow:0 0 0 3px #2563eb1f}.auth-input-icon{color:#525252;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.password-toggle{color:#525252;cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:#d4d4d4}.auth-error{color:#60a5fa;background:#1e3a8a33;border:1px solid #2563eb2e;border-radius:9px;padding:9px 11px;font-size:13px}.auth-submit{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:700;transition:background .15s,opacity .15s;display:flex}.auth-submit:hover{background:#1d4ed8}.auth-submit:disabled{cursor:not-allowed;opacity:.6}.auth-register{color:#737373;justify-content:center;gap:5px;margin-top:21px;font-size:13px;display:flex}.auth-register a{color:#3b82f6;font-weight:600}.auth-register a:hover{color:#60a5fa}.auth-footer{color:#404040;text-align:center;letter-spacing:.08em;text-transform:uppercase;margin-top:25px;font-size:10px}.login{place-items:center;min-height:100vh;padding:20px;display:grid;position:relative}.loginbox{-webkit-backdrop-filter:blur(20px);background:#0c0c0cdb;border:1px solid #ffffff14;border-radius:24px;width:min(440px,100%);padding:28px;box-shadow:0 30px 80px #0000007a}.auth-loading{background:#0a0a0a;place-items:center;min-height:100vh;display:grid}.auth-loading-box{color:#737373;align-items:center;gap:10px;font-size:13px;display:flex}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}*{scrollbar-width:thin;scrollbar-color:#2563eb4d transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#2563eb47;border-radius:999px}@media (max-width:950px){.app-shell{grid-template-columns:1fr}.brilvyn-sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;height:auto;position:relative}.sidebar-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.sidebar-link{text-align:center;flex-direction:column;justify-content:center;gap:5px;font-size:11px}.sidebar-bottom{margin-top:12px}.app-content,.main{padding:16px}.shell{grid-template-columns:1fr}.side{height:auto;position:relative}.nav{grid-template-columns:repeat(4,minmax(0,1fr))}.pos,.grid4,.grid2{grid-template-columns:1fr}.products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.brilvyn-sidebar{padding:12px}.sidebar-brand{padding-bottom:12px}.sidebar-section-label{display:none}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-link{flex-direction:row;justify-content:flex-start;font-size:13px}.sidebar-version{display:none}.products{grid-template-columns:1fr}.top,.spread{flex-direction:column;align-items:flex-start}.row{flex-wrap:wrap}.brilvyn-auth-card{padding:25px 20px}.auth-brand-icon{width:56px;height:56px}.auth-logo-name{font-size:23px}}