html[data-skin=classic]{--bg:#0c0f10;--bg-2:#131718;--surface:#131718;--card:#131718;--card-2:#191e20;--glass:#131718;--glass-2:#191e20;--input-bg:#191e20;--hairline:#242a2c;--line-soft:#1d2224;--ink:#ecefee;--ink-dim:#b2b9bb;--ink-faint:#868d8f;--brand:#3fd18c;--brand-2:#7fadf2;--brand-ink:#3fd18c;--on-brand:#06251a;--success:#3fd18c;--warning:#e8a73c;--danger:#f07a6a;--overlay:#06080894;--r-sm:8px;--r-md:10px;--r-lg:14px;--shadow:0 1px 2px #00000080;--shadow-lg:0 1px 3px #00000080, 0 8px 20px -14px #000000e6;--n-accent:#ecefee;--n-on-accent:#0c0f10;--n-row:40px;--n-pad:15px}html[data-skin=classic][data-theme=light]{--bg:#f7f8f7;--bg-2:#fff;--surface:#fff;--card:#fff;--card-2:#f2f4f2;--glass:#fff;--glass-2:#f2f4f2;--input-bg:#fff;--hairline:#e2e5e2;--line-soft:#edefed;--ink:#0e1110;--ink-dim:#41474a;--ink-faint:#6b7275;--brand:#0a9d5c;--brand-2:#2b5fb5;--brand-ink:#0a7a48;--on-brand:#fff;--success:#0a9d5c;--warning:#b4730a;--danger:#c0392b;--overlay:#0e11106b;--shadow:0 1px 2px #0e11100d;--shadow-lg:0 1px 3px #0e11100f, 0 8px 20px -14px #0e11104d;--n-accent:#0e1110;--n-on-accent:#fff}html[data-skin=classic][data-density=compact]{--n-row:32px;--n-pad:11px}html[data-skin=classic] body{background:var(--bg);font-size:14px}html[data-skin=classic] body:before,html[data-skin=classic] body:after{display:none!important}html[data-skin=classic] .mono,html[data-skin=classic] .metric-value,html[data-skin=classic] .total-row span:last-child{font-variant-numeric:tabular-nums}html[data-skin=classic] .panel,html[data-skin=classic] .card,html[data-skin=classic] .metric-card,html[data-skin=classic] .glass{background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:none;backdrop-filter:none}html[data-skin=classic] .panel-head{border-bottom:1px solid var(--hairline);margin-bottom:12px;padding-bottom:12px}html[data-skin=classic] .panel-title{letter-spacing:-.018em;font-size:14px;font-weight:600}html[data-skin=classic] .page-title{letter-spacing:-.02em;font-size:22px;font-weight:600}html[data-skin=classic] .eyebrow{letter-spacing:0;text-transform:none;color:var(--ink-faint);font-size:12px;font-weight:500}html[data-skin=classic] .muted{color:var(--ink-dim);font-weight:400}html[data-skin=classic] .faint{color:var(--ink-faint);font-weight:400}html[data-skin=classic] .font-black,html[data-skin=classic] .font-extrabold{font-weight:600}html[data-skin=classic] .font-bold{font-weight:500}html[data-skin=classic] .btn-base{letter-spacing:0;text-transform:none;height:32px;box-shadow:none;border-radius:8px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,opacity .15s,transform .1s cubic-bezier(.2,.8,.3,1)}html[data-skin=classic] .btn-base:active{transform:translateY(1px)}html[data-skin=classic] .btn-primary{background:var(--n-accent);color:var(--n-on-accent);border:1px solid var(--n-accent)}html[data-skin=classic] .btn-primary:hover{opacity:.9;background:var(--n-accent)}html[data-skin=classic] .btn-ghost{border:1px solid var(--hairline);color:var(--ink-dim);background:0 0}html[data-skin=classic] .btn-ghost:hover{background:var(--card-2);color:var(--ink)}html[data-skin=classic] .icon-btn{color:var(--ink-faint);background:0 0;border:1px solid #0000;border-radius:8px}html[data-skin=classic] .icon-btn:hover{background:var(--card-2);color:var(--ink)}html[data-skin=classic] .chip{letter-spacing:0;text-transform:none;background:var(--card-2);height:21px;color:var(--ink-dim);border:1px solid var(--hairline);box-shadow:none;border-radius:6px;padding:0 8px;font-size:11.5px;font-weight:600}html[data-skin=classic] .chip.ok{background:color-mix(in srgb, var(--success) 12%, transparent);color:var(--success);border-color:color-mix(in srgb, var(--success) 30%, transparent)}html[data-skin=classic] .chip.warn{background:color-mix(in srgb, var(--warning) 12%, transparent);color:var(--warning);border-color:color-mix(in srgb, var(--warning) 30%, transparent)}html[data-skin=classic] .chip.bad{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger);border-color:color-mix(in srgb, var(--danger) 30%, transparent)}html[data-skin=classic] .chip.info{background:color-mix(in srgb, var(--brand-2) 12%, transparent);color:var(--brand-2);border-color:color-mix(in srgb, var(--brand-2) 30%, transparent)}html[data-skin=classic] .sidebar{background:var(--surface);border-right:1px solid var(--hairline);-webkit-backdrop-filter:none;backdrop-filter:none}html[data-skin=classic] .nav-item,html[data-skin=classic] .nav-subitem{height:32px;color:var(--ink-dim);letter-spacing:0;text-transform:none;background:0 0;border:0;border-radius:8px;font-size:13px;font-weight:500;position:relative}html[data-skin=classic] .nav-item:hover,html[data-skin=classic] .nav-subitem:hover{background:var(--card-2);color:var(--ink)}html[data-skin=classic] .nav-item.active,html[data-skin=classic] .nav-subitem.active{background:var(--card-2);color:var(--ink);box-shadow:none;font-weight:600}html[data-skin=classic] .nav-item.active:before{content:"";background:var(--n-accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:7px;bottom:7px;left:-6px}html[data-skin=classic] .nav-group{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint);font-size:10.5px;font-weight:700}html[data-skin=classic] .nav-tag{background:var(--card-2);color:var(--ink-faint);border:0;border-radius:999px;padding:1px 6px;font-size:10.5px;font-weight:600}html[data-skin=classic] .top-search{background:var(--bg);border:1px solid var(--hairline);border-radius:8px;height:32px}html[data-skin=classic] .metric-label{letter-spacing:0;text-transform:none;color:var(--ink-faint);font-size:12px;font-weight:500}html[data-skin=classic] .metric-value{letter-spacing:-.03em;color:var(--ink);font-size:25px;font-weight:600}html[data-skin=classic] .metric-note{color:var(--ink-faint);font-size:12px;font-weight:400}html[data-skin=classic] .metric-icon{background:var(--card-2);width:30px;height:30px;color:var(--ink-dim);box-shadow:none;border:1px solid var(--hairline);border-radius:9px}html[data-skin=classic] .data-table th,html[data-skin=classic] table th{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);background:var(--card-2);border-bottom:1px solid var(--hairline);padding:9px var(--n-pad);font-size:11px;font-weight:600}html[data-skin=classic] .data-table td,html[data-skin=classic] table td{padding:10px var(--n-pad);border-bottom:1px solid var(--hairline);font-size:13px}html[data-skin=classic] .data-table tbody tr:hover,html[data-skin=classic] table tbody tr:hover{background:var(--card-2)}html[data-skin=classic] .list-row{border-bottom:1px solid var(--hairline);padding:10px 0}html[data-skin=classic] .table-thumb{background:var(--card-2);color:var(--ink-faint);border:1px solid var(--hairline);border-radius:8px}html[data-skin=classic] .field-label{letter-spacing:0;text-transform:none;color:var(--ink-dim);font-size:12.5px;font-weight:600}html[data-skin=classic] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),html[data-skin=classic] select,html[data-skin=classic] textarea{background:var(--input-bg);border:1px solid var(--hairline);border-radius:var(--r-md);color:var(--ink);box-shadow:none;font-size:13.5px}html[data-skin=classic] input:focus,html[data-skin=classic] select:focus,html[data-skin=classic] textarea:focus{border-color:var(--brand-2);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-2) 16%, transparent);outline:0}html[data-skin=classic] .modal-backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}html[data-skin=classic] .pos-modal,html[data-skin=classic] .pos-dialog{background:var(--surface);border:1px solid var(--hairline);box-shadow:var(--shadow-lg);border-radius:16px}html[data-skin=classic] .product-tile{background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-md);box-shadow:none;transition:transform .12s cubic-bezier(.2,.8,.3,1),border-color .15s,box-shadow .15s}html[data-skin=classic] .product-tile:hover{border-color:var(--ink-faint);box-shadow:var(--shadow-lg)}html[data-skin=classic] .product-tile:active{transform:scale(.975)}html[data-skin=classic] .product-name{font-size:13.5px;font-weight:600}html[data-skin=classic] .product-sku{color:var(--ink-faint);font-size:10.5px}html[data-skin=classic] .product-price{font-size:15px;font-weight:600}html[data-skin=classic] .category-tab{border:1px solid var(--hairline);background:var(--card);height:30px;color:var(--ink-dim);white-space:nowrap;border-radius:999px;padding:0 11px;font-size:12.5px;font-weight:500}html[data-skin=classic] .category-tab.active{background:var(--n-accent);color:var(--n-on-accent);border-color:var(--n-accent);font-weight:600}html[data-skin=classic] .cart-panel{background:var(--surface);border:1px solid var(--hairline)}html[data-skin=classic] .cart-line{border-bottom:1px solid var(--hairline)}html[data-skin=classic] .qty-stepper{border:1px solid var(--hairline);background:0 0;border-radius:999px;overflow:hidden}html[data-skin=classic] .total-row{color:var(--ink-dim);font-size:13px}html[data-skin=classic] .total-row.total{color:var(--ink);letter-spacing:-.03em;font-size:21px;font-weight:600}html[data-skin=classic] .keypad button{border:1px solid var(--hairline);background:var(--card-2);border-radius:var(--r-md);height:46px;font-size:17px;font-weight:500}html[data-skin=classic] .quick-amounts .chip{border-radius:999px;height:30px;padding:0 11px;font-size:12.5px}html[data-skin=classic] .auth-screen{background:var(--bg)}html[data-skin=classic] .login-card{background:var(--surface);border:1px solid var(--hairline);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:16px}html[data-skin=classic] .login-title{letter-spacing:-.022em;font-size:20px;font-weight:600}html[data-skin=classic] .login-subtitle{color:var(--ink-faint);font-size:13px}html[data-skin=classic] .login-tabs{background:var(--card-2);border:1px solid var(--hairline);border-radius:10px;padding:3px}html[data-skin=classic] .login-tab{height:30px;color:var(--ink-faint);border-radius:8px;font-size:13px;font-weight:500}html[data-skin=classic] .login-tab.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow);font-weight:600}html[data-skin=classic] .brandmark{background:var(--n-accent);color:var(--n-on-accent);box-shadow:none;border-radius:10px}html[data-skin=classic] .empty-state{color:var(--ink-faint)}@media (prefers-reduced-motion:reduce){html[data-skin=classic] *{transition-duration:.01ms!important;animation-duration:.01ms!important}}html:is([data-skin=classic],[data-skin=saas]) .n-crumb{color:var(--ink-faint);margin-bottom:6px;font-size:12px}html:is([data-skin=classic],[data-skin=saas]) .n-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}html:is([data-skin=classic],[data-skin=saas]) .n-kpi{background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow);min-width:0;padding:13px 14px 10px}html:is([data-skin=classic],[data-skin=saas]) .n-kpi-label{color:var(--ink-faint);font-size:12px;font-weight:500}html:is([data-skin=classic],[data-skin=saas]) .n-kpi-value{letter-spacing:-.03em;color:var(--ink);margin-top:6px;font-size:25px;font-weight:600}html:is([data-skin=classic],[data-skin=saas]) .n-kpi-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}html:is([data-skin=classic],[data-skin=saas]) .n-kpi-note{color:var(--ink-faint);font-size:12px}html:is([data-skin=classic],[data-skin=saas]) .n-delta{color:var(--success);font-size:11.5px;font-weight:600}html:is([data-skin=classic],[data-skin=saas]) .n-delta.down{color:var(--danger)}html:is([data-skin=classic],[data-skin=saas]) .n-delta-sub{color:var(--ink-faint);font-weight:400}html:is([data-skin=classic],[data-skin=saas]) .n-spark{flex:none;width:82px;height:26px;overflow:visible}html:is([data-skin=classic],[data-skin=saas]) .n-strip{border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow);grid-template-columns:repeat(5,minmax(0,1fr));margin-top:12px;display:grid;overflow:hidden}html:is([data-skin=classic],[data-skin=saas]) .n-strip>div{border-right:1px solid var(--hairline);min-width:0;padding:12px 14px}html:is([data-skin=classic],[data-skin=saas]) .n-strip>div:last-child{border-right:0}html:is([data-skin=classic],[data-skin=saas]) .n-strip-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:10.5px}html:is([data-skin=classic],[data-skin=saas]) .n-strip-value{letter-spacing:-.02em;color:var(--ink);margin-top:5px;font-size:18px;font-weight:600}html:is([data-skin=classic],[data-skin=saas]) .n-strip-note{color:var(--ink-faint);margin-top:3px;font-size:11.5px}html:is([data-skin=classic],[data-skin=saas]) .n-main{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:12px;margin-top:12px;display:grid}html:is([data-skin=classic],[data-skin=saas]) .n-col{gap:12px;min-width:0;display:grid}html:is([data-skin=classic],[data-skin=saas]) .n-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}html:is([data-skin=classic],[data-skin=saas]) .n-two>*{min-width:0}html:is([data-skin=classic],[data-skin=saas]) .n-bars{align-items:flex-end;gap:7px;height:168px;padding-top:6px;display:flex}html:is([data-skin=classic],[data-skin=saas]) .n-bar{border-radius:6px;flex-direction:column;flex:1;justify-content:flex-end;min-width:0;height:100%;transition:background .15s;display:flex;position:relative}html:is([data-skin=classic],[data-skin=saas]) .n-bar:hover{background:var(--card-2)}html:is([data-skin=classic],[data-skin=saas]) .n-bar i{background:var(--ink-faint);transform-origin:bottom;border-radius:5px 5px 2px 2px;width:100%;animation:.6s cubic-bezier(.2,.8,.3,1) both n-grow;display:block}html:is([data-skin=classic],[data-skin=saas]) .n-bar.now i{background:var(--success)}html:is([data-skin=classic],[data-skin=saas]) .n-bar.future i{background:repeating-linear-gradient(135deg, var(--card-2) 0 4px, transparent 4px 8px);border:1px solid var(--hairline)}@keyframes n-grow{0%{opacity:.4;transform:scaleY(.02)}to{opacity:1;transform:scaleY(1)}}html:is([data-skin=classic],[data-skin=saas]) .n-bar-tip{opacity:0;pointer-events:none;background:var(--ink);color:var(--bg);white-space:nowrap;z-index:5;border-radius:6px;padding:4px 7px;font-size:10.5px;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(3px)}html:is([data-skin=classic],[data-skin=saas]) .n-bar:hover .n-bar-tip{opacity:1;transform:translate(-50%)translateY(0)}html:is([data-skin=classic],[data-skin=saas]) .n-bar-labels{gap:7px;margin-top:8px;display:flex}html:is([data-skin=classic],[data-skin=saas]) .n-bar-labels span{text-align:center;min-width:0;color:var(--ink-faint);flex:1;font-size:10px;overflow:hidden}html:is([data-skin=classic],[data-skin=saas]) .n-row{border-bottom:1px solid var(--hairline);align-items:center;gap:11px;padding:10px 0;display:flex}html:is([data-skin=classic],[data-skin=saas]) .n-row:last-child{border-bottom:0}html:is([data-skin=classic],[data-skin=saas]) .n-row-main{flex:1;min-width:0}html:is([data-skin=classic],[data-skin=saas]) .n-row-name{color:var(--ink);font-size:13.5px;font-weight:600;display:block}html:is([data-skin=classic],[data-skin=saas]) .n-row-meta{color:var(--ink-faint);font-size:11.5px;display:block}html:is([data-skin=classic],[data-skin=saas]) .n-row-amount{color:var(--ink);white-space:nowrap;font-size:13.5px;font-weight:600}html:is([data-skin=classic],[data-skin=saas]) .n-mbar{background:var(--card-2);border-radius:2px;width:90px;height:3px;margin-top:5px;display:block;overflow:hidden}html:is([data-skin=classic],[data-skin=saas]) .n-mbar i{background:var(--success);height:100%;display:block}html:is([data-skin=classic],[data-skin=saas]) .n-tiles{background:var(--hairline);border:1px solid var(--hairline);border-radius:var(--r-md);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}html:is([data-skin=classic],[data-skin=saas]) .n-tiles>div{background:var(--card);padding:10px 12px}html:is([data-skin=classic],[data-skin=saas]) .n-tile-label{color:var(--ink-faint);font-size:11px}html:is([data-skin=classic],[data-skin=saas]) .n-tile-value{letter-spacing:-.02em;color:var(--ink);margin-top:2px;font-size:16px;font-weight:600}html:is([data-skin=classic],[data-skin=saas]) .n-feed{border-bottom:1px solid var(--hairline);gap:10px;padding:10px 0;display:flex}html:is([data-skin=classic],[data-skin=saas]) .n-feed:last-child{border-bottom:0}html:is([data-skin=classic],[data-skin=saas]) .n-feed-dot{background:var(--ink-faint);border-radius:50%;flex:none;width:7px;height:7px;margin-top:6px}html:is([data-skin=classic],[data-skin=saas]) .n-feed-dot.go{background:var(--success)}html:is([data-skin=classic],[data-skin=saas]) .n-feed-dot.warn{background:var(--warning)}html:is([data-skin=classic],[data-skin=saas]) .n-feed-dot.bad{background:var(--danger)}html:is([data-skin=classic],[data-skin=saas]) .n-feed-main{flex:1;min-width:0}html:is([data-skin=classic],[data-skin=saas]) .n-feed-right{text-align:right}html:is([data-skin=classic],[data-skin=saas]) .n-feed-ago{color:var(--ink-faint);font-size:10.5px;display:block}html:is([data-skin=classic],[data-skin=saas]) .n-attn{border-bottom:1px solid var(--hairline);align-items:center;gap:11px;padding:11px 0;display:flex}html:is([data-skin=classic],[data-skin=saas]) .n-attn:last-child{border-bottom:0}html:is([data-skin=classic],[data-skin=saas]) .n-attn-icon{background:var(--card-2);width:28px;height:28px;color:var(--ink-dim);border:1px solid var(--hairline);border-radius:8px;flex:none;place-items:center;display:grid}html:is([data-skin=classic],[data-skin=saas]) .n-attn-icon.warn{background:color-mix(in srgb, var(--warning) 12%, transparent);color:var(--warning);border-color:color-mix(in srgb, var(--warning) 28%, transparent)}html:is([data-skin=classic],[data-skin=saas]) .n-attn-icon.bad{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger);border-color:color-mix(in srgb, var(--danger) 28%, transparent)}html:is([data-skin=classic],[data-skin=saas]) .n-attn-icon.info{background:color-mix(in srgb, var(--brand-2) 12%, transparent);color:var(--brand-2);border-color:color-mix(in srgb, var(--brand-2) 28%, transparent)}html:is([data-skin=classic],[data-skin=saas]) .n-attn-icon.ok{background:color-mix(in srgb, var(--success) 12%, transparent);color:var(--success);border-color:color-mix(in srgb, var(--success) 28%, transparent)}@media (width<=1240px){html:is([data-skin=classic],[data-skin=saas]) .n-main{grid-template-columns:minmax(0,1fr)}}@media (width<=1100px){html:is([data-skin=classic],[data-skin=saas]) .n-kpis,html:is([data-skin=classic],[data-skin=saas]) .n-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){html:is([data-skin=classic],[data-skin=saas]) .n-kpis,html:is([data-skin=classic],[data-skin=saas]) .n-strip,html:is([data-skin=classic],[data-skin=saas]) .n-two{grid-template-columns:minmax(0,1fr)}html:is([data-skin=classic],[data-skin=saas]) .n-bar-tip{display:none}html:is([data-skin=classic],[data-skin=saas]) .n-bars{height:132px}}html[data-skin=classic] .owner-tile strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:25px;font-weight:600}html[data-skin=classic] .owner-bar{background:var(--card-2);height:6px}html[data-skin=classic] .owner-bar>span{background:var(--success)}html[data-skin=classic] .owner-trend>span{background:var(--ink-faint)}html[data-skin=classic] .owner-trend>span:last-child{background:var(--success)}html[data-skin=classic] .owner-list>*+*{border-top:1px solid var(--hairline)}