*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#eef3f8;color:#122033;max-width:100%;overflow-x:hidden}
body{min-height:100vh}
a{text-decoration:none;color:#0c57d6}img{max-width:100%}
.app-shell{display:flex;min-height:100vh;max-width:100vw;overflow-x:hidden}
.sidebar{width:286px;background:linear-gradient(180deg,#0f2749,#163969);color:#fff;padding:24px;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;min-height:100vh;flex:0 0 286px;transition:transform .22s ease}
.brand{display:flex;align-items:center;gap:12px}.brand img{width:42px;height:42px}.brand strong{display:block;font-size:18px}.brand span{font-size:12px;opacity:.85}
.nav{display:flex;flex-direction:column;gap:8px;flex:1}.nav a{padding:12px 14px;border-radius:12px;color:#dce8ff;font-weight:600;transition:.18s ease}.nav a:hover,.nav a.active{background:rgba(255,255,255,.12);color:#fff}
.sidebar-footer{margin-top:auto;padding-top:10px}.tenant-box{background:rgba(255,255,255,.08);padding:14px;border-radius:14px}.muted-light{color:rgba(220,232,255,.75);font-size:13px}
.main{flex:1;min-width:0;padding:0 28px 28px}.auth-main{display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top,#dce8ff,#eef3f8 45%);padding:28px}
.topbar{width:calc(100% + 56px);margin:0 -28px 24px;min-height:88px;background:linear-gradient(180deg,#163969,#0f2749);color:#fff;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 10px 30px rgba(10,35,70,.18)}
.topbar-left{min-width:0;flex:1}.topbar-title-wrap h1{margin:0;font-size:28px;line-height:1.1;color:#fff}.topbar-subtitle{margin:6px 0 0;color:#c7d8f6;font-size:13px;line-height:1.45}
.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;flex:0 0 auto}.topbar-icon-btn,.user-menu-trigger{width:46px;height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#ffffff;display:flex;align-items:center;justify-content:center;transition:.18s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);cursor:pointer}.topbar-icon-btn:hover,.topbar-icon-btn.active,.user-menu-trigger:hover{background:rgba(255,255,255,.16);transform:translateY(-1px)}.topbar-icon-btn.danger:hover{background:rgba(220,53,69,.22)}.topbar-icon-btn svg,.user-avatar svg,.user-menu-avatar svg{width:22px;height:22px;display:block}.mobile-menu-btn{display:none}
.user-menu{position:relative;margin:0}.user-menu summary{list-style:none;cursor:pointer}.user-menu summary::-webkit-details-marker{display:none}.user-menu[open] .user-menu-trigger{background:rgba(255,255,255,.16)}.user-menu-panel{position:absolute;top:58px;right:0;width:290px;background:#fff;color:#122033;border-radius:18px;box-shadow:0 18px 40px rgba(10,35,70,.24);border:1px solid #e6edf6;padding:16px;z-index:999}.user-menu-head{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #e8eef6;margin-bottom:12px}.user-menu-head strong{display:block;font-size:17px;color:#10233f}.user-menu-head span{display:block;font-size:13px;color:#6b7b90;text-transform:capitalize}.user-menu-avatar{width:46px;height:46px;border-radius:14px;background:#edf4ff;color:#163969;display:flex;align-items:center;justify-content:center;flex:0 0 46px}.user-menu-info{display:flex;flex-direction:column;gap:12px}.user-info-row{display:flex;flex-direction:column;gap:4px}.user-info-row .label{font-size:12px;color:#6a7a90;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.user-info-row .value{font-size:14px;color:#122033;word-break:break-word}
.muted{color:#6a7a90;font-size:13px}.lead{font-size:16px}.alert{padding:14px 16px;border-radius:12px;margin-bottom:18px;font-weight:600}.alert.success{background:#e6f8ee;color:#146c43;border:1px solid #b6e5c9}.alert.error{background:#fdeaea;color:#a62b2b;border:1px solid #f3c4c4}
.card{background:#fff;border-radius:20px;padding:22px;box-shadow:0 10px 30px rgba(15,39,73,.08);margin-bottom:22px;min-width:0}.small-card{padding:16px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.card-head h3{margin:0;font-size:19px}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}.stat-card{background:linear-gradient(180deg,#163969,#0f2749);color:#fff;border-radius:20px;padding:22px;box-shadow:0 12px 30px rgba(10,35,70,.18);min-width:0}.stat-card span{display:block;opacity:.82;font-size:13px;margin-bottom:8px}.stat-card strong{font-size:32px}
.table-wrap{overflow-x:auto;overflow-y:hidden;max-width:100%}.table-wrap table{width:100%;border-collapse:collapse;table-layout:fixed}.table-wrap th,.table-wrap td{padding:14px;border-bottom:1px solid #e7edf5;text-align:left;vertical-align:top;font-size:14px;overflow-wrap:anywhere;word-break:break-word}.table-wrap th{color:#506176;background:#f7faff}.cell-wrap{white-space:normal;overflow-wrap:anywhere;word-break:break-word}.product-col{max-width:0}.sku-col{max-width:0}
.fixed-table-wrap{overflow-x:hidden}.fixed-table-wrap table{width:100%;table-layout:fixed}.fixed-table-wrap th:nth-child(1),.fixed-table-wrap td:nth-child(1){width:36%}.fixed-table-wrap th:nth-child(2),.fixed-table-wrap td:nth-child(2){width:20%}.fixed-table-wrap th:nth-child(3),.fixed-table-wrap td:nth-child(3){width:18%}.fixed-table-wrap th:nth-child(4),.fixed-table-wrap td:nth-child(4){width:12%}.fixed-table-wrap th:nth-child(5),.fixed-table-wrap td:nth-child(5){width:14%}.compact-table-wrap table{table-layout:auto}
.split-grid{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:20px;align-items:start}.products-split-grid{grid-template-columns:minmax(300px,360px) minmax(0,1fr)}.dashboard-split-grid{grid-template-columns:minmax(280px,380px) minmax(0,1fr)}.labels-split-grid{grid-template-columns:minmax(320px,420px) minmax(0,1fr)}.reports-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.form-grid{display:grid;gap:16px}.two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.three-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field label{font-weight:700;font-size:14px;color:#2b3f5a}.field input,.field textarea,.field select{width:100%;padding:13px 14px;border:1px solid #d7e0ea;border-radius:12px;background:#fff;font-size:14px;color:#122033;outline:none}.field textarea{min-height:96px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#0c57d6;box-shadow:0 0 0 3px rgba(12,87,214,.12)}.full{grid-column:1/-1}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 16px;font-weight:700;cursor:pointer;background:#dde8f8;color:#163969;text-align:center}.btn.primary{background:linear-gradient(180deg,#1f64da,#0c57d6);color:#fff}.btn.danger{background:#c83c3c;color:#fff}.btn.small{padding:8px 12px;font-size:12px}.btn.disabled{pointer-events:none;opacity:.55}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.actions-stack-mobile form{margin:0}
.badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#eef4ff;color:#163969;font-weight:700;font-size:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}
.label-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.label-option-card{border:1px solid #d7e0ea;border-radius:16px;padding:16px;background:#f7faff}.label-option-card h4{margin:0 0 8px;font-size:16px}.label-option-card p{margin:0 0 12px;color:#5b6c82;font-size:14px}
.modal-backdrop{position:fixed;inset:0;background:rgba(8,20,40,.55);z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}.modal-card{width:min(100%,640px);background:#fff;border-radius:22px;box-shadow:0 18px 50px rgba(8,20,40,.28);padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.modal-head h3{margin:0;color:#122033;font-size:22px}.modal-close{width:40px;height:40px;border-radius:12px;border:0;background:#eef3f8;color:#10233f;font-size:24px;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:10px}
.products-list-card{min-width:0;overflow:hidden}.products-card-head,.products-filter-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}.products-toolbar-actions{justify-content:flex-end;gap:10px;flex-wrap:wrap}.products-filter-grid{grid-template-columns:minmax(200px,1.5fr) minmax(170px,.9fr) minmax(130px,160px) auto;margin-bottom:18px}.products-filter-grid .field{min-width:0}.products-filter-actions{align-self:end;justify-content:flex-end;gap:10px;flex-wrap:wrap}.products-filter-actions .btn{min-width:92px}.pagination-wrap{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px;flex-wrap:wrap}
.dashboard-card-table{max-height:255px}.limited-scroll-table{overflow-y:auto}.limited-scroll-table table tbody tr{height:64px}
.selection-actions{justify-content:space-between}.check-inline{display:flex;align-items:center;gap:8px;font-weight:700;color:#2b3f5a}.product-check-list{display:grid;gap:10px;max-height:420px;overflow:auto;padding-right:4px}.product-check-item{display:grid;grid-template-columns:20px 1fr;gap:8px;padding:10px 12px;border:1px solid #d7e0ea;border-radius:12px;background:#f7faff}.product-check-item small{grid-column:2;color:#6a7a90;overflow-wrap:anywhere}.product-check-name{font-weight:700;color:#122033;overflow-wrap:anywhere}
.ai-answer{white-space:normal;overflow-wrap:anywhere;word-break:break-word}
@media print{@page{size:A4 portrait;margin:10mm}body{background:#fff!important}.no-print{display:none!important}}
@media (max-width:1260px){.products-split-grid{grid-template-columns:minmax(280px,330px) minmax(0,1fr)}.products-filter-grid{grid-template-columns:minmax(180px,1fr) minmax(150px,.8fr) minmax(120px,140px) auto}.products-card-head{grid-template-columns:1fr}.products-toolbar-actions{justify-content:flex-start}}
@media (max-width:1180px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-grid,.products-split-grid,.dashboard-split-grid,.labels-split-grid{grid-template-columns:1fr}.reports-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.products-card-head,.products-filter-grid{grid-template-columns:1fr}.products-toolbar-actions,.products-filter-actions{justify-content:flex-start}.fixed-table-wrap{overflow-x:auto}.fixed-table-wrap table,.table-wrap table{table-layout:auto}.fixed-table-wrap th,.fixed-table-wrap td{width:auto !important}}
@media (max-width:900px){body.sidebar-open .sidebar{transform:translateX(0)}body.sidebar-open::before{content:"";position:fixed;inset:0;background:rgba(5,17,35,.38);z-index:98}.sidebar{position:fixed;left:0;bottom:0;z-index:99;transform:translateX(-100%);width:min(82vw,300px);min-height:100vh}.main{padding:0 14px 20px}.topbar{width:calc(100% + 28px);margin:0 -14px 18px;padding:14px;min-height:76px;align-items:flex-start}.topbar-title-wrap h1{font-size:24px}.topbar-subtitle{font-size:12px}.topbar-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}.topbar-icon-btn,.user-menu-trigger{width:42px;height:42px;border-radius:12px}.mobile-menu-btn{display:flex}.stats-grid{grid-template-columns:1fr}.two-cols,.three-cols,.label-options{grid-template-columns:1fr}.products-filter-grid{grid-template-columns:1fr}.actions-stack-mobile{flex-direction:column;align-items:flex-start}.user-menu-panel{right:0;width:min(92vw,290px)}.product-col,.sku-col{max-width:none}.dashboard-card-table{max-height:230px}}
@media (max-width:640px){.card{padding:16px;border-radius:16px}.card-head h3{font-size:18px}.topbar-title-wrap h1{font-size:22px}.stat-card strong{font-size:28px}.table-wrap th,.table-wrap td{padding:10px;font-size:13px}.btn{width:100%}.actions .btn{width:auto}.products-toolbar-actions form,.products-toolbar-actions a,.products-filter-actions a,.products-filter-actions button{width:100%}.pagination-wrap{justify-content:flex-start}.zenvyx-wa-float{right:12px;bottom:12px}}


.receipts-grid{display:grid;gap:20px}
.receipts-entry-card .card-head{align-items:flex-start;flex-wrap:wrap}
.receipts-qr-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #d7e0ea;border-radius:18px;background:#f7faff;min-width:220px;max-width:280px}
.receipts-qr-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.receipts-qr-copy strong{font-size:15px;color:#163969}.receipts-qr-copy span{font-size:12px;color:#5b6c82}
.receipts-qr-link{width:72px;height:72px;flex:0 0 72px;border-radius:14px;overflow:hidden;border:1px solid #d7e0ea;background:#fff;display:flex;align-items:center;justify-content:center}
.receipts-qr-link img{display:block;width:100%;height:100%;object-fit:cover}
.receipts-lines-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:6px}.receipts-lines-head h4{margin:0;font-size:18px;color:#122033}
.receipts-lines-wrap{display:grid;gap:10px}
.receipts-line-grid{display:grid;grid-template-columns:minmax(240px,2.1fr) minmax(120px,.8fr) minmax(140px,.9fr) minmax(180px,1.3fr) 110px;gap:12px;align-items:end}
.receipts-line-head{padding:0 4px;font-size:13px;font-weight:800;color:#506176}
.receipts-line-row{padding:14px;border:1px solid #e7edf5;border-radius:16px;background:#f9fbfe}
.receipts-line-row .field{gap:6px}.receipts-line-action .btn{width:100%}
.receipts-nf-shell{display:grid;gap:20px}
.receipts-nf-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:18px;align-items:stretch}
.receipts-nf-hero-copy h3{margin:12px 0 8px;font-size:28px;color:#122033}.receipts-nf-hero-copy p{margin:0;line-height:1.65}
.receipts-nf-hero-meta{display:grid;gap:12px}.receipts-nf-mini{display:grid;gap:8px;background:#f7faff;border:1px solid #d7e0ea}.receipts-nf-mini strong{font-size:14px;color:#163969}.receipts-nf-mini span{font-size:13px;color:#5b6c82;line-height:1.5}
.receipts-nf-grid{display:grid;grid-template-columns:minmax(320px,440px) minmax(0,1fr);gap:20px}
.receipts-nf-note{display:grid;gap:6px;background:#f7faff;border:1px solid #d7e0ea}.receipts-nf-note strong{font-size:14px;color:#163969}.receipts-nf-note span{font-size:13px;color:#5b6c82}
@media (max-width:1180px){.receipts-nf-grid,.receipts-nf-hero{grid-template-columns:1fr}.receipts-line-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.receipts-entry-card .card-head{flex-direction:column;align-items:stretch}.receipts-qr-card{max-width:none}.receipts-line-head{display:none}.receipts-line-grid{grid-template-columns:1fr}.receipts-line-row{padding:12px}.receipts-line-action .btn{width:100%}.receipts-lines-head .btn{width:auto}.receipts-nf-hero-copy h3{font-size:24px}}
@media (max-width:640px){.receipts-qr-card{padding:10px 12px}.receipts-qr-link{width:64px;height:64px;flex-basis:64px}.receipts-lines-head{align-items:flex-start}.receipts-lines-head .btn{width:100%}.receipts-line-row{gap:10px}.receipts-nf-hero-copy h3{font-size:22px}}
