:root{color:#16231f;font-synthesis:none;--forest:#12362d;--forest-2:#1d4d40;--green:#1b7a5b;--green-soft:#e3f3ec;--cream:#f6f2e8;--line:#dce5e1;--muted:#65756f;--danger:#b13b37;--shadow:0 18px 45px #14342b17;background:#f4f7f5;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Segoe UI,system-ui,sans-serif}h1{letter-spacing:-.045em;margin-bottom:.65rem;font-size:clamp(2rem,3vw,3rem);line-height:1.05}h2{letter-spacing:-.025em}small{color:var(--muted)}label{color:#2d3d37;gap:.45rem;font-weight:600;display:grid}label small{font-weight:400}input,select,textarea{color:#17251f;background:#fff;border:1px solid #ccd9d4;border-radius:12px;outline:none;width:100%;padding:.76rem .9rem;transition:all .18s}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #1b7a5b1f}textarea{resize:vertical;min-height:86px}.button{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;min-height:42px;padding:.65rem 1rem;font-weight:700;text-decoration:none;transition:all .18s;display:inline-flex}.button svg{width:18px;height:18px}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 16px #14342b1f}.button.primary{background:var(--green);color:#fff}.button.secondary{color:var(--forest);background:#fff;border-color:#cad8d3}.button.danger{background:var(--danger);color:#fff}.button.ghost{color:var(--forest-2);background:0 0}.button.small{border-radius:9px;min-height:34px;padding:.42rem .7rem;font-size:.85rem}.button.full{width:100%}.icon-button{width:38px;height:38px;color:var(--forest);background:#fff;border:1px solid #d6e0dc;border-radius:10px;place-items:center;padding:0;display:inline-grid}.icon-button svg{width:18px}.app-shell{min-height:100vh;padding-left:270px;transition:padding .2s}.app-shell.nav-collapsed{padding-left:88px}.sidebar{z-index:30;background:var(--forest);color:#fff;flex-direction:column;width:270px;padding:1.4rem 1rem 1rem;transition:width .2s,transform .2s;display:flex;position:fixed;inset:0 auto 0 0}.nav-collapsed .sidebar{width:88px}.brand{align-items:center;gap:.8rem;padding:.2rem .35rem 1.8rem;display:flex;overflow:hidden}.brand-mark{width:42px;height:42px;color:var(--forest);letter-spacing:-.06em;background:#ccebdc;border-radius:14px;flex:none;place-items:center;font-weight:800;display:grid}.brand-mark.large{border-radius:18px;width:58px;height:58px;font-size:1.2rem}.brand-copy{white-space:nowrap;display:grid}.brand-copy strong{letter-spacing:.04em;font-size:1.05rem}.brand-copy small{color:#a7c3b9;font-size:.72rem}.sidebar nav{gap:.28rem;display:grid}.sidebar nav a{color:#cce0d9;white-space:nowrap;border-radius:12px;align-items:center;gap:.85rem;height:46px;padding:0 .85rem;font-weight:600;text-decoration:none;display:flex;overflow:hidden}.sidebar nav a svg{flex:none;width:20px}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#ffffff1c}.nav-collapsed .brand-copy,.nav-collapsed .sidebar nav span,.nav-collapsed .sidebar-footer span{display:none}.nav-collapsed .sidebar nav a{justify-content:center;padding:0}.sidebar-footer{gap:.7rem;margin-top:auto;display:grid;overflow:hidden}.cloud-status,.user-chip{align-items:center;gap:.65rem;min-width:0;display:flex}.cloud-status{background:#ffffff12;border-radius:13px;padding:.75rem}.cloud-status svg{color:#78d2ae;flex:none;width:19px}.cloud-status span,.user-chip span{text-align:left;min-width:0;display:grid}.cloud-status strong,.user-chip strong{text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.cloud-status small,.user-chip small{color:#9fbbb2;text-overflow:ellipsis;font-size:.66rem;overflow:hidden}.user-chip{color:#fff;background:0 0;border:0;width:100%;padding:.55rem .7rem}.user-chip>svg{flex:none;width:20px}.user-chip>svg:last-child{width:16px;margin-left:auto}.collapse-button{width:28px;height:28px;color:var(--forest);background:#fff;border:1px solid #d3dfda;border-radius:50%;place-items:center;display:grid;position:absolute;top:84px;right:-13px}.collapse-button svg{width:15px}.drawer-close,.mobile-menu,.drawer-scrim{display:none}.main-content{max-width:1680px;min-height:100vh;margin:0 auto;padding:clamp(1.35rem,3vw,3rem)}.page-header{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:1.7rem;display:flex}.page-header p:not(.eyebrow){color:var(--muted);max-width:650px;margin-bottom:0}.eyebrow{color:var(--green);letter-spacing:.13em;text-transform:uppercase;margin-bottom:.55rem;font-size:.72rem;font-weight:800}.eyebrow.light{color:#9ce0c4}.header-actions{flex-wrap:wrap;gap:.6rem;display:flex}.panel{background:#fff;border:1px solid #e0e8e4;border-radius:20px;padding:clamp(1.1rem,2.2vw,1.6rem);box-shadow:0 9px 28px #14342b0b}.panel-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.1rem;display:flex}.panel-heading h2{margin-bottom:.25rem;font-size:1.13rem}.panel-heading p{color:var(--muted);margin:0;font-size:.88rem}.panel-heading a{color:var(--green);font-size:.86rem;font-weight:700;text-decoration:none}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.metric-card{background:#fff;border:1px solid #e0e8e4;border-radius:18px;align-items:center;gap:1rem;padding:1.25rem;display:flex}.metric-card>span{border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.metric-card.green>span{color:#167252;background:#e0f3eb}.metric-card.blue>span{color:#316aa3;background:#e5eff8}.metric-card.amber>span{color:#9c681d;background:#faf0d8}.metric-card.red>span{color:#a64843;background:#fae5e3}.metric-card strong{font:800 1.8rem Segoe UI}.metric-card p{color:var(--muted);margin:.1rem 0 0;font-size:.82rem}.dashboard-grid{grid-template-columns:1.05fr .95fr;gap:1rem;display:grid}.all-inventory-panel{grid-column:1/-1}.product-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.stock-card{border:1px solid var(--line);border-radius:13px;justify-content:space-between;align-items:center;gap:.7rem;padding:.9rem;display:flex}.stock-card div{min-width:0;display:grid}.stock-card strong,.stock-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stock-status{white-space:nowrap;background:var(--green-soft);color:var(--green);border-radius:999px;padding:.35rem .5rem;font-size:.75rem;font-weight:800}.stock-status.low_stock{color:#966315;background:#fbf0d7}.stock-status.out_of_stock{color:#a43c38;background:#f9e5e4}.activity-list{display:grid}.activity-row{border-bottom:1px solid #edf1ef;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.8rem 0;display:grid}.activity-row:last-child{border-bottom:0}.activity-row div{min-width:0;display:grid}.activity-row strong,.activity-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.movement-badge{text-align:center;color:#4b5f57;background:#e6eee9;border-radius:8px;min-width:56px;padding:.3rem .45rem;font-size:.68rem;font-weight:800}.movement-badge.in{color:#167252;background:#ddf3e9}.movement-badge.out{color:#ad433c;background:#f9e6e4}.movement-badge.archive{color:#8b5c14;background:#f7edd7}.empty-state,.state-card,.transaction-placeholder{text-align:center;min-height:190px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state svg,.transaction-placeholder svg{color:#83a397;width:40px;height:40px;margin-bottom:.7rem}.empty-state h3,.transaction-placeholder h3{color:var(--forest);margin-bottom:.35rem}.empty-state p,.transaction-placeholder p{max-width:430px;margin:0}.state-card{flex-direction:row;gap:.7rem}.spinner{border:3px solid #d9e5e0;border-top-color:var(--green);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.notice{border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.85rem 1rem;font-size:.88rem;display:flex}.notice.error{color:#8e2c28;background:#fae7e5;border:1px solid #f0c7c3}.notice.success{color:#126344;background:#e2f4eb;border:1px solid #bfe2d1}.notice.warning{color:#835714;background:#fff3d9;border:1px solid #efdcae}.toolbar{align-items:center;gap:.7rem;margin-bottom:1rem;display:flex}.toolbar.wrap{flex-wrap:wrap}.toolbar select,.toolbar input{width:auto;min-width:150px}.search-field{flex:1;min-width:240px}.input-with-icon{position:relative}.input-with-icon svg{color:#799087;width:18px;position:absolute;top:50%;left:.8rem;transform:translateY(-50%)}.input-with-icon input{padding-left:2.5rem}.responsive-table{overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:#63736d;text-align:left;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);padding:.75rem .7rem;font-size:.65rem}td{vertical-align:middle;border-bottom:1px solid #edf1ef;padding:.9rem .7rem;font-size:.86rem}td strong,td small{display:block}td small{margin-top:.16rem}.row-actions{text-align:right;white-space:nowrap}.row-actions .icon-button{margin-left:.3rem}.pill{border-radius:999px;padding:.28rem .5rem;font-size:.7rem;font-weight:800;display:inline-block}.pill.active{color:#126748;background:#e1f3ea}.pill.inactive{color:#7c5250;background:#f0e7e6}.pagination{color:var(--muted);justify-content:flex-end;align-items:center;gap:.9rem;margin-top:1rem;font-size:.8rem;display:flex}.inventory-workspace{grid-template-columns:.9fr 1.1fr;align-items:start;gap:1rem;display:grid}.scanner-panel{text-align:center}.operation-icon{border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto 1rem;display:grid}.operation-icon.in{color:#167252;background:#dcf2e8}.operation-icon.out{color:#a53b36;background:#fae6e4}.barcode-search{text-align:left;gap:.7rem;margin-top:1.5rem;display:grid}.transaction-panel form{gap:1rem;display:grid}.selected-product{justify-content:space-between;gap:1rem;display:flex}.selected-product h2{margin-bottom:.25rem}.selected-product p:last-child{color:var(--muted);margin:0}.product-facts{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.product-facts span{background:#f6f8f7;border-radius:12px;padding:.75rem;display:grid}.product-facts strong{margin-top:.25rem}.projected-stock{background:var(--forest);color:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:.9rem;display:flex}.projected-stock strong{font-size:1.35rem}.form-footnote{color:var(--muted);text-align:center;margin:0;font-size:.75rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.span-2{grid-column:1/-1}.form-actions{justify-content:flex-end;gap:.6rem;margin-top:1rem;display:flex}.modal-layer{z-index:100;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#061611a1;border:0;width:100%;height:100%;position:absolute;inset:0}.modal{width:min(720px,100%);max-height:calc(100vh - 2rem);box-shadow:var(--shadow);background:#fff;border-radius:20px;padding:1.4rem;position:relative;overflow-y:auto}.modal>header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.modal>header h2{margin:0}.modal form:not(.form-grid){gap:.9rem;display:grid}.form-intro{color:var(--muted)}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.category-card{border:1px solid var(--line);border-radius:15px;padding:1rem}.category-card>div{justify-content:space-between;display:flex}.prefix-badge{background:var(--forest);color:#fff;letter-spacing:.06em;border-radius:7px;padding:.3rem .45rem;font-size:.7rem;font-weight:800}.category-card h3{margin:1rem 0 .35rem}.category-card p{color:var(--muted);font-size:.8rem}.category-card footer,.template-card footer{gap:.4rem;margin-top:.8rem;display:flex}.connection-strip{color:#fff;background:var(--forest);border-radius:16px;grid-template-columns:auto minmax(250px,1fr) auto auto auto;align-items:center;gap:1rem;margin-bottom:1rem;padding:.85rem 1.1rem;display:grid}.connection-strip>svg{color:#87dbb9}.connection-strip div{display:grid}.connection-strip span{color:#bcd2ca;font-size:.75rem}.connection-strip small{color:#9fbbb2}.settings-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.settings-form{gap:.85rem;display:grid}.settings-form label{grid-template-columns:minmax(170px,1fr) minmax(120px,.8fr);align-items:center}.settings-form label small{grid-column:1/-1;margin-top:-.3rem}.template-grid{gap:.7rem;display:grid}.template-card{border:1px solid var(--line);border-radius:14px;padding:.8rem}.template-card header{justify-content:space-between;display:flex}.template-card header span{color:var(--muted);font-size:.75rem}.template-card p{color:var(--muted);margin:.5rem 0;font-size:.68rem;line-height:1.5}.barcode-preview{text-align:center;background:#fff;border-radius:8px;margin-top:.6rem;overflow:hidden}.field-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.field-choice{border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;align-items:center;gap:.45rem;padding:.65rem;font-size:.78rem;display:flex}.field-choice.selected{background:#e9f5ef;border-color:#80bda5}.field-choice svg{width:15px}.no-backup-note,.role-summary{align-items:center;gap:.8rem;margin-top:1rem;display:flex}.no-backup-note svg,.role-summary svg{color:var(--green)}.no-backup-note h3{margin:0 0 .2rem;font-size:1rem}.no-backup-note p,.role-summary p{color:var(--muted);margin:0;font-size:.8rem}.role-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.role-picker label{border:1px solid var(--line);border-radius:10px;align-items:center;gap:.55rem;padding:.65rem;display:flex}.role-picker input{width:auto}.role-picker span{display:grid}.role-picker small{font-size:.7rem}.single-barcode-preview{text-align:center;overflow:hidden}.single-barcode-preview h3{margin-bottom:.2rem}.single-barcode-preview p{color:var(--muted)}.login-screen{background:#fff;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-brand-panel{color:#fff;background:radial-gradient(circle at 90% 12%,#74cfab38,#0000 31%),linear-gradient(145deg,#0f3028,#184a3c);flex-direction:column;justify-content:space-between;padding:clamp(2rem,5vw,5rem);display:flex;position:relative;overflow:hidden}.login-brand-panel:after{content:"";border:1px solid #ffffff21;border-radius:50%;width:380px;height:380px;position:absolute;bottom:-160px;right:-160px;box-shadow:0 0 0 50px #ffffff06,0 0 0 100px #ffffff05}.login-brand{align-items:center;gap:1rem;display:flex}.login-brand div{display:grid}.login-brand strong{letter-spacing:.05em;font:800 1.4rem Manrope}.login-brand span:last-child{color:#aac8bd}.login-message{z-index:1;max-width:680px;position:relative}.login-message h1{font-size:clamp(2.4rem,5vw,5rem)}.login-message>p:last-child{color:#bdd2ca;max-width:570px;font-size:1.05rem;line-height:1.7}.login-trust{z-index:1;color:#c9ded6;gap:.7rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.login-trust li{align-items:center;gap:.65rem;display:flex}.login-trust svg{color:#84d7b6;width:19px}.login-form-panel{background:#f7f9f8;place-items:center;padding:2rem;display:grid}.login-card{width:min(440px,100%);box-shadow:var(--shadow);background:#fff;border:1px solid #dee8e4;border-radius:24px;gap:1rem;padding:clamp(1.5rem,4vw,2.6rem);display:grid}.login-card h2{margin:0;font-size:2rem}.login-card>p:not(.eyebrow){color:var(--muted)}.login-api{text-align:center;color:var(--muted);font-size:.72rem}.status-dot{background:#20a574;border-radius:50%;width:7px;height:7px;margin-right:.35rem;display:inline-block}.mobile-login-brand{display:none}.center-screen,.not-found{text-align:center;place-items:center;min-height:100vh;display:grid}.not-found{align-content:center}.not-found .button{justify-self:center}@media (max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.app-shell,.app-shell.nav-collapsed{padding-top:58px;padding-left:0}.sidebar,.nav-collapsed .sidebar{width:min(290px,86vw);transform:translate(-105%)}.sidebar.open{transform:translate(0);box-shadow:24px 0 50px #00000040}.nav-collapsed .brand-copy,.nav-collapsed .sidebar nav span,.nav-collapsed .sidebar-footer span{display:grid}.nav-collapsed .sidebar nav a{justify-content:flex-start;padding:0 .85rem}.collapse-button{display:none}.mobile-menu{z-index:20;display:grid;position:fixed;top:10px;left:12px;box-shadow:0 5px 15px #14342b1f}.drawer-close{color:#fff;background:0 0;border-color:#ffffff26;margin-left:auto;display:grid}.drawer-scrim{z-index:25;background:#07181280;border:0;width:100%;height:100%;display:block;position:fixed;inset:0}.main-content{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.inventory-workspace{grid-template-columns:1fr}.login-screen{background:linear-gradient(145deg,#eff7f3,#fff);grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh}.mobile-login-brand{align-items:center;gap:.7rem;margin-bottom:.5rem;display:flex}.connection-strip{grid-template-columns:auto 1fr auto}.connection-strip div:nth-of-type(2),.connection-strip div:nth-of-type(3){display:none}}@media (max-width:620px){h1{font-size:2rem}.metric-grid{grid-template-columns:1fr 1fr;gap:.6rem}.metric-card{gap:.65rem;padding:.85rem}.metric-card>span{width:38px;height:38px}.metric-card strong{font-size:1.25rem}.metric-card p{font-size:.7rem}.product-card-grid,.category-grid,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.product-facts{grid-template-columns:1fr 1fr}.toolbar{flex-direction:column;align-items:stretch}.toolbar select,.toolbar input,.search-field{width:100%;min-width:0}.responsive-table table,.responsive-table thead,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block}.responsive-table thead{display:none}.responsive-table tr{border-bottom:1px solid var(--line);padding:.75rem 0}.responsive-table td{border:0;grid-template-columns:95px 1fr;gap:.7rem;padding:.4rem 0;display:grid}.responsive-table td:before{content:attr(data-label);color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:700}.responsive-table .row-actions{justify-content:flex-end;display:flex}.responsive-table .row-actions:before{content:none}.pagination{justify-content:space-between}.settings-form label,.field-picker,.role-picker{grid-template-columns:1fr}.modal-layer{align-items:end;padding:0}.modal{border-radius:20px 20px 0 0;max-height:92vh}.login-form-panel{padding:1rem}.login-card{padding:1.35rem}.page-header .header-actions,.page-header .button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}