:root{
  --bg:#f5f7fb;--panel:#fff;--text:#172033;--muted:#6e7890;--line:#e6eaf1;--primary:#3459e6;--primary2:#233eb5;
  --success:#0b8f60;--warning:#bd6b00;--danger:#c83c4d;--sidebar:#111827;--sidebar2:#172033;
  --shadow:0 14px 35px rgba(24,32,51,.08);--radius:18px
}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}
body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.muted{color:var(--muted)}
.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--sidebar),var(--sidebar2));color:#fff;padding:24px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.brand strong{display:block;font-size:15px}.brand small{display:block;color:#9ba6bc;margin-top:2px}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#5676ff,#7b5cff);display:grid;place-items:center;font-weight:800;letter-spacing:-.03em;box-shadow:0 10px 25px rgba(80,98,255,.28)}.sidebar nav{display:grid;gap:7px}.nav-link{padding:12px 14px;border-radius:12px;color:#c8d0df;font-weight:650;font-size:14px}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.08);color:#fff}.sidebar-footer{margin-top:auto;padding:18px 14px;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:4px}.sidebar-footer span{font-size:11px;color:#8f9ab0;text-transform:uppercase;letter-spacing:.08em}.sidebar-footer strong{font-size:14px}.sidebar-footer a{margin-top:8px;font-size:13px;color:#bac5ff}
.main{min-width:0}.topbar{padding:27px 34px 18px;display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:#6c79a4}.topbar h1{font-size:28px;line-height:1.1;margin:5px 0 0;letter-spacing:-.03em}.content{padding:0 34px 40px}.cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:21px;box-shadow:var(--shadow)}.stat-card span{font-size:12px;color:var(--muted);font-weight:700}.stat-card strong{display:block;font-size:32px;margin:8px 0 2px;letter-spacing:-.04em}.stat-card small{color:#8a93a5}.value-banner{margin:18px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 25px;border-radius:var(--radius);background:linear-gradient(135deg,#304fc9,#4d62de);color:#fff;box-shadow:0 16px 35px rgba(53,77,190,.22)}.value-banner span{display:block;font-size:12px;color:#dce2ff;font-weight:700}.value-banner strong{display:block;font-size:27px;margin-top:3px}.grid-2{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.grid-form-list{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{padding:19px 21px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-head h2{font-size:16px;margin:0}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.panel-head a{font-size:12px;font-weight:750;color:var(--primary)}.sticky-panel{position:sticky;top:18px}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}th{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#8791a7;background:#fafbfc}tbody tr:hover{background:#fbfcff}td strong{font-size:13px}.table-sub{display:block;color:var(--muted);margin-top:3px;font-size:11px}.actions{display:flex;align-items:center;gap:9px;white-space:nowrap}.actions form{display:inline}.link{background:none;border:0;padding:0;color:var(--primary);font-weight:700;font-size:12px}.link-danger{color:var(--danger)}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.badge-success{background:#eaf8f2;color:var(--success)}.badge-warning{background:#fff4df;color:var(--warning)}.badge-muted{background:#eff1f5;color:#697389}.empty{padding:26px!important;text-align:center!important;color:var(--muted)}.empty-box{padding:26px;text-align:center;color:var(--muted);background:#fafbfc;border-radius:14px}.stock-list{padding:8px 18px 18px}.stock-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 4px;border-bottom:1px solid var(--line)}.stock-row div{min-width:0}.stock-row strong,.stock-row small{display:block}.stock-row small{font-size:11px;color:var(--muted);margin-top:2px}
.stack{display:grid;gap:14px;padding:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid h3{margin:8px 0 0}.span-2{grid-column:1/-1}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:grid;gap:6px;font-size:12px;font-weight:750;color:#4b556d}input,select,textarea{width:100%;border:1px solid #d9deea;border-radius:11px;background:#fff;padding:11px 12px;color:var(--text);outline:none;transition:.15s}input:focus,select:focus,textarea:focus{border-color:#8da0f8;box-shadow:0 0 0 3px rgba(52,89,230,.10)}textarea{resize:vertical}.check{grid-template-columns:auto 1fr;align-items:center;justify-content:start;gap:8px}.check input{width:auto}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid transparent;border-radius:11px;font-weight:750;font-size:12px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary2)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:#fff;border-color:var(--line);color:#344056}.btn-light{background:#fff;color:#2f48b8}.btn-block{width:100%}.filter-bar{padding:15px 18px;display:grid;grid-template-columns:minmax(180px,1fr) 190px auto;gap:9px;border-bottom:1px solid var(--line)}
.alert{margin:14px 0;border-radius:12px;padding:12px 14px;font-size:12px;font-weight:650;border:1px solid}.alert-success{background:#eefaf5;color:#087a53;border-color:#cceee0}.alert-danger{background:#fff1f2;color:#a62b3b;border-color:#f3cfd4}.alert-warning{background:#fff8e8;color:#9a5c06;border-color:#f4e0ad}.alert-info{background:#eef5ff;color:#315a97;border-color:#d5e3f6}
.report-tools{margin-bottom:18px}.report-filter{padding:18px;display:grid;grid-template-columns:1.2fr repeat(3,.85fr) auto;gap:10px;align-items:end}.report-actions{padding:0 18px 18px;display:flex;flex-wrap:wrap;gap:8px}.btn-whatsapp{background:#1f8f55;color:#fff;border-color:#1f8f55}.btn-whatsapp:hover{filter:brightness(.96)}.whatsapp-preview{margin:0 18px 18px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#f8fafc}.whatsapp-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.whatsapp-preview-head>div{display:grid;gap:3px}.whatsapp-preview-head strong{font-size:13px;color:var(--text)}.whatsapp-preview-head span{font-size:11px;color:var(--muted)}.whatsapp-preview textarea{min-height:230px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.55;background:#fff}.report-sheet{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:34px;max-width:900px;margin:0 auto}.report-title{text-align:center;padding-bottom:22px;border-bottom:2px solid #202b42}.report-title h2{font-size:25px;margin:6px 0}.report-title p{margin:0;color:var(--muted);font-size:12px}.report-group{margin-top:28px}.report-group h3{font-size:15px;text-transform:uppercase;letter-spacing:.09em;border-left:4px solid var(--primary);padding-left:10px}.report-group table{margin-top:10px}.report-group th,.report-group td{padding:10px 12px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.auth-body{background:radial-gradient(circle at 10% 10%,#e9edff 0,transparent 30%),#f5f7fb;display:grid;place-items:center;padding:25px}.auth-wrap{width:min(950px,100%);min-height:560px;display:grid;grid-template-columns:1.15fr .85fr;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 25px 70px rgba(27,39,78,.14)}.auth-panel{padding:48px;background:linear-gradient(145deg,#111827,#253054);color:#fff;display:flex;flex-direction:column;justify-content:center}.auth-panel .brand{margin-bottom:65px}.auth-panel .eyebrow{color:#aebaff}.auth-panel h1{font-size:38px;line-height:1.06;letter-spacing:-.05em;margin:13px 0 16px}.auth-panel p{color:#b9c2d5;line-height:1.7}.auth-card{padding:48px;display:flex;flex-direction:column;justify-content:center}.auth-card h2,.install-card h1{margin:0 0 8px;font-size:26px}.auth-card .stack{padding:18px 0 0}.brand-dark strong{color:var(--text)}.install-card{width:min(720px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow)}.install-card .brand{margin-bottom:26px}.install-card .form-grid{margin-top:22px}
@media(max-width:1100px){.cards-grid{grid-template-columns:repeat(2,1fr)}.grid-form-list{grid-template-columns:310px minmax(0,1fr)}.report-filter{grid-template-columns:1fr 1fr}.report-filter .btn{grid-column:1/-1}.grid-2{grid-template-columns:1fr}}
@media(max-width:820px){.app-shell{display:block}.sidebar{position:relative;height:auto;padding:15px}.sidebar nav{grid-template-columns:repeat(5,minmax(95px,1fr));overflow:auto}.sidebar-footer{display:none}.brand{margin-bottom:12px}.main{min-width:0}.topbar{padding:20px 18px 12px}.topbar h1{font-size:23px}.content{padding:0 18px 30px}.grid-form-list{grid-template-columns:1fr}.sticky-panel{position:static}.filter-bar{grid-template-columns:1fr}.auth-wrap{grid-template-columns:1fr}.auth-panel{display:none}.auth-card{padding:34px}.report-sheet{padding:22px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}
@media(max-width:560px){.whatsapp-preview-head{align-items:stretch;flex-direction:column}.whatsapp-preview-head .btn{width:100%}.cards-grid{grid-template-columns:1fr}.value-banner{align-items:flex-start;flex-direction:column}.form-row{grid-template-columns:1fr}.topbar-actions{display:none}.report-filter{grid-template-columns:1fr}.report-actions .btn{width:100%}.install-card{padding:24px}}
@media print{body{background:#fff}.sidebar,.topbar,.no-print{display:none!important}.app-shell{display:block}.content{padding:0}.report-sheet{box-shadow:none;border:0;max-width:none;padding:0}.report-group{break-inside:avoid}.report-title{margin-bottom:16px}}
/* Smart Stock v1.1 */
.brand-logo{width:42px;height:42px;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.18)}.brand-logo img{width:100%;height:100%;object-fit:contain}.badge-danger{background:#fff0f1;color:#b42336}.btn-danger{background:#b42336;color:#fff}.btn-mini{min-height:30px;padding:5px 9px;font-size:10px;border-radius:8px}.five-cards{grid-template-columns:repeat(5,1fr)}.value-banner small{display:block;opacity:.8;margin-top:5px}.banner-actions{display:flex;gap:8px;flex-wrap:wrap}.quick-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:0 0 18px}.quick-actions a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;box-shadow:var(--shadow);display:grid;gap:4px}.quick-actions strong{font-size:13px;color:var(--text)}.quick-actions span{font-size:11px;color:var(--muted)}.filter-advanced{grid-template-columns:minmax(180px,1.4fr) repeat(3,minmax(130px,.8fr)) auto}.compact-filter{grid-template-columns:minmax(240px,1fr) auto}.product-cell{display:flex;align-items:center;gap:10px;min-width:180px}.product-thumb{width:42px;height:42px;border-radius:10px;object-fit:cover;border:1px solid var(--line);background:#f4f6fa;flex:0 0 auto}.product-thumb.placeholder{display:grid;place-items:center;font-size:9px;font-weight:800;color:#9aa3b5}.quick-edit{display:flex;align-items:end;gap:6px;min-width:270px}.quick-edit label{gap:3px}.quick-edit label span{font-size:9px;color:var(--muted);text-transform:uppercase}.quick-edit input{width:90px;padding:8px}.status-stack{display:grid;gap:5px;justify-items:start}.image-preview{height:140px;border:1px dashed #cdd4e1;border-radius:14px;background:#f8fafc;display:grid;place-items:center;overflow:hidden;color:var(--muted);font-size:12px}.image-preview img{width:100%;height:100%;object-fit:contain}.report-filter-v11{grid-template-columns:repeat(4,minmax(140px,1fr));align-items:end}.report-filter-v11 .btn{grid-column:auto}.report-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.report-group-head h3{margin-bottom:8px}.code-sample{background:#111827;color:#dbe6ff;padding:16px;border-radius:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.7;overflow:auto}.mini-cards{padding:18px;grid-template-columns:repeat(4,1fr)}.compact-stack{padding-top:0}.logo-preview{height:120px;border:1px solid var(--line);border-radius:14px;padding:10px;display:grid;place-items:center;background:#fafbfc}.logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.info-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:10px 0}.info-list span{color:var(--muted)}.backup-box{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fafbfc}.backup-box p{margin:6px 0 0;color:var(--muted);font-size:12px}.stock-layout{align-items:start}.sidebar nav{overflow:auto}
@media(max-width:1250px){.five-cards{grid-template-columns:repeat(3,1fr)}.quick-actions{grid-template-columns:repeat(3,1fr)}.filter-advanced{grid-template-columns:1fr 1fr}.filter-advanced .btn{grid-column:1/-1}.report-filter-v11{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.five-cards,.quick-actions{grid-template-columns:repeat(2,1fr)}.report-filter-v11{grid-template-columns:1fr 1fr}.sidebar nav{grid-template-columns:repeat(8,minmax(100px,1fr))}.quick-edit{min-width:250px}}
@media(max-width:560px){.five-cards,.quick-actions,.mini-cards,.report-filter-v11{grid-template-columns:1fr}.filter-advanced{grid-template-columns:1fr}.quick-edit{display:grid;grid-template-columns:1fr 1fr auto;min-width:260px}}

/* Smart Stock Cloud v2.0 */
.reset-box{border-top:1px solid var(--line);background:#fafbfc}.reset-box h3{margin:0;font-size:13px}.inline-reset{display:flex!important;align-items:center;gap:6px}.inline-reset input{width:120px;padding:7px 8px}.tenant-pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#edf1ff;color:#4055b8;font-size:10px;font-weight:800}.api-note{font-size:11px;color:var(--muted)}