:root{--blue: #0b6bff;--blue-hover: #0057d9;--navy: #001b3f;--navy-2: #002b5c;--bg: #f5f7fb;--card: #fff;--text: #071633;--muted: #64748b;--green: #16a34a;--orange: #f97316;--red: #ef4444;--border: #e2e8f0;--shadow: 0 14px 34px rgba(15, 23, 42, .08)}:root.dark{--bg: #07111f;--card: #0d1b2f;--text: #edf4ff;--muted: #a8b6cc;--border: #24344d;--shadow: 0 18px 42px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,body,#root{max-width:100%;overflow-x:hidden}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}button,input,select{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.55;cursor:not-allowed}.admin-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:272px;padding:28px 20px;display:flex;flex-direction:column;background:radial-gradient(circle at 30% 0,#043a77,transparent 42%),linear-gradient(165deg,#001633,#002b5c 58%,#001733);color:#fff;z-index:10}.brand{display:flex;align-items:center;gap:14px;margin-bottom:34px}.brand-icon{width:54px;height:54px;border-radius:8px;background:linear-gradient(135deg,#0b6bff,#0753e8);display:grid;place-items:center;color:#fff;box-shadow:0 10px 24px #0b6bff59}.brand strong{display:block;font-size:20px;letter-spacing:.02em}.brand span{display:block;margin-top:3px;color:#dce8ff;font-size:13px}.sidebar nav{display:grid;gap:8px;overflow:auto;padding-right:4px}.sidebar nav a{display:flex;align-items:center;gap:14px;min-height:44px;padding:0 14px;border-radius:7px;color:#f4f8ff;font-weight:650}.sidebar nav a.active,.sidebar nav a:hover{background:linear-gradient(135deg,#0b6bff,#0057f5);color:#fff}.sidebar-bottom{margin-top:auto}.connection{position:relative;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(226,232,240,.3);border-radius:8px;background:#ffffff0a}.connection span{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:#0ac96f}.connection strong,.connection small{display:block}.connection small,.sidebar-bottom p{color:#d2def1}.connection i{position:absolute;right:14px;width:7px;height:7px;border-radius:999px;background:#00d37a}.sidebar-bottom p{margin:28px 0 0}.main{margin-left:272px;min-width:0;flex:1}.topbar{position:sticky;top:0;height:68px;z-index:8;display:flex;align-items:center;gap:20px;padding:0 28px;background:color-mix(in srgb,var(--card) 96%,transparent);border-bottom:1px solid var(--border);box-shadow:0 4px 18px #0f172a0a}.topbar-title{display:flex;align-items:center;gap:14px;min-width:0}.topbar-title strong{font-size:20px;white-space:nowrap}.topbar-search{max-width:480px;margin-right:auto}.global-search-wrap{position:relative;width:min(480px,42vw);margin-right:auto}.global-search-wrap .topbar-search{width:100%;max-width:none}.global-results,.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:30;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);padding:8px}.global-results button,.dropdown-menu button{width:100%;border:0;border-radius:6px;background:var(--card);text-align:left;padding:10px;display:grid;gap:2px;color:var(--text)}.global-results button:hover,.dropdown-menu button:hover{background:color-mix(in srgb,var(--blue) 12%,var(--card))}.global-results span{color:var(--muted);font-size:12px}.global-results p{margin:8px;color:var(--muted)}.dropdown-wrap{position:relative}.dropdown-menu{min-width:150px;left:auto}.topbar-actions{display:flex;align-items:center;gap:14px;margin-left:auto}.admin strong,.admin small{display:block}.admin small{color:var(--muted)}.avatar{width:38px;height:38px;border-radius:999px;background:var(--blue);display:grid;place-items:center;color:#fff;font-weight:800}.bell{position:relative;border:0;background:transparent;color:var(--text)}.bell span{position:absolute;top:-8px;right:-7px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:#ef1f25;color:#fff;font-size:11px;font-weight:800}.content{padding:28px;min-width:0}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.page-card,.form-card,.table-card,.filters-card{padding:28px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.page-head-left{display:flex;align-items:center;gap:16px}.page-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:8px;color:#fff;background:linear-gradient(135deg,#0b6bff,#0057df)}h1,h2,h3,p{margin-top:0}.page-header h1{margin-bottom:4px;font-size:clamp(25px,2.1vw,36px)}.page-header p,.card p{color:var(--muted)}.primary-btn,.dark-btn,.outline-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 18px;border-radius:7px;border:1px solid transparent;font-weight:750}.primary-btn{background:var(--blue);color:#fff}.primary-btn:hover{background:var(--blue-hover)}.dark-btn{background:#041431d1;color:#fff;border-color:#ffffff4d}.outline-btn{background:var(--card);color:var(--text);border-color:var(--border)}.full{width:100%}.icon-btn,.action-row button,.qr-btn,.theme-toggle{width:42px;height:42px;border:1px solid var(--border);border-radius:7px;background:var(--card);color:var(--blue);display:inline-grid;place-items:center}.danger-icon-btn,.card-delete{width:38px;height:38px;border:1px solid color-mix(in srgb,var(--red) 28%,var(--border));border-radius:7px;background:color-mix(in srgb,var(--red) 8%,var(--card));color:var(--red);display:inline-grid;place-items:center}.danger-icon-btn:hover,.card-delete:hover{background:var(--red);color:#fff}.danger-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:7px;border:1px solid #dc2626;background:#ef4444;color:#fff;font-weight:800}.danger-btn:hover{background:#dc2626}.copy-inline{border:0;background:transparent;color:var(--blue);display:inline-grid;place-items:center;padding:2px}.search{height:46px;display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:var(--card);border-radius:7px;padding:0 14px;color:var(--muted)}.search input{width:100%;border:0;outline:0;min-width:0;color:var(--text);background:transparent}select,input{height:42px;border:1px solid var(--border);border-radius:7px;padding:0 12px;background:var(--card);color:var(--text);outline:0}textarea{border:1px solid var(--border);border-radius:7px;padding:10px 12px;background:var(--card);color:var(--text);outline:0}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 78%,var(--text));opacity:1}.hero{position:relative;min-height:clamp(260px,22vw,320px);width:100%;border-radius:10px;padding:clamp(28px,3.1vw,38px);overflow:hidden;display:flex;align-items:center;justify-content:flex-start;color:#fff;background:#00152f url(/images/dashboard-banner.png) right center / cover no-repeat;box-shadow:var(--shadow);isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000e22fc,#00122bfc 44%,#00183ad1 58%,#00183a3d 78%,#00183a0a);pointer-events:none;z-index:0}.hero-content{position:relative;z-index:1;max-width:700px}.hero h1{max-width:700px;margin-bottom:12px;font-size:clamp(32px,3.2vw,46px);line-height:1.08;letter-spacing:0}.hero h1 span{color:#2f86ff}.hero p{max-width:620px;color:#f2f7ffe0;font-size:clamp(16px,1.2vw,18px);line-height:1.45}.hero-actions{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap}.hero .primary-btn,.hero .dark-btn{min-height:52px;padding:0 24px;font-size:16px;box-shadow:none}.hero .dark-btn{background:#02112a6b;border-color:#ffffff9e;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero .dark-btn:hover{background:#02112aa8;border-color:#ffffffd1;color:#fff}.stats-grid{display:grid;gap:14px;margin:16px 0}.stats-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.stats-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.stat-card{min-height:100px;padding:16px;display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.stat-card span{display:block;color:var(--muted);font-size:13px;font-weight:700}.stat-card strong,.stat-value{display:block;margin-top:4px;font-size:25px;font-weight:800;color:var(--text)}.stat-card small{color:var(--muted)}.date-time-value{display:grid;gap:2px;line-height:1.1}.date-time-value strong{margin:0;font-size:18px;color:var(--text)}.date-time-value small{font-size:13px;color:var(--muted)}.stat-icon{width:44px;height:44px;border-radius:8px;display:grid;place-items:center;color:#fff;background:var(--blue);flex:0 0 auto}.stat-icon.green{background:#06b557}.stat-icon.orange{background:#ff7900}.stat-icon.purple{background:#7637e8}.stat-icon.cyan{background:#16b9c0}.dashboard-grid{display:grid;grid-template-columns:1.05fr 1.15fr 1.1fr;gap:14px}.dashboard-grid .card,.full{padding:16px}.progress-content{display:flex;gap:26px;align-items:center}.progress-content ul,.divergence ul{list-style:none;padding:0;margin:0;display:grid;gap:12px;flex:1}.progress-content li{display:grid;grid-template-columns:1fr auto auto;gap:16px;color:var(--muted)}.donut{width:145px;height:145px;border-radius:50%;background:conic-gradient(var(--blue) var(--p),#e9edf4 0);display:grid;place-items:center;flex:0 0 auto}.donut:before{content:"";position:absolute}.donut>div{width:88px;height:88px;border-radius:50%;background:var(--card);display:grid;place-items:center;text-align:center}.donut strong{font-size:26px}.donut span{display:block;color:var(--muted);font-size:12px}.donut.small{width:112px;height:112px}.donut.small>div{width:70px;height:70px}.progress-line{height:8px;border-radius:999px;background:#e8edf5;overflow:hidden;min-width:70px}.progress-line span{display:block;height:100%;border-radius:inherit;background:var(--blue)}.feed-row,.employee-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.feed-row span,.employee-row span{display:block;color:var(--muted);font-size:12px}.feed-row time{color:#26395f;font-size:12px}.mini-product,.soft-avatar{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;background:#dbeafe;color:var(--blue);font-weight:800}.soft-avatar.large{width:54px;height:54px;font-size:20px}.employee-row i{width:8px;height:8px;border-radius:999px;background:var(--green)}.card-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:var(--blue);font-weight:750}.full{margin-top:14px}.table-wrap{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:7px}table{width:100%;min-width:900px;border-collapse:collapse}th,td{padding:14px 16px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}th{background:color-mix(in srgb,var(--bg) 72%,var(--card));color:var(--text);font-size:13px}tbody tr:hover{background:color-mix(in srgb,var(--blue) 7%,var(--card))}.badge{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:7px;font-weight:750;font-size:13px;white-space:nowrap}.badge span{width:7px;height:7px;border-radius:999px;background:currentColor}.badge.success{color:#008a3b;background:#e8f8ef;border:1px solid #c7efd7}.badge.warning{color:#f97316;background:#fff3e8;border:1px solid #fed7aa}.badge.danger{color:var(--red);background:#fee2e2}.badge.info{color:var(--blue);background:#e8f1ff}.badge.neutral{color:#475569;background:#eef2f7}.pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;color:#293d60}.pagination div{display:flex;gap:8px;align-items:center}.pagination button{min-width:38px;height:38px;border-radius:7px;border:1px solid var(--border);background:#fff;display:inline-flex;align-items:center;justify-content:center}.pagination button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.pagination .per-page{min-width:150px;gap:8px}.per-page-select{height:38px;min-width:132px}.progress-cell{display:flex;align-items:center;gap:10px}.client-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px}.client-card{position:relative}.client-card-body{display:flex;gap:18px;align-items:flex-start}.card-delete{position:absolute;right:12px;top:12px;z-index:2;opacity:.78}.client-card:hover .card-delete{opacity:1}.client-card{min-height:150px;display:flex;gap:18px;padding:22px;border:1px solid var(--border);border-radius:8px;background:var(--card)}.clickable:hover{border-color:var(--blue);box-shadow:0 10px 28px #0b6bff1f}.client-card h3{margin-bottom:8px;font-size:16px}.client-card p{margin:0 0 8px;color:var(--muted)}.client-card strong{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:#079447}.form-card{max-width:1200px;margin:0 auto}.form-section{margin-top:14px;padding:16px;border:1px solid var(--border);border-radius:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}label{font-weight:700;color:var(--text)}label input,label select{display:block;width:100%;margin-top:8px}.field-error{display:block;margin-top:6px;color:var(--red);font-size:12px;font-weight:700}.span-2{grid-column:span 2}.switch-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:8px 0}.switch-icon{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;color:var(--blue);background:#edf4ff}.switch-row span{display:block;color:var(--muted);font-size:13px}.switch input{display:none}.switch i{display:block;width:50px;height:28px;border-radius:999px;background:#cbd5e1;position:relative}.switch i:after{content:"";width:22px;height:22px;border-radius:50%;position:absolute;top:3px;left:3px;background:#fff;box-shadow:0 2px 6px #00000026;transition:.2s}.switch input:checked+i{background:var(--blue)}.switch input:checked+i:after{left:25px}.inventory-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.inventory-head h1{font-size:30px;margin:0}.inventory-head p{display:flex;align-items:center;gap:8px;color:#26395f}.progress-stat{gap:18px}.tabs{display:flex;border-bottom:1px solid var(--border);margin:-28px -28px 22px;padding:0 20px;overflow-x:auto}.tabs button{min-width:140px;height:48px;border:0;background:transparent;color:#405270;font-weight:750;border-bottom:3px solid transparent}.tabs button.active{color:var(--blue);border-color:var(--blue)}.table-toolbar,.filters-row{display:flex;align-items:center;gap:14px;margin-bottom:18px;min-width:0}.table-toolbar h2{margin:0 auto 0 0;font-size:20px}.filters-row .search{flex:1}.filters-row select{min-width:210px}.products-filters .search{min-width:min(420px,100%)}.filters-panel{margin:-6px 0 18px;padding:12px 14px;border:1px solid #cfe0ff;border-radius:8px;background:#f5f9ff;color:#26395f}.filters-panel p{margin:0}.empty{min-height:320px;display:grid;place-items:center;align-content:center;color:var(--muted);text-align:center}.person{display:flex;align-items:center;gap:14px}.action-row,.pending-actions{display:flex;gap:10px}.total{margin:16px 0 0;font-size:16px}.total strong{color:var(--blue)}.pending-actions button{border:0;border-radius:6px;color:#fff;padding:8px 12px;font-weight:800}.pending-actions button:nth-child(1){background:var(--blue)}.pending-actions button:nth-child(2){background:var(--green)}.pending-actions button:nth-child(3){background:var(--red)}.report-grid{display:grid;grid-template-columns:1.1fr 1.1fr .92fr;gap:18px}.report-grid .card,.finish-card{padding:26px}.report-grid h3{display:flex;align-items:center;gap:10px;font-size:19px}.report-line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid var(--border)}.dot{width:38px;height:38px;border-radius:999px;display:grid;place-items:center}.dot.blue{background:#dbeafe;color:var(--blue)}.dot.green{background:#dcfce7;color:var(--green)}.dot.purple{background:#ede9fe;color:#7c3aed}.dot.orange{background:#ffedd5;color:var(--orange)}.dot.red{background:#fee2e2;color:var(--red)}.report-line p{margin:0}.report-line strong{font-size:21px}.divergence{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:22px}.divergence h3,.divergence .hint{grid-column:1 / -1}.divergence li{display:flex;align-items:center;gap:10px}.divergence li strong{margin-left:auto}.blue-dot,.green-dot,.orange-dot{width:10px;height:10px;border-radius:999px}.blue-dot{background:var(--blue)}.green-dot{background:var(--green)}.orange-dot{background:var(--orange)}.hint{padding:12px;background:#eff6ff;border-radius:7px}.export-card button{width:100%;min-height:104px;margin-top:18px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;gap:0 16px;text-align:left;padding:18px;border:1px solid var(--border);border-radius:8px;background:#fff}.export-card button svg:first-child{grid-row:span 2;width:46px;height:46px;color:var(--green)}.export-card button:nth-of-type(2) svg:first-child{color:var(--red)}.export-card button strong{font-size:22px}.export-card button span{color:var(--muted)}.finish-card{margin-top:18px;text-align:center}.finish-card button{width:min(100%,1120px);height:58px;border:0;border-radius:7px;background:var(--green);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:22px;font-weight:850}.finish-card p{margin:18px 0 0}.finish-card button:disabled{background:#0e9f4e}.toast{position:fixed;right:24px;bottom:24px;z-index:80;min-height:44px;display:inline-flex;align-items:center;gap:10px;padding:0 16px;border-radius:8px;color:#fff;box-shadow:var(--shadow);font-weight:800}.toast.success{background:var(--green)}.toast.info{background:var(--blue)}.toast.warning{background:var(--orange)}.toast.danger{background:var(--red)}.modal-backdrop{position:fixed;inset:0;z-index:70;background:#0716336b;display:grid;place-items:center;padding:18px}.modal{width:min(560px,100%);background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:0 24px 60px #07163340;padding:20px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.modal-head h3{margin:0}.modal-body{display:grid;gap:14px}.product-form{grid-template-columns:repeat(2,minmax(0,1fr))}.product-form label{display:grid;gap:7px;font-weight:750}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.qr-modal-body{gap:16px}.qr-details{display:grid;gap:6px;padding:12px;border:1px solid var(--border);border-radius:8px;background:#f8fbff}.qr-details p{margin:0}.qr-code-box{display:grid;place-items:center;padding:18px;border:1px solid var(--border);border-radius:10px;background:#fff}.qr-code-box canvas{width:220px;height:220px}.qr-actions{flex-wrap:wrap}.qr-actions button{min-height:42px}:root.dark .qr-details{background:#111f35}.scanner-modal{width:min(620px,100%)}.scanner-modal-body{gap:16px}.scanner-preview{position:relative;overflow:hidden;aspect-ratio:4 / 3;border:1px solid var(--border);border-radius:10px;background:#020617;display:grid;place-items:center}.scanner-preview video{width:100%;height:100%;object-fit:cover}.scanner-frame{position:absolute;width:min(72%,280px);aspect-ratio:2.8 / 1;border:2px solid #37f29b;border-radius:8px;box-shadow:0 0 0 999px #00000047}.scanner-status{margin:0;color:var(--muted)}.scanner-detected{margin:0;color:var(--green);font-weight:850}.scanner-test-hooks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}:root.dark .scanner-preview{border-color:#355070}.summary-grid{display:grid;grid-template-columns:1.1fr 1.1fr .8fr;gap:16px}.inner-card{padding:18px;box-shadow:none}.activity-list{display:grid;gap:10px}.activity-line{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);color:#26395f}.activity-line span{margin-left:auto;color:var(--muted);font-size:12px}.mini-stats{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid var(--border)}.mini-stats strong{font-size:26px}.settings-grid,.web-mobile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.settings-card{display:grid;gap:12px;padding:18px;border:1px solid var(--border);border-radius:8px;background:#fff}.compat-card{display:grid;gap:8px;color:var(--blue)}.compat-card span{color:var(--muted)}.integration-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.75fr);gap:16px;align-items:stretch;margin-bottom:20px}.integration-card{display:flex;flex-direction:column;gap:14px}.integration-card h3{display:flex;align-items:center;gap:10px;margin:0}.integration-card ol{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:6px}.main-import .action-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;align-items:stretch}.main-import .action-row button,.main-import .file-input{width:100%;min-height:48px;justify-content:center}.import-steps{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding-left:22px}.main-import{grid-row:span 3}.file-input{min-height:42px;border:1px dashed var(--border);border-radius:7px;padding:10px 12px;color:var(--blue);background:var(--card);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.file-input input{display:none}.import-summary{display:flex;flex-wrap:wrap;gap:8px}.inline-info{border:1px solid var(--border);background:var(--soft-blue);color:var(--text);border-radius:7px;padding:10px 12px}.mobile-app{min-height:100vh;max-width:430px;margin:0 auto;color:#fff;background:radial-gradient(circle at 70% 12%,#073e83,transparent 34%),linear-gradient(160deg,#001229,#002b5c 70%,#001b3f);padding-bottom:100px;position:relative}.mobile-app header{display:flex;align-items:center;justify-content:space-between;padding:34px 24px 18px}.mobile-app header button{background:transparent;border:0;color:#d7e5ff}.mobile-app .brand{margin:0;gap:10px}.mobile-app .brand-icon{width:52px;height:52px}.mobile-app main{padding:0 22px}.mobile-app h1{margin:22px 0 20px;font-size:31px}.mobile-badges{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:28px}.mobile-badges>span{padding:10px 16px;border-radius:8px;background:var(--blue);font-size:19px;font-weight:850;white-space:nowrap}.mobile-badges .badge{min-height:46px;padding-inline:14px;font-size:18px}.mobile-card,.mobile-list{border:1px solid rgba(148,181,226,.32);border-radius:10px;background:#011e46b8;box-shadow:inset 0 1px #ffffff0f}.mobile-card{padding:22px}.mobile-card h2,.mobile-list-head h2{margin:0 0 12px;font-size:25px}.mobile-card p{color:#e7efff;font-size:18px}.mobile-error{border-color:#ef44448c;background:#500c1ea8}.mobile-card label{height:90px;display:flex;align-items:center;gap:12px;padding:0 18px;background:#fff;border-radius:10px;color:#071633}.mobile-card input{height:auto;border:0;flex:1;font-size:28px;padding:0}.mobile-card label svg{color:#071633;width:38px;height:38px}.scanner-btn{border:0;background:transparent;color:#071633;display:grid;place-items:center;padding:0}.mobile-card strong{display:block;margin:22px 0 12px;color:#fff;font-size:21px}.mobile-product-preview{border:1px solid rgba(22,163,74,.35);background:#16a34a1f;color:#effff5;border-radius:12px;padding:12px;display:grid;gap:5px;margin:12px 0}.mobile-product-preview h3{margin:0;font-size:18px}.mobile-product-preview p{margin:0;color:#ffffffc7;font-size:13px}.mobile-product-preview.missing{border-color:#f9731673;background:#f9731624}.qty{height:76px;display:grid;grid-template-columns:76px 1fr 76px;align-items:center;border:1px solid rgba(148,181,226,.36);border-radius:12px;margin-bottom:20px}.qty button{width:64px;height:64px;margin:5px;border-radius:10px;border:1px solid rgba(148,181,226,.34);background:#0b6bff24;color:#fff}.qty span{text-align:center;font-size:30px;font-weight:800}.mobile-list-head{display:flex;justify-content:space-between;align-items:center;margin:26px 0 12px}.mobile-list-head a{color:#2394ff;font-size:17px}.mobile-list article{min-height:101px;display:grid;grid-template-columns:76px 1fr auto auto auto;align-items:center;gap:12px;padding:14px;border-bottom:1px solid rgba(148,181,226,.2)}.mobile-list article:last-child{border-bottom:0}.product-thumb{position:relative;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#f8fafc;color:var(--blue)}.product-thumb>svg{width:34px;height:34px}.product-thumb span{position:absolute;right:-2px;bottom:-2px;width:26px;height:26px;border-radius:50%;background:#1ed45e;color:#fff;display:grid;place-items:center}.mobile-list h3{margin:0 0 5px;font-size:17px}.mobile-list p{margin:0;color:#d8e6ff}.mobile-list strong{white-space:nowrap}.mobile-list time{color:#3cf08d;font-weight:800}.mobile-list .missing h3,.mobile-list .missing time{color:#ff684e}.mobile-list .missing .product-thumb{color:var(--orange)}.mobile-list .missing .product-thumb span{background:var(--orange)}.mobile-app nav{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(430px,100%);height:84px;display:grid;grid-template-columns:repeat(4,1fr);background:#011c41f5;border:1px solid rgba(148,181,226,.28);border-radius:10px 10px 0 0}.mobile-app nav a{display:grid;place-items:center;align-content:center;gap:5px;color:#c6d5eb}.mobile-app nav a.active{color:var(--blue)}.mobile-app nav svg{width:26px;height:26px}.mobile-drawer{position:fixed;z-index:85;top:0;bottom:0;left:50%;transform:translate(-215px);width:min(320px,82vw);background:#001b3f;border-right:1px solid rgba(255,255,255,.16);padding:24px;display:grid;align-content:start;gap:16px;box-shadow:20px 0 60px #00000052}.mobile-drawer button,.mobile-drawer a{border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:10px;font-weight:800;text-align:left;padding:10px}.mobile-empty{padding:18px;color:#d8e6ff}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,rgba(11,107,255,.22),transparent 32%),linear-gradient(135deg,#001b3f,#021126)}.login-card{width:min(460px,100%);display:grid;gap:16px;padding:34px;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:0 26px 80px #00000047}.login-card .brand-row{color:var(--text);margin-bottom:8px}.login-card h1{margin:0;font-size:30px}.login-card p{margin:0 0 8px;color:var(--muted);line-height:1.45}.login-card label{display:grid;gap:8px;color:var(--text);font-weight:800}.login-card input{height:46px;border:1px solid var(--border);border-radius:8px;padding:0 13px;font:inherit;color:var(--text)}.user-menu{position:absolute;right:22px;top:60px;min-width:140px;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--card);box-shadow:0 18px 44px #0f172a24;z-index:30}.user-menu button{width:100%;border:0;background:transparent;padding:10px 12px;text-align:left;color:var(--text);font-weight:800;border-radius:6px}.user-menu button:hover{background:color-mix(in srgb,var(--blue) 12%,var(--card));color:var(--blue)}.inline-warning,.empty-state{border:1px solid #fed7aa;border-radius:8px;background:#fff7ed;color:#9a3412;padding:12px 14px;font-weight:800}.empty-state{background:#f8fafc;border-color:var(--border);color:var(--muted)}.card-actions{position:absolute;right:12px;top:12px;display:flex;gap:8px;z-index:3}.card-actions .card-delete{position:static}.danger-zone{margin-top:18px;border-color:color-mix(in srgb,var(--red) 35%,var(--border))}:root.dark .topbar,:root.dark .card,:root.dark .page-card,:root.dark .form-card,:root.dark .table-card,:root.dark .filters-card,:root.dark .modal,:root.dark .login-card,:root.dark .settings-card,:root.dark .inner-card{background:var(--card);color:var(--text)}:root.dark input,:root.dark select,:root.dark textarea,:root.dark .search,:root.dark .outline-btn,:root.dark .icon-btn,:root.dark .theme-toggle,:root.dark .qr-btn,:root.dark .pagination button{background:#111f35;color:var(--text);border-color:var(--border)}:root.dark option{background:#111f35;color:var(--text)}:root.dark th{background:#12223a;color:var(--text)}:root.dark td{color:var(--text)}:root.dark tbody tr:hover{background:color-mix(in srgb,var(--blue) 14%,var(--card))}:root.dark .tabs button{color:#b8c7dd}:root.dark .tabs button.active{color:#63a3ff}:root.dark .inventory-head p,:root.dark .feed-row time,:root.dark .pagination,:root.dark .filters-panel,:root.dark .client-card p,:root.dark .page-header p,:root.dark .card p{color:var(--muted)}:root.dark .badge.success{color:#d1fae5;background:#16a34a47;border-color:#86efac73}:root.dark .badge.warning{color:#ffedd5;background:#f9731647;border-color:#fdba7473}:root.dark .badge.danger{color:#fee2e2;background:#ef444442;border-color:#fca5a573}:root.dark .badge.info{color:#dbeafe;background:#0b6bff4d;border-color:#93c5fd7a}:root.dark .badge.neutral{color:#cbd5e1;background:#94a3b824}:root.dark .empty-state{background:#111f35;color:var(--muted)}:root.dark .inline-warning{background:#f9731624;color:#ffbd7a;border-color:#f9731659}:root.dark .filters-panel,:root.dark .hint,:root.dark .qr-details{background:#111f35;color:var(--muted);border-color:var(--border)}:root.dark .export-card button,:root.dark .client-card,:root.dark .global-results button,:root.dark .dropdown-menu button{background:#111f35;color:var(--text);border-color:var(--border)}:root.dark .export-card button:hover,:root.dark .global-results button:hover,:root.dark .dropdown-menu button:hover{background:color-mix(in srgb,var(--blue) 16%,#111f35)}:root.dark .progress-line,:root.dark .donut{background-color:#1b2a42}:root.dark .donut{background:conic-gradient(var(--blue) var(--p),#1b2a42 0)}:root.dark .activity-line,:root.dark .feed-row time,:root.dark .inventory-head p,:root.dark .pagination span{color:var(--muted)}:root.dark .switch-icon,:root.dark .mini-product,:root.dark .soft-avatar{background:#0b6bff2e;color:#8ebcff}:root.dark .dot.blue{background:#0b6bff2e}:root.dark .dot.green{background:#16a34a2e}:root.dark .dot.purple{background:#7c3aed2e}:root.dark .dot.orange{background:#f973162e}:root.dark .dot.red{background:#ef44442e}@media(max-width:1200px){.stats-grid.six,.stats-grid.five{grid-template-columns:repeat(3,1fr)}.dashboard-grid,.report-grid{grid-template-columns:1fr}.client-grid{grid-template-columns:repeat(2,1fr)}.hero{min-height:260px;background-position:center right 38%}.hero h1,.hero p{max-width:620px}.global-search-wrap{display:none}.summary-grid,.settings-grid,.web-mobile-grid,.integration-grid{grid-template-columns:1fr}}@media(max-width:820px){.sidebar{transform:translate(-100%)}body.show-sidebar .sidebar{transform:translate(0)}.main{margin-left:0}.topbar-search,.global-search-wrap,.admin{display:none}.content{padding:18px}.hero{min-height:330px;align-items:flex-end;padding:24px;background-position:center right 32%;background-repeat:no-repeat;background-size:cover}.hero:before{background:linear-gradient(180deg,#000d2347,#000d23e6 54%,#000d23fa)}.hero-content{max-width:100%}.hero-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:22px}.hero .primary-btn,.hero .dark-btn{width:100%;justify-content:center;min-height:48px;padding:0 16px}.stats-grid.six,.stats-grid.five,.client-grid,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.table-toolbar,.filters-row,.page-header,.inventory-head{flex-direction:column;align-items:stretch}.filters-row select{min-width:0;width:100%}.product-form{grid-template-columns:1fr}.pagination{flex-direction:column;align-items:flex-start}.pagination div{flex-wrap:wrap}.tabs{margin:-28px -28px 18px}.scanner-test-hooks{grid-template-columns:1fr}.toast{left:18px;right:18px;bottom:18px;justify-content:center}}@media(max-width:430px){.hero{min-height:360px;padding:22px;background-position:center}.hero h1{font-size:31px}.hero p{font-size:15px}.mobile-app{max-width:none}.mobile-drawer{left:0;transform:none}.mobile-app header{padding-left:18px;padding-right:18px}.mobile-app main{padding:0 18px}.mobile-app h1{font-size:28px}.mobile-badges>span{font-size:18px;padding:10px 12px}.mobile-badges .badge{font-size:16px;padding-inline:10px}.mobile-list article{grid-template-columns:62px 1fr auto}.mobile-list article>time,.mobile-list article>svg{display:none}}