:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f5f7fb;font-synthesis:none;--navy:#10192b;--blue:#2563eb;--blue2:#1d4ed8;--border:#e5e9f2;--muted:#64748b;--green:#059669;--red:#dc2626;--amber:#d97706}*{box-sizing:border-box}html{min-height:100%;background:#f5f7fb}body{margin:0;min-height:100%;overscroll-behavior:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.75rem,3vw,2.35rem);letter-spacing:-.045em;margin-bottom:.45rem}h2{font-size:1.08rem;margin-bottom:1rem}small{display:block;color:var(--muted);font-size:.78rem;margin-top:.2rem}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;overflow-wrap:anywhere}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:280px;display:flex;flex-direction:column;background:linear-gradient(180deg,#111c31,#0b1220);color:#fff;box-shadow:10px 0 40px #0f172a1a}.sidebar-head{padding:1.4rem 1.3rem;border-bottom:1px solid rgb(255 255 255/.08)}.brand{display:flex;align-items:center;gap:.7rem}.brand b{font-size:1.1rem}.brand small{color:#94a3b8;margin:0}.logo,.brand-mark{display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#3b82f6,#1d4ed8);color:#fff;font-weight:800;box-shadow:0 8px 20px #2563eb4d}.logo{width:38px;height:38px}.brand-mark{width:52px;height:52px;font-size:1.4rem}.profile{display:flex;align-items:center;gap:.75rem;margin-top:1.3rem}.profile b{font-size:.9rem;display:block}.profile small{color:#94a3b8}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ffffff1a;font-size:.75rem;font-weight:700}.sync-box{display:flex;justify-content:space-between;align-items:center;margin:.85rem 1rem 0;padding:.65rem .75rem;border-radius:10px;background:#05966924;color:#6ee7b7;font-size:.73rem}.sync-box.offline{background:#d9770624;color:#fbbf24}.sync-box button{border:0;background:none;color:inherit;font-size:.7rem;text-decoration:underline}.sidebar nav{flex:1;overflow:auto;padding:.85rem}.sidebar nav a{display:flex;align-items:center;gap:.78rem;padding:.72rem .9rem;margin:.12rem 0;border-radius:10px;color:#b9c5d8;font-size:.86rem;font-weight:500;transition:.15s}.sidebar nav a span{width:20px;text-align:center;font-size:1rem}.sidebar nav a:hover{background:#ffffff12;color:#fff}.sidebar nav a.active{background:#2563eb;color:#fff;box-shadow:0 8px 20px #2563eb47}.sidebar-bottom{padding:.75rem;border-top:1px solid rgb(255 255 255/.08)}.sidebar-bottom button{width:100%;border:0;background:none;color:#bdc8d8;text-align:left;padding:.7rem .9rem;border-radius:9px;font-size:.82rem}.sidebar-bottom button:hover{background:#ffffff12;color:#fff}.content{min-height:100vh;margin-left:280px}.page-container{max-width:1480px;margin:0 auto;padding:2rem 2.2rem 4rem}.mobile-bar,.backdrop{display:none}.subscription-warning,.update-banner{padding:.75rem 1rem;text-align:center;font-size:.8rem;font-weight:600}.subscription-warning{background:#fff1f2;color:#9f1239;border-bottom:1px solid #fecdd3}.update-banner{background:#eff6ff;color:#1d4ed8}.update-banner button{border:0;background:none;color:inherit;text-decoration:underline;font-weight:700}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.page-header p:last-child{color:var(--muted);font-size:.9rem;margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--blue);font-size:.68rem;font-weight:800;margin-bottom:.45rem}.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.25rem;box-shadow:0 7px 25px #0f172a09;margin-bottom:1rem}.card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.card-title h2{margin:0}.card-title p{color:var(--muted);font-size:.82rem;margin:.25rem 0 0}.card-title>button{border:0;background:#f1f5f9;border-radius:8px;padding:.35rem .55rem;color:#475569}.filter-card{padding:.95rem 1.15rem}.section-title{margin:1.45rem 0 .7rem;color:#334155}.hint,.muted{color:var(--muted);font-size:.82rem}.right{text-align:right}.empty{padding:2rem;text-align:center;color:#94a3b8;font-size:.86rem}.btn{border:1px solid transparent;border-radius:10px;padding:.66rem .95rem;font-weight:700;font-size:.82rem;transition:.15s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 5px 16px #2563eb33}.btn.primary:hover{background:var(--blue2)}.btn.secondary{background:#fff;border-color:#dce2eb;color:#334155}.btn.danger{background:#dc2626;color:#fff}.btn.full{width:100%;margin-top:1rem}.icon-button{border:0;background:none;font-size:1.4rem}.back,.link-button,.danger-link,.table-actions button,.list button{border:0;background:none;color:var(--blue);padding:.3rem;font-size:.75rem;font-weight:600}.danger-link{color:var(--red)!important}.button-pair,.table-actions,.form-actions{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}.form-actions{justify-content:flex-end;margin-top:1rem}.align-end{align-self:end;margin-bottom:1px}label{display:block;color:#3c485c;font-size:.78rem;font-weight:600}input,select,textarea{display:block;width:100%;margin-top:.38rem;border:1px solid #dce2eb;background:#fff;color:#172033;border-radius:10px;padding:.67rem .75rem;outline:none;transition:.15s;min-height:42px}textarea{min-height:82px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f61f}input:disabled{background:#f1f5f9}.check{display:flex;align-items:center;gap:.5rem}.check input{display:inline-block;width:auto;min-height:0;margin:0}.form-row,.form-grid{display:grid;gap:.85rem}.form-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.form-row.four,.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.line-editor{display:grid;grid-template-columns:2fr 1fr auto;gap:.75rem;align-items:end;margin-top:.75rem;padding:.8rem;border-radius:12px;background:#f8fafc}.line-editor.three{grid-template-columns:2fr 1fr 1fr auto}hr{border:0;border-top:1px solid var(--border);margin:1.2rem 0}.alert{border-radius:12px;padding:.8rem 1rem;margin-bottom:1rem;font-size:.82rem;font-weight:500}.alert.error{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}.alert.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.alert.warn{background:#fffbeb;border:1px solid #fde68a;color:#b45309}.badge-row{display:flex;gap:.5rem;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:.28rem .55rem;border-radius:999px;background:#f1f5f9;color:#475569;font-size:.68rem;font-weight:700;white-space:nowrap}.badge.info{background:#eff6ff;color:#1d4ed8}.badge.success{background:#ecfdf5;color:#047857}.badge.warn{background:#fffbeb;color:#b45309}.warning-text{color:#b45309}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin-bottom:1rem}.metrics.five{grid-template-columns:repeat(5,minmax(0,1fr))}.metrics.six{grid-template-columns:repeat(6,minmax(0,1fr))}.metrics article{background:#fff;border:1px solid var(--border);border-radius:15px;padding:1rem;min-width:0}.metrics article span{display:block;color:var(--muted);font-size:.72rem;margin-bottom:.55rem}.metrics article b{font-size:1.05rem;overflow-wrap:anywhere}.metrics article.positive{background:linear-gradient(145deg,#ecfdf5,#f0fdf4);border-color:#bbf7d0}.metrics article.positive b{color:#047857}.table-wrap{overflow:auto;margin:0 -1px}table{width:100%;border-collapse:collapse;min-width:720px;font-size:.76rem}th{text-align:left;color:#758197;font-weight:600;padding:.65rem .7rem;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:.78rem .7rem;border-bottom:1px solid #eef1f6;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbfe}.list>div{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid #eef1f6;font-size:.8rem}.list>div:last-child{border-bottom:0}.list>div>span:last-child{display:flex;align-items:center;gap:.5rem;text-align:right}.list.compact{margin-top:1rem}.list.compact>div{padding:.55rem 0}.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:1rem;align-items:start}.pos-filters{display:grid;grid-template-columns:220px 1fr;gap:.9rem}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.product-tile{text-align:left;border:1px solid var(--border);background:#fff;border-radius:14px;padding:1rem;min-height:128px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 5px 15px #0f172a08;transition:.16s}.product-tile:hover:not(:disabled){border-color:#60a5fa;transform:translateY(-2px);box-shadow:0 10px 22px #2563eb14}.product-tile span{display:flex;justify-content:space-between;gap:.5rem}.product-tile strong{color:var(--blue);font-size:1.02rem}.product-tile em{font-size:.7rem;color:var(--muted);font-style:normal}.cart{position:sticky;top:1rem}.cart-lines>div{padding:.8rem 0;border-bottom:1px solid #eef1f6}.cart-lines>div>span{display:inline-block}.cart-lines>div>.danger-link{float:right}.quantity{display:flex;align-items:center;gap:.6rem;margin-top:.55rem}.quantity button{width:28px;height:28px;border:0;border-radius:7px;background:#eef2f7}.quantity strong{margin-left:auto}.cart-total{display:flex;justify-content:space-between;border-top:2px solid #e8edf4;padding:1rem 0;font-size:1.08rem}.cart>label{margin-top:.8rem}.last-sale{display:grid;gap:.55rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.subscription-card{display:flex;justify-content:space-between;align-items:center}.subscription-card h2{font-size:1.5rem;margin:.7rem 0 .3rem}.subscription-card p{color:var(--muted);margin:0}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.plan{transition:.15s}.plan.selected{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.plan .price{display:block;font-size:1.35rem;margin:.8rem 0}.plan .price small{display:inline}.plan ul{padding-left:1.1rem;color:#526078;font-size:.78rem;line-height:1.8}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.auth-hero{padding:clamp(2rem,7vw,7rem);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 80% 15%,rgb(59 130 246/.27),transparent 32%),linear-gradient(145deg,#0b1220,#13233f);color:#fff}.auth-hero h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.02;margin:1rem 0 1.4rem}.auth-hero h1 span{color:#60a5fa}.auth-hero>p:not(.eyebrow){max-width:580px;color:#cbd5e1;line-height:1.7}.auth-points{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem;color:#a7f3d0;font-size:.8rem}.auth-panel{display:flex;align-items:center;justify-content:center;padding:2rem;background:#f8fafc}.auth-card{width:min(100%,600px);background:#fff;border:1px solid var(--border);border-radius:20px;padding:clamp(1.4rem,4vw,2.3rem);box-shadow:0 24px 60px #0f172a14}.auth-card h2{font-size:1.8rem;letter-spacing:-.035em}.auth-card label{margin-top:.85rem}.auth-separator{position:relative;text-align:center;margin:1.2rem 0}.auth-separator:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--border)}.auth-separator span{position:relative;background:#fff;padding:0 .7rem;color:#94a3b8;font-size:.75rem}@media(max-width:1180px){.metrics.six,.metrics.five{grid-template-columns:repeat(3,1fr)}.product-grid,.form-grid.four,.form-row.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.mobile-bar{position:fixed;inset:0 0 auto;z-index:40;height:62px;display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;background:#fffffff5;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-top:max(.65rem,env(safe-area-inset-top))}.mobile-actions{display:flex;align-items:center;gap:.75rem}.connection{color:var(--green)}.connection.offline{color:var(--amber)}.sidebar{transform:translate(-102%);transition:transform .2s;padding-bottom:env(safe-area-inset-bottom)}.sidebar.open{transform:translate(0)}.backdrop{display:block;position:fixed;inset:0;z-index:45;border:0;background:#0f172a8c}.content{margin-left:0;padding-top:62px}.page-container{padding:1.2rem 1rem 5rem}.pos-layout{grid-template-columns:1fr}.cart{position:static}.two-columns,.auth-page{grid-template-columns:1fr}.auth-hero{display:none}.auth-panel{min-height:100vh;padding:1rem;padding-top:max(1rem,env(safe-area-inset-top));padding-bottom:max(1rem,env(safe-area-inset-bottom))}}@media(max-width:650px){h1{font-size:1.65rem}.page-header{align-items:flex-start}.page-header .btn{white-space:nowrap;padding:.6rem .7rem}.card{padding:1rem;border-radius:14px}.metrics,.metrics.five,.metrics.six{grid-template-columns:repeat(2,1fr)}.metrics article b{font-size:.9rem}.form-row,.form-row.four,.form-grid,.form-grid.three,.form-grid.four{grid-template-columns:1fr}.span-2,.span-3{grid-column:span 1}.line-editor,.line-editor.three{grid-template-columns:1fr 1fr}.line-editor .danger-link{grid-column:span 2}.pos-filters{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.product-tile{padding:.8rem;min-height:118px}.product-tile span{display:block}.subscription-card{align-items:flex-start;gap:1rem;flex-direction:column}.plan-grid{grid-template-columns:1fr}.list>div{align-items:flex-start;flex-direction:column}.list>div>span:last-child{text-align:left}.auth-card{padding:1.3rem}.auth-card .form-grid{grid-template-columns:1fr}.mobile-bar .brand small{display:none}}@media(max-width:380px){.product-grid,.metrics,.metrics.five,.metrics.six{grid-template-columns:1fr}.page-header{display:block}.page-header>.btn{margin-top:.8rem}}@media(display-mode:standalone){.mobile-bar{padding-top:max(.65rem,env(safe-area-inset-top));height:calc(62px + env(safe-area-inset-top))}.content{padding-top:calc(62px + env(safe-area-inset-top))}}