*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--nw-text);font-family:var(--nw-font);background:radial-gradient(circle at 12% 8%,rgba(32,231,255,.18),transparent 30%),radial-gradient(circle at 88% 18%,rgba(20,118,255,.22),transparent 34%),radial-gradient(circle at 78% 88%,rgba(157,77,255,.2),transparent 34%),linear-gradient(135deg,var(--nw-bg-3),var(--nw-bg-2) 46%,var(--nw-bg-3));overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(rgba(32,231,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(32,231,255,.08) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at center,#000,transparent 72%);z-index:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.nw-app{position:relative;z-index:1;min-height:100vh}.nw-shell{display:grid;grid-template-columns:288px minmax(0,1fr);min-height:100vh}.nw-sidebar{position:sticky;top:0;height:100vh;padding:28px 18px;border-right:1px solid rgba(32,231,255,.14);background:linear-gradient(180deg,rgba(3,8,23,.94),rgba(7,18,42,.84));backdrop-filter:blur(18px)}.nw-logo{display:flex;align-items:center;gap:14px;margin-bottom:30px}.nw-logo img{width:168px;filter:drop-shadow(0 0 16px rgba(32,231,255,.24))}.nw-menu{display:grid;gap:8px}.nw-menu a{display:flex;align-items:center;gap:13px;min-height:48px;padding:12px 14px;border-radius:16px;color:#c4d8f8;transition:.18s ease}.nw-menu a:hover{background:rgba(32,231,255,.08);color:#fff;transform:translateX(2px)}.nw-menu a.active{color:#fff;background:linear-gradient(135deg,var(--nw-blue),#0753d4);box-shadow:0 14px 30px rgba(20,118,255,.3),inset 0 1px 0 rgba(255,255,255,.2)}.nw-main{padding:26px min(34px,3vw) 44px}.nw-topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.nw-search{flex:1;max-width:560px;height:48px;display:flex;align-items:center;gap:12px;padding:0 16px;color:#8fb0dd;border:1px solid rgba(32,231,255,.16);border-radius:18px;background:rgba(255,255,255,.045)}.nw-search input{width:100%;background:transparent;border:0;color:var(--nw-text);outline:none}.nw-user{display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid rgba(32,231,255,.16);border-radius:999px;background:rgba(255,255,255,.045)}.nw-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#001227;font-weight:950;background:var(--nw-gradient-main)}.nw-page-head{margin-bottom:28px}.nw-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border-radius:999px;border:1px solid rgba(32,231,255,.26);background:rgba(32,231,255,.07);color:var(--nw-cyan);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:900;margin-bottom:14px}.nw-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--nw-green);box-shadow:0 0 18px var(--nw-green)}.nw-title{font-size:clamp(38px,5vw,76px);line-height:.96;letter-spacing:-.055em;background:linear-gradient(180deg,#fff,#d7e9ff 58%,#83a8de);-webkit-background-clip:text;background-clip:text;color:transparent}.nw-subtitle{margin-top:12px;color:var(--nw-muted);font-size:18px;line-height:1.5;max-width:860px}.nw-accent{background:var(--nw-gradient-main);-webkit-background-clip:text;background-clip:text;color:transparent}.nw-grid{display:grid;gap:20px}.nw-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.nw-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.nw-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.nw-card{border-radius:var(--nw-radius-lg);border:1px solid var(--nw-border);background:linear-gradient(145deg,rgba(8,22,49,.74),rgba(255,255,255,.035));box-shadow:var(--nw-shadow-soft),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(16px)}.nw-card.pad{padding:24px}.nw-kpi{padding:22px;position:relative;overflow:hidden}.nw-kpi:after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(32,231,255,.22),transparent 68%)}.nw-kpi .label{color:var(--nw-muted);font-size:14px}.nw-kpi .value{margin-top:8px;font-size:34px;font-weight:950;letter-spacing:-.04em}.nw-kpi .trend{margin-top:8px;color:var(--nw-green);font-weight:850;font-size:13px}.nw-btn{min-height:54px;padding:0 22px;border:1px solid rgba(255,255,255,.16);border-radius:18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#fff;background:linear-gradient(180deg,#28e9ff,#1067ff);box-shadow:0 18px 40px rgba(20,118,255,.34),inset 0 1px 0 rgba(255,255,255,.36);font-weight:950;cursor:pointer;transition:.18s ease}.nw-btn:hover{transform:translateY(-3px);box-shadow:0 24px 52px rgba(20,118,255,.48),var(--nw-glow-cyan)}.nw-btn.secondary{background:rgba(255,255,255,.045);border-color:rgba(32,231,255,.32);box-shadow:none}.nw-btn.green{background:var(--nw-gradient-success)}.nw-btn.orange{background:var(--nw-gradient-warm)}.nw-btn.purple{background:var(--nw-gradient-purple)}.nw-table{width:100%;border-collapse:collapse}.nw-table th,.nw-table td{padding:16px 14px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;color:#dce9ff}.nw-table th{color:var(--nw-muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.nw-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid rgba(32,231,255,.24);background:rgba(32,231,255,.08);color:var(--nw-cyan)}.nw-badge.green{color:var(--nw-green);border-color:rgba(54,255,166,.26);background:rgba(54,255,166,.08)}.nw-badge.orange{color:var(--nw-orange);border-color:rgba(255,159,46,.28);background:rgba(255,159,46,.08)}.nw-badge.red{color:var(--nw-red);border-color:rgba(255,93,115,.28);background:rgba(255,93,115,.08)}.nw-form{display:grid;gap:16px}.nw-field label{display:block;margin-bottom:8px;color:var(--nw-muted);font-weight:800;font-size:14px}.nw-input,.nw-select,.nw-textarea{width:100%;min-height:50px;padding:0 15px;color:var(--nw-text);border:1px solid rgba(32,231,255,.18);border-radius:16px;background:rgba(255,255,255,.045);outline:0}.nw-textarea{min-height:118px;padding:14px 15px;resize:vertical}.nw-product-card{min-height:172px;border-radius:22px;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 70% 18%,rgba(255,255,255,.24),transparent 28%),linear-gradient(145deg,rgba(32,231,255,.2),rgba(20,118,255,.1));box-shadow:inset 0 1px 0 rgba(255,255,255,.12);transition:.18s ease}.nw-product-card:hover{transform:translateY(-4px);border-color:rgba(32,231,255,.52)}.nw-product-card:nth-child(2n){background:radial-gradient(circle at 70% 18%,rgba(255,255,255,.24),transparent 28%),linear-gradient(145deg,rgba(255,159,46,.3),rgba(20,118,255,.08))}.nw-product-card:nth-child(3n){background:radial-gradient(circle at 70% 18%,rgba(255,255,255,.24),transparent 28%),linear-gradient(145deg,rgba(157,77,255,.28),rgba(20,118,255,.08))}.nw-product-card b{font-size:18px}.nw-product-card span{margin-top:7px;color:var(--nw-cyan);font-weight:950}.nw-pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px;align-items:start}.nw-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 22px}.nw-tab{padding:10px 14px;border-radius:999px;color:var(--nw-muted);background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);font-weight:850}.nw-tab.active{color:#001227;background:var(--nw-gradient-main)}.nw-cart-line{display:flex;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.08)}.nw-total-box{margin:22px 0;padding:18px;border-radius:20px;background:rgba(32,231,255,.08);border:1px solid rgba(32,231,255,.2)}.nw-total-box small{display:block;color:var(--nw-muted)}.nw-total-box strong{display:block;color:var(--nw-cyan);font-size:36px;letter-spacing:-.04em}.nw-payment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0}.nw-pay{min-height:56px;border-radius:16px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);font-weight:850;color:#fff}.nw-pay.active{background:rgba(54,255,166,.12);border-color:rgba(54,255,166,.38);color:var(--nw-green)}.nw-login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.nw-login-left{padding:70px 7vw;display:flex;flex-direction:column;justify-content:center}.nw-login-card{padding:34px;border-radius:32px;border:1px solid var(--nw-border);background:var(--nw-panel);box-shadow:var(--nw-shadow);backdrop-filter:blur(18px)}.nw-hero-title{font-size:clamp(56px,8vw,126px);line-height:.94;letter-spacing:-.06em;text-transform:uppercase;background:linear-gradient(180deg,#fff,#d7e9ff 58%,#83a8de);-webkit-background-clip:text;background-clip:text;color:transparent}.nw-landing-hero{min-height:100vh;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:52px;padding:54px 7vw}.nw-landing-section{padding:86px 7vw}.nw-receipt{width:340px;max-width:100%;margin:0 auto;padding:26px;color:#101827;background:#fff;border-radius:18px 18px 8px 8px;box-shadow:0 30px 70px rgba(0,0,0,.32)}.nw-receipt h2{color:#101827;font-size:24px;text-align:center;margin-bottom:4px;background:none;-webkit-text-fill-color:#101827}.nw-receipt p,.nw-receipt td{color:#263247;font-size:13px}.nw-receipt .cut{border-top:1px dashed #9aa5b7;margin:14px 0}.nw-receipt table{width:100%;border-collapse:collapse}.nw-receipt td{padding:5px 0}.nw-receipt .right{text-align:right}.nw-receipt .receipt-total{font-size:22px;font-weight:950;color:#101827}.nw-mobile-toggle{display:none}@media(max-width:1180px){.nw-shell{grid-template-columns:1fr}.nw-sidebar{position:fixed;z-index:20;left:0;top:0;transform:translateX(-105%);transition:.2s ease;width:288px}.nw-sidebar.open{transform:translateX(0)}.nw-mobile-toggle{display:inline-flex}.nw-grid-4,.nw-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.nw-pos-layout,.nw-login-page,.nw-landing-hero{grid-template-columns:1fr}}@media(max-width:720px){.nw-main,.nw-landing-section{padding:22px}.nw-topbar{flex-wrap:wrap}.nw-search{max-width:none;width:100%}.nw-grid-4,.nw-grid-3,.nw-grid-2{grid-template-columns:1fr}.nw-payment-grid{grid-template-columns:1fr}}@media print{body{background:#fff}.nw-print-hide{display:none!important}.nw-receipt{box-shadow:none}}