@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.start{inset-inline-start:var(--spacing)}}:root{--nav:#0e2922;--nav2:#173d32;--green:#166c52;--green2:#e6f4ee;--lime:#dcf568;--ink:#15231f;--muted:#6e7a76;--line:#e2e8e5;--paper:#f5f7f6;--white:#fff;--amber:#d68722;--red:#c44444;--blue:#3b70af;--violet:#7355a6}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);font-family:var(--font-geist),Arial,sans-serif;margin:0}button,input,select{font:inherit}button{cursor:pointer}:is(button:focus-visible,input:focus-visible,select:focus-visible){outline-offset:2px;outline:3px solid #166c5233}.login-shell{background:#eff3f0;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-brand{color:#fff;background:linear-gradient(145deg,#0c2b23 0%,#124536 100%);flex-direction:column;justify-content:center;padding:8vw;display:flex;position:relative;overflow:hidden}.login-brand:before{content:"";border:92px solid #dcf56814;border-radius:50%;width:560px;height:560px;position:absolute;top:-220px;right:-290px}.login-brand:after{content:"";border:75px solid #ffffff09;border-radius:50%;width:370px;height:370px;position:absolute;bottom:-200px;left:-190px}.login-logo{letter-spacing:.08em;align-items:center;gap:13px;font-size:21px;font-weight:900;display:flex;position:absolute;top:52px;left:8vw}.login-logo span{background:var(--lime);width:43px;height:43px;color:var(--nav);border-radius:13px;place-items:center;font-size:22px;display:grid}.eyebrow{color:#7d8a86;letter-spacing:.12em;margin:0 0 12px;font-size:11px;font-weight:850}.login-brand .eyebrow{color:var(--lime)}.login-copy{z-index:1;max-width:680px;position:relative}.login-copy h1{letter-spacing:-.055em;margin:0 0 24px;font-size:clamp(42px,5.1vw,74px);line-height:.98}.login-copy>p:not(.eyebrow){color:#c2d0cb;max-width:600px;margin:0;font-size:18px;line-height:1.65}.login-points{color:#e8efec;gap:17px;margin-top:35px;font-size:14px;display:grid}.login-points span:first-letter{color:var(--lime)}.login-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:15px;align-items:center;gap:12px;padding:14px 17px;display:flex;position:absolute;bottom:40px;right:5vw}.login-stat strong{color:var(--lime);font-size:21px}.login-stat span{color:#bfd0ca;max-width:100px;font-size:11px}.login-form-wrap{place-items:center;padding:38px;display:grid}.login-card{background:#fff;border:1px solid #e1e8e4;border-radius:26px;width:min(438px,100%);padding:44px;box-shadow:0 24px 80px #14322814}.mobile-brand{display:none}.login-card h2{letter-spacing:-.035em;margin:0 0 8px;font-size:31px}.form-lead{color:var(--muted);margin:0 0 27px;font-size:14px}.login-card label,.form-grid label{color:#2f3b37;gap:8px;margin:17px 0 0;font-size:12px;font-weight:750;display:grid}.field{position:relative}.field span{color:#82908b;position:absolute;top:15px;left:15px}.field input{padding-left:43px}.login-card input,.form-grid input,.form-grid select,.sale-search input,.cart-row input,.filters select,.panel-head select{height:50px;color:var(--ink);background:#fbfcfb;border:1px solid #d9e2de;border-radius:11px;outline:0}.login-card input{width:100%;padding-right:14px}.login-card input:focus,.form-grid input:focus,.form-grid select:focus{border-color:var(--green);box-shadow:0 0 0 4px #166c5217}.login-button{background:var(--green);color:#fff;border:0;border-radius:11px;justify-content:space-between;align-items:center;width:100%;height:52px;margin-top:25px;padding:0 18px;font-weight:800;display:flex}.login-button:hover{background:#115841}.form-error{color:var(--red);margin:14px 0 0;font-size:12px;line-height:1.5}.demo-box{color:#53635d;background:#f1f6f2;border-radius:12px;gap:12px;margin-top:19px;padding:14px;display:flex}.demo-box>span{color:var(--green);font-size:10px}.demo-box div{gap:4px;display:grid}.demo-box strong{font-size:12px}.demo-box small{font-size:11px}.secure{text-align:center;color:#9aa39f;margin:24px 0 0;font-size:10px}.app{grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:30;background:var(--nav);color:#fff;flex-direction:column;width:238px;padding:25px 15px 16px;transition:width .2s;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 9px 24px;display:flex}.brand-icon{background:var(--lime);width:39px;height:39px;color:var(--nav);border-radius:12px;flex:0 0 39px;place-items:center;font-size:20px;font-weight:900;display:grid}.brand div{gap:1px;display:grid}.brand strong{letter-spacing:.06em;font-size:17px}.brand small{color:#87a099;font-size:9px}.collapse{color:#a9bdb7;background:#173a31;border:1px solid #36564e;border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;top:32px;right:-11px}.sidebar nav{padding-top:3px;overflow:auto}.nav-group{color:#58786f;letter-spacing:.15em;margin:19px 12px 8px;font-size:9px;font-weight:800}.sidebar nav button,.sidebar-bottom>button{color:#a9bdb7;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;height:43px;padding:0 12px;display:flex;position:relative}.sidebar nav button:hover,.sidebar-bottom>button:hover{color:#fff;background:#14372e}.sidebar nav button.active{color:#fff;box-shadow:inset 3px 0 var(--lime);background:#1b4b3d}.sidebar nav i,.sidebar-bottom i{color:#8eaaa2;place-items:center;width:20px;font-size:17px;font-style:normal;display:grid}.sidebar nav button.active i{color:var(--lime)}.sidebar nav button span{font-size:13px}.sidebar nav em{color:#17362e;background:#dff568;border-radius:8px;place-items:center;min-width:19px;height:19px;font-size:9px;font-style:normal;font-weight:800;display:grid;position:absolute;right:12px}.sidebar-bottom{gap:12px;margin-top:auto;display:grid}.user{border-top:1px solid #24463d;align-items:center;gap:9px;padding:13px 8px 0;display:flex}.user>div{min-width:0;display:grid}.user strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.user small{color:#79938b;font-size:9px}.user>button{color:#8ba099;background:0 0;border:0;margin-left:auto}.avatar{width:31px;height:31px;color:var(--green);background:#e2efe9;border-radius:10px;flex:0 0 31px;place-items:center;font-size:10px;font-weight:850;display:grid}.main{grid-column:2;min-width:0}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;justify-content:space-between;align-items:center;height:72px;padding:0 31px;display:flex;position:sticky;top:0}.global-search{color:#7b8883;background:#f7f9f8;border:1px solid #e2e8e5;border-radius:10px;align-items:center;width:min(520px,50vw);height:39px;padding:0 12px;display:flex}.global-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:12px}.global-search kbd{color:#929c98;background:#fff;border:1px solid #dfe5e2;border-radius:5px;padding:4px 7px;font-size:8px}.top-actions{align-items:center;gap:12px;display:flex}.icon-button{border:1px solid var(--line);color:#5e6b66;background:#fff;border-radius:10px;place-items:center;width:38px;height:38px;display:grid;position:relative}.icon-button b{color:#fff;background:#e95959;border-radius:50%;place-items:center;width:13px;height:13px;font-size:7px;display:grid;position:absolute;top:4px;right:5px}.company{text-align:left;background:0 0;border:0;align-items:center;gap:9px;display:flex}.company>span{width:35px;height:35px;color:var(--green);background:#e5f2ec;border-radius:10px;place-items:center;font-size:10px;font-weight:850;display:grid}.company div{color:#24312d;font-size:10px;font-weight:850;display:grid}.company small{color:#8a9591;margin-top:2px;font-size:8px;font-weight:500}.company i{color:#87938e;font-style:normal}.content{padding:29px 31px 50px}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.page-head h1{letter-spacing:-.035em;margin:0 0 7px;font-size:28px}.page-head>div>p:not(.eyebrow){color:var(--muted);margin:0;font-size:12px}.head-actions{gap:9px;display:flex}.primary,.secondary{border-radius:10px;min-height:40px;padding:0 15px;font-size:11px;font-weight:800}.primary{background:var(--green);color:#fff;border:0}.primary:hover{background:#115b45}.secondary{color:#47554f;background:#fff;border:1px solid #dce4e0}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px;display:grid}.metrics.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:13px;min-height:105px;padding:19px;display:flex;position:relative}.metric-icon{border-radius:12px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:18px;display:grid}.metric-icon.green{color:var(--green);background:#e5f3ed}.metric-icon.blue{color:var(--blue);background:#e8f0f8}.metric-icon.amber{color:var(--amber);background:#fff1dd}.metric-icon.violet{color:var(--violet);background:#f0ebf8}.metric>div:nth-child(2){min-width:0;display:grid}.metric small{color:#7d8984;margin-bottom:6px;font-size:10px}.metric strong{letter-spacing:-.025em;font-size:21px}.metric p{color:var(--green);margin:5px 0 0;font-size:9px}.metric p.negative{color:var(--red)}.metric>button{color:#a6afab;background:0 0;border:0;position:absolute;top:12px;right:12px}.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(290px,.8fr);gap:17px;margin-bottom:17px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden}.panel-head{justify-content:space-between;align-items:center;gap:20px;padding:19px 20px;display:flex}.panel-head h3{margin:0 0 4px;font-size:14px}.panel-head p{color:#87928e;margin:0;font-size:9px}.panel-head select{height:32px;padding:0 10px;font-size:9px}.chart-panel{padding-bottom:13px}.chart{grid-template-columns:32px 1fr;height:190px;margin:0 20px;display:grid;position:relative}.y-labels{color:#a2aca8;flex-direction:column;justify-content:space-between;padding:3px 0 24px;font-size:8px;display:flex}.chart-bars{background:repeating-linear-gradient(#fff 0 48px,#edf1ef 49px);border-bottom:1px solid #e3e9e6;justify-content:space-around;align-items:flex-end;padding:0 12px;display:flex;position:relative}.chart-bars>div{flex-direction:column;justify-content:flex-end;align-items:center;width:9%;height:100%;display:flex}.chart-bars span{opacity:.75;background:linear-gradient(#2d9a76,#197157);border-radius:6px 6px 2px 2px;width:100%;max-width:30px}.chart-bars small{color:#808b87;height:24px;padding-top:8px;font-size:8px}.chart-total{color:#7c8984;align-items:center;gap:7px;margin:10px 52px 0;font-size:9px;display:flex}.chart-total span{background:var(--green);border-radius:50%;width:7px;height:7px}.chart-total strong{color:var(--ink);margin-left:auto;font-size:11px}.chart-line{display:none}.quick-grid{grid-template-columns:1fr 1fr;gap:10px;padding:0 18px 18px;display:grid}.quick-grid button{min-height:70px;color:var(--ink);text-align:left;background:#fafcfb;border:1px solid #e6ebe9;border-radius:12px;align-items:center;gap:10px;padding:11px;display:flex}.quick-grid button:hover{background:#f2f8f5;border-color:#bdd8cc}.quick-grid i{width:31px;height:31px;color:var(--green);background:#e5f3ed;border-radius:9px;flex:0 0 31px;place-items:center;font-style:normal;display:grid}.quick-grid span{gap:3px;font-size:10px;font-weight:800;display:grid}.quick-grid small{color:#89938f;font-size:8px;font-weight:500}.link{color:var(--green);background:0 0;border:0;font-size:9px;font-weight:800}.table-wrap{overflow:auto}.table-wrap table{border-collapse:collapse;white-space:nowrap;width:100%}.table-wrap th{color:#88938e;letter-spacing:.05em;text-align:left;background:#fafbfa;border-top:1px solid #edf1ef;border-bottom:1px solid #e8edea;height:36px;padding:0 14px;font-size:8px}.table-wrap td{color:#53615c;border-bottom:1px solid #edf1ef;height:57px;padding:8px 14px;font-size:10px}.table-wrap tr:last-child td{border-bottom:0}.table-wrap td>b{color:#26332f;font-size:10px;display:block}.table-wrap td>small{color:#98a19d;margin-top:3px;font-size:8px;display:block}.person{align-items:center;gap:8px;display:flex}.person span:last-child{text-overflow:ellipsis;max-width:230px;overflow:hidden}.badge{color:#53625c;background:#eef3f0;border-radius:20px;align-items:center;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.b-pagado,.b-disponible,.b-activo{color:#187156;background:#e4f4ec}.b-por-cobrar,.b-pendiente,.b-por-vencer,.b-stock-bajo{color:#ad6b18;background:#fff0d9}.b-vencido,.b-agotado{color:#b33c3c;background:#fde8e8}.b-despacho{color:#3b69a4;background:#e9eff8}.dots{color:#99a39f;background:0 0;border:0}.subnav{gap:7px;margin-bottom:15px;display:flex}.subnav button{border:1px solid var(--line);color:#7a8782;background:#fff;border-radius:9px;padding:9px 13px;font-size:10px}.subnav button.active{color:var(--green);background:#edf6f2;border-color:#bcd7cb;font-weight:800}.subnav b{margin-left:6px}.filters{border-bottom:1px solid var(--line);align-items:flex-end;gap:11px;padding:16px 18px;display:flex}.filters label{color:#72807b;gap:5px;font-size:8px;display:grid}.filters select{min-width:150px;height:35px;padding:0 10px;font-size:9px}.legend{color:#8b9692;align-items:center;gap:6px;font-size:8px;display:flex}.dot{border-radius:50%;width:7px;height:7px}.green-dot{background:#3f9d78}.amber-dot{background:#df9b3d;margin-left:8px}.empty{text-align:center;color:#8a9591;padding:40px}.account-cards{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:17px;display:grid}.account-cards article{color:#fff;background:linear-gradient(135deg,#1d7d60,#115c46);border-radius:15px;gap:4px;padding:20px;display:grid}.account-cards article.bank{background:linear-gradient(135deg,#2761a5,#173e70)}.account-cards article.dark{background:linear-gradient(135deg,#343d49,#151b23)}.account-cards span{letter-spacing:.12em;opacity:.7;font-size:8px}.account-cards p{margin:2px 0 10px;font-size:10px}.account-cards strong{font-size:23px}.account-cards small{opacity:.65;font-size:8px}.green-text{font-weight:800;color:var(--green)!important}.red{color:var(--red)!important}.report-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.report-grid article{border:1px solid var(--line);background:#fff;border-radius:15px;padding:20px}.report-grid i{width:40px;height:40px;color:var(--green);background:#e6f3ed;border-radius:11px;place-items:center;margin-bottom:17px;font-size:18px;font-style:normal;display:grid}.report-grid h3{margin:0 0 8px;font-size:14px}.report-grid p{color:#7b8783;min-height:36px;margin:0 0 18px;font-size:10px;line-height:1.6}.report-grid article>div{justify-content:space-between;display:flex}.report-grid button{color:var(--green);background:0 0;border:0;font-size:9px;font-weight:800}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#091e189e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.sale-modal{background:#fff;border-radius:19px;width:min(760px,100%);max-height:94vh;overflow:auto;box-shadow:0 30px 100px #0000004d}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;padding:23px 25px;display:flex}.modal-head h2{margin:0;font-size:22px}.modal-head>button{color:#66736e;background:#f1f4f2;border:0;border-radius:9px;width:34px;height:34px;font-size:20px}.form-grid{grid-template-columns:1fr 1fr;gap:0 14px;padding:5px 25px 20px;display:grid}.form-grid label.wide{grid-column:span 2}.form-grid select{width:100%;padding:0 11px}.sale-items{border-block:1px solid var(--line);background:#fafcfb;padding:18px 25px}.sale-search{align-items:center;gap:8px;display:flex}.sale-search input{flex:1;padding:0 12px}.sale-search button{height:40px;color:var(--green);background:#e5f3ed;border:0;border-radius:9px;padding:0 14px;font-size:10px;font-weight:800}.cart-row{background:#fff;border:1px solid #e2e8e5;border-radius:11px;grid-template-columns:1fr 65px 90px 105px 26px;align-items:center;gap:10px;margin-top:13px;padding:12px;font-size:10px;display:grid}.cart-row div{display:grid}.cart-row small{color:#8c9692;margin-top:4px;font-size:8px}.cart-row input{width:65px;height:34px;padding:0 9px}.cart-row>button{color:var(--red);background:0 0;border:0}.totals{gap:9px;width:330px;margin-left:auto;padding:20px 25px;display:grid}.totals span,.totals>strong{color:#6d7975;justify-content:space-between;font-size:10px;display:flex}.totals>strong{border-top:1px solid var(--line);color:var(--ink);padding-top:9px;font-size:14px}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding:17px 25px;display:flex}.toast{z-index:200;color:#fff;background:#153d32;border-radius:11px;align-items:center;gap:10px;padding:14px 17px;font-size:11px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 50px #0003}.toast span{background:var(--lime);width:21px;height:21px;color:var(--nav);border-radius:50%;place-items:center;display:grid}.collapsed{grid-template-columns:76px minmax(0,1fr)}.collapsed .sidebar{width:76px}.collapsed .brand div,.collapsed .sidebar nav span,.collapsed .sidebar nav em,.collapsed .nav-group,.collapsed .sidebar-bottom span,.collapsed .user>div,.collapsed .user>button{display:none}.collapsed .brand{padding-inline:3px}.collapsed .sidebar nav button,.collapsed .sidebar-bottom>button{justify-content:center}.collapsed .collapse{transform:rotate(180deg)}@media (max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.report-grid{grid-template-columns:repeat(2,1fr)}.account-cards{grid-template-columns:1fr 1fr}.account-cards article:last-child{display:none}}@media (max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-form-wrap{min-height:100vh;padding:18px}.login-card{padding:30px 24px}.mobile-brand{color:var(--green);margin-bottom:35px;font-size:22px;font-weight:900;display:block}.app,.collapsed{grid-template-columns:1fr}.sidebar{border-radius:17px;height:64px;padding:7px;inset:auto 10px 10px;box-shadow:0 15px 50px #00000040;width:auto!important}.brand,.collapse,.nav-group,.sidebar-bottom,.sidebar nav>div:nth-child(n+6){display:none}.sidebar nav{grid-template-columns:repeat(5,1fr);width:100%;display:grid;overflow:visible}.sidebar nav button{justify-content:center;height:49px;padding:0}.sidebar nav button span,.sidebar nav button em{display:none!important}.sidebar nav i{font-size:19px}.main{grid-column:1;padding-bottom:80px}.topbar{height:62px;padding:0 15px}.global-search{background:0 0;border:0;width:45px}.global-search input,.global-search kbd,.company div,.company i{display:none}.content{padding:21px 15px 35px}.page-head{align-items:flex-start}.page-head h1{font-size:24px}.page-head>div>p:not(.eyebrow),.head-actions .secondary{display:none}.metrics,.metrics.compact,.dashboard-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.report-grid,.account-cards{grid-template-columns:1fr}.account-cards article:last-child{display:grid}.filters{flex-direction:column;align-items:stretch}.filters select{width:100%}.sale-modal{border-radius:16px;max-height:100vh}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.cart-row{grid-template-columns:1fr 55px}.cart-row>b,.cart-row>strong{display:none}.totals{width:100%}}
/* ADEL visual system: navy navigation, bright blue actions and airy cards. */
:root{--nav:#061d4b;--nav2:#092b68;--green:#16b981;--green2:#e1f8ef;--lime:#65e6b1;--ink:#14213d;--muted:#64728d;--line:#e7ecf3;--paper:#f7f9fc;--blue:#0969ed;--amber:#f59e0b;--violet:#7047e8}
/* ADEL 2027 final visual pass: clean navigation, colorful module accents and fast POS hierarchy. */
:root{--nav:#fff;--nav2:#f7fafc;--ink:#10213d;--muted:#65748e;--line:#dfe7f0;--paper:#f4f7fb;--green:#0b9d73;--green2:#e8f8f2;--lime:#55e0b1;--blue:#2167ed;--orange:#f47d32;--violet:#7559e8}
body{font-family:'Inter',Arial,sans-serif;color:var(--ink);background:var(--paper)}
.app{grid-template-columns:242px minmax(0,1fr)}.sidebar{width:242px;padding:18px 10px 12px;color:#5f708c;background:#fff;border-right:1px solid #e5ebf2;box-shadow:4px 0 22px #163b6506}.brand{padding:0 10px 22px;border-bottom:1px solid #edf1f5}.brand-icon{width:43px;height:43px;border:0;border-radius:13px;background:linear-gradient(145deg,#2769ed,#7358e7);color:#fff;box-shadow:0 10px 18px #2865e52b}.brand strong{color:#152846;font-size:19px;letter-spacing:-.04em}.brand small{color:#71819a}.collapse{color:#71819a;right:10px;top:22px}.nav-group{color:#93a0b3;margin:20px 12px 7px;font-size:9px;letter-spacing:.13em}.sidebar nav button,.sidebar-bottom>button{color:#5f708c;border-radius:12px;margin:3px 0;padding:0 12px;height:42px;font-size:13px}.sidebar nav button:hover,.sidebar-bottom>button:hover{color:#1d3152;background:#f3f7fb}.sidebar nav button i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#2669ea;background:#edf3ff;font-size:15px}.sidebar nav button:nth-of-type(2) i{color:#f27531;background:#fff0e8}.sidebar nav button:nth-of-type(3) i{color:#7559e8;background:#f0edff}.sidebar nav button:nth-of-type(4) i{color:#efae2d;background:#fff6dc}.sidebar nav button:nth-of-type(5) i{color:#1aa373;background:#e8f8f1}.sidebar nav button:nth-of-type(6) i{color:#e45e86;background:#fff0f5}.sidebar nav button:nth-of-type(7) i{color:#7b62df;background:#f0edff}.sidebar nav button:nth-of-type(8) i{color:#168dc7;background:#e9f6fb}.sidebar nav button:nth-of-type(9) i{color:#5275b9;background:#edf3ff}.sidebar nav button.active{color:#ed6e2b;background:#fff4ee;box-shadow:inset 3px 0 0 #f47d32}.sidebar nav button.active i{background:#ffe8d9;color:#f47d32}.sidebar nav button em{background:#286be8;color:#fff}.sidebar-bottom{border-top:1px solid #edf1f5;background:#fff;padding-top:10px}.user{border-top:1px solid #edf1f5;padding-top:10px}.user .avatar{background:#e7f7f1;color:#087b5b}.user strong{color:#183154}.user small{color:#8190a7}.topbar{height:70px;padding:0 28px;background:#fff;border-bottom:1px solid #e1e8f0;gap:20px}.menu-toggle{color:#17345d}.operation-context{display:grid;gap:2px;min-width:178px}.operation-context small{color:#8391a7;font-size:8px;font-weight:800;letter-spacing:.14em}.operation-context strong{color:#1b2d4b;font-size:12px}.operation-context strong:before{content:' ';display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#18b783;box-shadow:0 0 0 4px #e1f8ef}.global-search{height:41px;max-width:530px;flex:1;border-radius:12px;background:#f8fafc}.top-actions{margin-left:auto}.icon-button{border-radius:12px}.company>span{background:#e8f8f1;color:#087b5b}.content{padding:25px 30px 58px;max-width:1500px}.page-head h1{font-size:30px;color:#10213d}.page-head .eyebrow{color:#6d7e98}.page-head>div>p:not(.eyebrow){color:#687995}.mpos-shell{border-radius:18px;box-shadow:0 16px 35px #203f650d}.mpos-top{padding:16px 20px;background:#fff}.mpos-top h2{font-size:20px;color:#10213d}.mpos-product{min-height:130px;border-radius:13px}.mpos-product>span{color:#5260e8}.mpos-cart{background:#fff}.mpos-client{background:#f0f8f5}.primary{background:linear-gradient(135deg,#286bea,#5b55df);box-shadow:0 8px 18px #286bea2b}.primary:hover{background:linear-gradient(135deg,#1c5bd8,#4c47d0)}
@media(min-width:901px){.sidebar nav button{height:40px}.sidebar nav .nav-group{margin-top:16px;margin-bottom:5px}.sidebar-bottom>button{height:38px}.brand{padding-bottom:17px}}
@media(max-width:900px){.operation-context{display:none}.topbar{gap:10px;padding-inline:15px}.content{padding-inline:18px}}
body{background:var(--paper);color:var(--ink)}.app{grid-template-columns:268px minmax(0,1fr)}.sidebar{background:linear-gradient(180deg,#061a43,#061f50 58%,#062a65);color:#fff;width:268px;padding:25px 14px 17px}.brand{padding:0 12px 28px}.brand-icon{border:3px solid #52e3a6;background:transparent;color:#52e3a6;border-radius:14px}.brand strong{font-size:20px;letter-spacing:.04em}.brand small{color:#b6c4dd}.collapse{color:#c9d6ed;right:13px;top:27px}.nav-group{color:#8da1c5;margin:21px 12px 9px;font-size:10px}.sidebar nav button,.sidebar-bottom>button{color:#fff;border-radius:11px;margin:3px 0;padding:12px 14px}.sidebar nav button:hover,.sidebar-bottom>button:hover{background:#ffffff14}.sidebar nav button.active{background:#0d6cf2;box-shadow:0 8px 20px #0059d955}.sidebar nav button i{width:28px;color:#dce8ff;font-style:normal}.sidebar nav button em{background:#126ff4}.sidebar-bottom{border-top:1px solid #ffffff1c;padding-top:16px}.user .avatar{background:#daf7e8;color:#0d6a4c}.user strong,.user small{color:#fff}.main{min-width:0}.topbar{height:75px;background:#fff;border-bottom:1px solid var(--line);padding:0 32px}.global-search{border:1px solid #e2e8f1;border-radius:14px;max-width:550px;height:43px}.icon-button{width:43px;height:43px;border:1px solid #e4eaf2;background:#fff;border-radius:13px;color:#1a315b}.company{color:#14213d}.company>span{background:#dff7eb;color:#15845d}.content{padding:30px 36px 50px;max-width:1500px}.page-head{margin-bottom:26px}.page-head h1{font-size:31px;letter-spacing:-.04em}.page-head>div>p:not(.eyebrow){color:#64728d}.metrics{gap:20px}.metric,.panel,.report-grid article{border:1px solid #e5ebf3;border-radius:16px;box-shadow:0 7px 20px #1f39660b;background:#fff}.metric{min-height:132px;padding:21px}.metric-icon.green{background:#dff8ec;color:#16a16e}.metric-icon.blue{background:#e4efff;color:#146deb}.metric-icon.amber{background:#fff1db;color:#f08b00}.metric-icon.violet{background:#eee8ff;color:#7047e8}.metric strong{font-size:24px}.metric p:not(.negative){color:#139366}.metric p.negative{color:#ef4444}.dashboard-grid{gap:20px}.chart-bars span{background:linear-gradient(180deg,#45d7a5,#17b885);border-radius:6px 6px 0 0}.quick-grid{gap:12px}.quick-grid button{border:1px solid #e4eaf2;border-radius:13px;background:#fff;padding:15px}.quick-grid button:hover{border-color:#7eb3fb;box-shadow:0 7px 16px #1c5ca014}.quick-grid i{background:#e4f8ef;color:#0a9d69}.table-wrap{border:1px solid #edf0f5;border-radius:12px}.table-wrap th{color:#7b89a1;background:#fbfcfe}.table-wrap td{color:#405273}.subnav{background:#fff;border-bottom:1px solid var(--line)}.subnav button.active{color:#0969ed;border-color:#0969ed}.generic-modal{max-width:650px}.generic-modal input,.generic-modal select{border:1px solid #dfe6ef;border-radius:9px;background:#fff;height:42px;margin-top:6px;padding:0 11px}.help-list{color:#536581;line-height:2;padding:0 25px 20px}.dark-mode{--paper:#0d172a;--ink:#e8eef9;--line:#263754}.dark-mode .topbar,.dark-mode .panel,.dark-mode .metric,.dark-mode .report-grid article,.dark-mode .quick-grid button,.dark-mode .secondary,.dark-mode .icon-button{background:#14223a;color:#e8eef9;border-color:#2a3b5b}.dark-mode .table-wrap th{background:#182943;color:#b8c7df}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--font-geist:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;--nav:#061b45;--nav2:#0a2c67;--blue:#0b6cf2;--ink:#14213d;--paper:#f6f8fb;--line:#e3e9f1}
html,body{font-family:var(--font-geist)!important;letter-spacing:-.01em}body{overflow-x:hidden}
.app{height:100vh;min-height:680px;grid-template-columns:268px minmax(0,1fr);overflow:hidden}.sidebar{height:100vh;min-height:680px;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#061942 0%,#062354 65%,#062a65 100%);padding:22px 14px 15px}.brand{flex:0 0 auto;padding:0 12px 24px}.sidebar nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding-right:1px}.sidebar nav::-webkit-scrollbar{display:none}.sidebar-bottom{flex:0 0 auto;background:linear-gradient(180deg,#062354 0%,#062a65 100%);padding-top:12px}.sidebar nav button{height:44px;padding:0 14px;margin:2px 0;border-radius:11px;font-size:14px;font-weight:600}.sidebar nav button.active{background:linear-gradient(100deg,#0877ff,#1464e7);box-shadow:0 8px 20px #001f6045}.sidebar nav button i{font-size:18px}.nav-group{margin:18px 12px 7px;font-size:10px;font-weight:700;letter-spacing:.08em}.user{min-height:58px}.user strong{font-size:12px}.user small{font-size:10px;color:#b7c9e8}.collapse{font-size:20px}
.topbar{height:76px;padding:0 31px;gap:22px}.menu-toggle{display:grid;place-items:center;width:38px;height:38px;border:0;color:#1d3152;background:transparent;font-size:21px}.global-search{height:43px;max-width:550px;flex:1}.top-actions{gap:10px}.company{gap:10px}.company div{font-size:12px}.company small{font-size:10px;color:#7383a0}
.content{max-width:1540px;padding:31px 36px 48px}.page-head{align-items:flex-end;margin-bottom:27px}.page-head h1{font-size:32px;font-weight:800;letter-spacing:-.045em;line-height:1.08;margin:0 0 4px}.welcome-line{color:#536581;font-size:14px;font-weight:500;margin:0 0 3px}.welcome-line span{font-size:15px}.date-line{font-size:13px;letter-spacing:0;color:#536581;margin:0 0 3px}.page-head>div>p:not(.eyebrow):not(.welcome-line){font-size:13px}.button-caret{margin-left:12px;font-size:16px;opacity:.9}.primary{height:44px;padding:0 18px;font-size:13px;font-weight:700}.secondary{height:40px;padding:0 14px;font-size:12px;font-weight:700}
.metrics{gap:20px}.metric{min-height:132px;padding:21px 18px}.metric strong{font-size:23px;font-weight:800;letter-spacing:-.03em}.metric small{font-size:11px;font-weight:600}.metric p{font-size:11px}.panel{padding:20px 21px}.panel-head h3{font-size:16px;font-weight:800}.panel-head p{font-size:11px}.dashboard-grid{gap:20px}.quick-grid button{min-height:75px;padding:13px 14px}.quick-grid span{font-size:12px;font-weight:700}.quick-grid small{font-size:10px;font-weight:500}.table-wrap th{font-size:10px;letter-spacing:.04em}.table-wrap td{font-size:11px}.table-wrap td b{font-weight:700}.report-grid{gap:15px}.report-grid article{padding:20px}.report-grid h3{font-size:14px;font-weight:800}.report-grid p{font-size:11px}
.login-shell{font-family:var(--font-geist);grid-template-columns:minmax(420px,.9fr) minmax(420px,1.1fr);background:#f8fafc}.login-brand{min-height:100vh;padding:7vw 8vw;background:radial-gradient(circle at 80% 18%,#1467c9 0,#0a3576 28%,#061942 72%);justify-content:center}.login-brand:before{border-color:#5de4bd16;right:-180px;top:-170px;width:560px;height:560px}.login-brand:after{border-color:#ffffff0e;bottom:-190px;left:-130px}.login-logo{top:34px;left:7vw}.login-logo span{width:46px;height:46px;border:2px solid #50e2ad;background:#ffffff0b;color:#56e5b4;border-radius:15px;box-shadow:0 0 0 6px #50e2ad12}.login-copy{max-width:540px}.login-copy h1{font-size:clamp(40px,4.3vw,65px);line-height:1.03;font-weight:800}.login-copy>p:not(.eyebrow){font-size:16px;line-height:1.65}.login-stat{border-color:#ffffff2a;background:#ffffff12;backdrop-filter:blur(10px);border-radius:15px;padding:14px 18px}.login-form-wrap{background:#f8fafc;align-items:center;padding:30px 7vw}.login-card{width:min(430px,100%);border:1px solid #e5ebf3;border-radius:22px;padding:42px 42px 30px;box-shadow:0 18px 55px #173b6d12;background:#fff}.login-card h2{font-size:29px;font-weight:800;letter-spacing:-.045em}.form-lead{color:#71809b;font-size:13px}.login-card label{color:#405273;font-size:12px;font-weight:700}.field{height:47px;border:1px solid #dfe6ef;border-radius:11px;background:#fbfcfe;margin-top:7px}.field:focus-within{border-color:#4d99fa;box-shadow:0 0 0 4px #2a81f21a}.field input{font-size:13px}.login-button{height:48px;border-radius:11px;background:#0969ed;box-shadow:0 9px 20px #0969ed30;font-size:13px;font-weight:800}.demo-box{border:1px solid #ccefe0;background:#f0fbf6;border-radius:12px;padding:13px}.demo-box small{font-size:11px}.secure{color:#8491a7;font-size:10px}
.collapsed .sidebar{width:76px}.collapsed .sidebar nav{overflow:hidden}.collapsed .sidebar-bottom{overflow:hidden}.collapsed .menu-toggle{color:#0b6cf2}
@media (max-width:900px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-form-wrap{min-height:100vh}.app{min-height:100vh}.sidebar{min-height:100vh}.content{padding-inline:22px}}
@media (min-width:901px){.sidebar nav button{height:39px}.sidebar nav .nav-group{margin-top:11px;margin-bottom:4px}.sidebar-bottom>button{height:38px;padding-block:0}.sidebar-bottom{padding-top:8px}.brand{padding-bottom:18px}}
@media (min-width:901px){.sidebar nav button{height:35px}.sidebar nav .nav-group{margin-top:8px;margin-bottom:2px}.sidebar nav{padding-bottom:2px}}
.pos-modal{width:min(1180px,96vw);max-height:94vh;overflow:hidden;border:1px solid #dfe7f0;border-radius:22px;background:#f7f9fc;box-shadow:0 30px 100px #04183955}.pos-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:25px 28px 20px;background:#fff;border-bottom:1px solid #e5ebf3}.pos-head h2{margin:0 0 5px;font-size:27px;font-weight:800;letter-spacing:-.04em}.pos-head p:not(.eyebrow){margin:0;color:#71809b;font-size:12px}.pos-head-actions{display:flex;align-items:center;gap:10px}.modal-close{width:38px;height:38px;border:1px solid #dfe6ef;border-radius:10px;background:#fff;color:#536581;font-size:22px}.pos-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.8fr);min-height:580px;max-height:calc(94vh - 105px)}.pos-catalog{padding:22px;overflow:auto}.pos-search{display:flex;align-items:center;gap:10px;height:50px;padding:0 15px;border:1px solid #abd9ce;border-radius:12px;background:#fff;box-shadow:0 0 0 4px #1ab88d0c}.pos-search span{color:#8392a9;font-size:18px}.pos-search input{width:100%;border:0;outline:0;font-size:13px}.pos-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px}.pos-product{text-align:left;min-height:126px;padding:14px;border:1px solid #e1e8f0;border-radius:14px;background:#fff;transition:.15s;display:grid;align-content:start;gap:7px}.pos-product:hover{border-color:#38b995;box-shadow:0 8px 20px #0b8e7020;transform:translateY(-1px)}.pos-product small{color:#8a98ae;font-size:9px}.pos-product strong{color:#172642;font-size:12px;line-height:1.3}.pos-product span{color:#0e9b73;font-weight:800;font-size:13px}.pos-product em{color:#8490a5;font-style:normal;font-size:9px;font-weight:600}.pos-no-results,.pos-empty{display:grid;place-items:center;min-height:120px;color:#8996aa;font-size:12px}.pos-cart{display:flex;flex-direction:column;padding:22px 20px;background:#fff;border-left:1px solid #e1e8f0;overflow:auto}.pos-cart-head{display:flex;align-items:flex-start;justify-content:space-between}.pos-cart-head h3{margin:0;font-size:17px;font-weight:800}.pos-cart-head p{margin:3px 0 0;color:#8a96aa;font-size:11px}.pos-client{position:relative;margin-top:18px;padding:14px;border-radius:12px;background:#eef8f5}.pos-client label{position:relative;display:grid;gap:7px;color:#63728b;font-size:10px;font-weight:800;letter-spacing:.05em}.pos-client input{height:39px;padding:0 42px 0 11px;border:1px solid #d9e6e2;border-radius:9px;background:#fff;outline:0;font-size:12px}.pos-client>label>button{position:absolute;right:5px;bottom:5px;width:30px;height:29px;border:1px solid #dce7e3;border-radius:8px;background:#fff;color:#146f5a}.pos-client small{display:block;margin-top:7px;color:#6e8c84;font-size:10px}.pos-cart-items{min-height:170px;max-height:220px;margin-top:13px;overflow:auto}.pos-cart-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf0f4}.pos-cart-row div:first-child{display:grid;gap:4px}.pos-cart-row strong{font-size:11px}.pos-cart-row small{color:#8793a7;font-size:9px}.pos-qty{display:flex;align-items:center;gap:7px}.pos-qty button{width:23px;height:23px;border:1px solid #dce5ee;border-radius:6px;background:#fff;color:#0b78ed}.pos-fields{display:grid;gap:10px;margin-top:15px}.pos-fields>label,.pos-fields>div>label{display:grid;gap:6px;color:#67758d;font-size:10px;font-weight:800}.pos-fields>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pos-fields select,.pos-fields input{width:100%;height:38px;padding:0 9px;border:1px solid #dfe6ef;border-radius:8px;background:#fff;outline:0;font-size:11px}.pos-totals{display:grid;gap:7px;margin-top:16px;padding-top:13px;border-top:1px solid #e7edf3;color:#75839a;font-size:11px}.pos-totals span,.pos-totals strong{display:flex;justify-content:space-between}.pos-totals strong{color:#15213a;font-size:16px}.pos-submit{width:100%;height:46px;margin-top:15px;border-radius:10px}.pos-submit span{margin-left:9px}@media(max-width:850px){.pos-modal{max-height:96vh;overflow:auto}.pos-layout{grid-template-columns:1fr;max-height:none}.pos-cart{border-top:1px solid #e1e8f0;border-left:0}.pos-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mpos-shell{margin-top:-4px;border:1px solid #e1e8f0;border-radius:18px;background:#fff;box-shadow:0 10px 28px #19375e0b;overflow:hidden}.mpos-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid #e6ecf3;background:linear-gradient(90deg,#fff,#f8fbff)}.mpos-top h2{margin:5px 0 2px;font-size:20px;font-weight:800;letter-spacing:-.03em}.mpos-top p{margin:0;color:#72819a;font-size:11px}.mpos-live{color:#09875f;font-size:9px;font-weight:800;letter-spacing:.08em}.mpos-top>div:last-child{display:flex;gap:8px}.mpos-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(350px,.72fr);height:calc(100vh - 274px);min-height:570px}.mpos-catalog{min-width:0;padding:16px;background:#f8fafc;overflow:hidden}.mpos-searchbar{display:grid;grid-template-columns:minmax(280px,1fr) 145px 145px;gap:9px}.mpos-searchbar label{display:flex;align-items:center;gap:8px;height:44px;padding:0 13px;border:1px solid #9bd8c8;border-radius:11px;background:#fff;box-shadow:0 0 0 3px #20a9830b}.mpos-searchbar label span{color:#72829a;font-size:17px}.mpos-searchbar input{width:100%;border:0;outline:0;color:#243654;font-size:11px}.mpos-searchbar select{height:44px;padding:0 10px;border:1px solid #dfe6ef;border-radius:10px;background:#fff;color:#52637e;font-size:10px;outline:0}.mpos-results-head{display:flex;justify-content:space-between;align-items:center;padding:13px 2px 9px;color:#8591a5;font-size:10px}.mpos-results-head strong{color:#314561;font-size:11px}.mpos-products{height:calc(100% - 78px);overflow-y:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:10px;padding:0 4px 18px 0;scrollbar-width:thin;scrollbar-color:#bfd0e2 transparent}.mpos-products::-webkit-scrollbar{width:6px}.mpos-products::-webkit-scrollbar-thumb{background:#bfd0e2;border-radius:10px}.mpos-product{position:relative;display:grid;align-content:start;gap:7px;min-height:136px;padding:13px;text-align:left;border:1px solid #dde5ee;border-radius:13px;background:#fff;transition:.16s}.mpos-product:hover{border-color:#2eb08c;box-shadow:0 8px 18px #1b6d5817;transform:translateY(-1px)}.mpos-product small{color:#8290a7;font-size:8px;line-height:1.4}.mpos-product small b{color:#49708d}.mpos-product>strong{color:#172945;font-size:11px;line-height:1.35}.mpos-product>span{margin-top:auto;color:#059669;font-size:13px;font-weight:800}.mpos-product em{color:#8693a7;font-size:8px;font-style:normal;font-weight:600}.mpos-product i{position:absolute;right:10px;bottom:12px;color:#0b6cf2;font-size:8px;font-style:normal;font-weight:800;opacity:0;transition:.16s}.mpos-product:hover i{opacity:1}.mpos-empty-results{grid-column:1/-1;display:grid;place-items:center;gap:5px;min-height:220px;color:#7d8ca4}.mpos-empty-results b{font-size:13px}.mpos-empty-results span{font-size:10px}.mpos-cart{display:flex;flex-direction:column;min-width:0;padding:17px 18px;border-left:1px solid #e2e8f0;background:#fff;overflow:hidden}.mpos-cart-title{display:flex;align-items:flex-start;justify-content:space-between}.mpos-cart-title h3{margin:0;font-size:16px;font-weight:800}.mpos-cart-title p{margin:2px 0 0;color:#8794a8;font-size:9px}.mpos-client{margin-top:13px;padding:12px;border-radius:11px;background:#edf8f5}.mpos-client>label{display:grid;gap:6px;color:#64758b;font-size:9px;font-weight:800;letter-spacing:.05em}.mpos-client>label>div{display:flex}.mpos-client input{width:100%;height:36px;padding:0 10px;border:1px solid #d7e6e1;border-radius:8px 0 0 8px;background:#fff;outline:0;font-size:10px}.mpos-client button{width:38px;border:1px solid #d7e6e1;border-left:0;border-radius:0 8px 8px 0;background:#fff;color:#087a5e}.mpos-client small{display:block;margin-top:6px;color:#708d85;font-size:9px}.mpos-cart-items{flex:1;min-height:125px;margin-top:9px;overflow-y:auto}.mpos-cart-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #edf1f5}.mpos-cart-row>div:first-child{display:grid;gap:3px}.mpos-cart-row strong{color:#263854;font-size:9px}.mpos-cart-row small{color:#8895aa;font-size:8px}.mpos-qty{display:flex;align-items:center;gap:5px}.mpos-qty button{width:21px;height:21px;border:1px solid #dce4ed;border-radius:6px;background:#fff;color:#0876e8;font-size:10px}.mpos-checkout{flex:0 0 auto;padding-top:11px;border-top:1px solid #e7edf3}.mpos-checkout label{display:grid;gap:5px;color:#64738a;font-size:9px;font-weight:800}.mpos-checkout>div:nth-child(2){display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.mpos-checkout select,.mpos-checkout input{width:100%;height:35px;padding:0 9px;border:1px solid #dfe6ef;border-radius:8px;background:#fff;outline:0;font-size:9px}.mpos-totals{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin-top:10px!important;padding-top:9px;border-top:1px solid #e8edf3;color:#75839a;font-size:9px}.mpos-totals span,.mpos-totals strong{display:flex;justify-content:space-between}.mpos-totals strong{color:#172640;font-size:14px}.mpos-checkout>.primary{width:100%;height:40px;margin-top:10px;font-size:11px}@media(max-width:1050px){.mpos-layout{grid-template-columns:1.2fr .8fr}.mpos-products{grid-template-columns:repeat(2,minmax(0,1fr))}.mpos-searchbar{grid-template-columns:1fr 130px}.mpos-searchbar select:last-child{display:none}}@media(max-width:760px){.mpos-layout{display:block;height:auto;min-height:0}.mpos-catalog{height:570px}.mpos-cart{border-left:0;border-top:1px solid #e2e8f0;min-height:600px}.mpos-searchbar{grid-template-columns:1fr}.mpos-searchbar select{display:block!important}.mpos-products{grid-template-columns:1fr 1fr}.mpos-top{display:block}.mpos-top>div:last-child{margin-top:12px}}
/* Final density pass: keep headers compact and restore document scrolling. */
html,body{min-height:100%;overflow-y:auto}.app{height:auto;min-height:100vh;overflow:visible}.main{min-height:100vh;overflow:visible}.content{padding-bottom:56px}.page-head{min-height:54px;align-items:center;margin-bottom:17px}.page-head>div:first-child{display:flex;align-items:baseline;gap:12px;min-width:0;white-space:nowrap}.page-head .welcome-line{margin:0;font-size:11px}.page-head h1{margin:0;font-size:27px}.page-head .date-line{margin:0;font-size:10px}.page-head>div>p:not(.eyebrow):not(.welcome-line){margin:0;font-size:11px;overflow:hidden;text-overflow:ellipsis}.page-head .head-actions{margin-left:auto;flex:0 0 auto}.global-search span{display:grid;place-items:center;width:22px;min-width:22px;flex:0 0 22px;font-size:17px}.global-search input{min-width:0}.mpos-shell{overflow:visible}.mpos-top{min-height:58px;align-items:center;padding:13px 18px}.mpos-top>div:first-child{display:flex;align-items:baseline;gap:10px;min-width:0;white-space:nowrap}.mpos-top h2{margin:0;font-size:17px}.mpos-top p{overflow:hidden;text-overflow:ellipsis}.mpos-live{font-size:8px}.mpos-layout{height:auto;min-height:calc(100vh - 246px);align-items:stretch}.mpos-catalog{overflow:visible}.mpos-products{height:calc(100vh - 390px);min-height:360px;max-height:760px}.mpos-cart{position:sticky;top:14px;height:calc(100vh - 260px);min-height:580px;overflow:auto;align-self:start}.mpos-cart-items{min-height:120px}.mpos-checkout{margin-top:auto}@media(max-width:850px){.page-head>div:first-child{flex-wrap:wrap;white-space:normal;gap:4px 10px}.page-head h1{width:100%;font-size:25px}.page-head>div>p:not(.eyebrow):not(.welcome-line){width:100%}.mpos-top>div:first-child{display:block;white-space:normal}.mpos-top p{margin-top:4px}.mpos-layout{min-height:0}.mpos-products{height:560px;max-height:none}.mpos-cart{position:relative;top:auto;height:auto;min-height:600px}}
/* ADEL 2027 visual pass: clean white navigation, confident type and fast POS hierarchy. */
:root{--nav:#fff;--nav2:#f7fafc;--ink:#10213d;--muted:#65748e;--line:#dfe7f0;--paper:#f4f7fb;--green:#0b9d73;--green2:#e8f8f2;--lime:#55e0b1;--blue:#2167ed;--orange:#f47d32;--violet:#7559e8}
body{font-family:'Inter',Arial,sans-serif;color:var(--ink);background:var(--paper)}
.app{grid-template-columns:242px minmax(0,1fr)}.sidebar{width:242px;padding:18px 10px 12px;color:#5f708c;background:#fff;border-right:1px solid #e5ebf2;box-shadow:4px 0 22px #163b6506}.brand{padding:0 10px 22px;border-bottom:1px solid #edf1f5}.brand-icon{width:43px;height:43px;border:0;border-radius:13px;background:linear-gradient(145deg,#2769ed,#7358e7);color:#fff;box-shadow:0 10px 18px #2865e52b}.brand strong{color:#152846;font-size:19px;letter-spacing:-.04em}.brand small{color:#71819a}.collapse{color:#71819a;right:10px;top:22px}.nav-group{color:#93a0b3;margin:20px 12px 7px;font-size:9px;letter-spacing:.13em}.sidebar nav button,.sidebar-bottom>button{color:#5f708c;border-radius:12px;margin:3px 0;padding:0 12px;height:42px;font-size:13px}.sidebar nav button:hover,.sidebar-bottom>button:hover{color:#1d3152;background:#f3f7fb}.sidebar nav button i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#2669ea;background:#edf3ff;font-size:15px}.sidebar nav button:nth-of-type(2) i{color:#f27531;background:#fff0e8}.sidebar nav button:nth-of-type(3) i{color:#7559e8;background:#f0edff}.sidebar nav button:nth-of-type(4) i{color:#efae2d;background:#fff6dc}.sidebar nav button:nth-of-type(5) i{color:#1aa373;background:#e8f8f1}.sidebar nav button:nth-of-type(6) i{color:#e45e86;background:#fff0f5}.sidebar nav button:nth-of-type(7) i{color:#7b62df;background:#f0edff}.sidebar nav button:nth-of-type(8) i{color:#168dc7;background:#e9f6fb}.sidebar nav button:nth-of-type(9) i{color:#5275b9;background:#edf3ff}.sidebar nav button.active{color:#ed6e2b;background:#fff4ee;box-shadow:inset 3px 0 0 #f47d32}.sidebar nav button.active i{background:#ffe8d9;color:#f47d32}.sidebar nav button em{background:#286be8;color:#fff}.sidebar-bottom{border-top:1px solid #edf1f5;background:#fff;padding-top:10px}.user{border-top:1px solid #edf1f5;padding-top:10px}.user .avatar{background:#e7f7f1;color:#087b5b}.user strong{color:#183154}.user small{color:#8190a7}.topbar{height:70px;padding:0 28px;background:#fff;border-bottom:1px solid #e1e8f0;gap:20px}.menu-toggle{color:#17345d}.operation-context{display:grid;gap:2px;min-width:178px}.operation-context small{color:#8391a7;font-size:8px;font-weight:800;letter-spacing:.14em}.operation-context strong{color:#1b2d4b;font-size:12px}.operation-context strong:before{content:' ';display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#18b783;box-shadow:0 0 0 4px #e1f8ef}.global-search{height:41px;max-width:530px;flex:1;border-radius:12px;background:#f8fafc}.top-actions{margin-left:auto}.icon-button{border-radius:12px}.company>span{background:#e8f8f1;color:#087b5b}.content{padding:25px 30px 58px;max-width:1500px}.page-head h1{font-size:30px;color:#10213d}.page-head .eyebrow{color:#6d7e98}.page-head>div>p:not(.eyebrow){color:#687995}.mpos-shell{border-radius:18px;box-shadow:0 16px 35px #203f650d}.mpos-top{padding:16px 20px;background:#fff}.mpos-top h2{font-size:20px;color:#10213d}.mpos-product{min-height:130px;border-radius:13px}.mpos-product>span{color:#5260e8}.mpos-cart{background:#fff}.mpos-client{background:#f0f8f5}.primary{background:linear-gradient(135deg,#286bea,#5b55df);box-shadow:0 8px 18px #286bea2b}.primary:hover{background:linear-gradient(135deg,#1c5bd8,#4c47d0)}
@media(min-width:901px){.sidebar nav button{height:40px}.sidebar nav .nav-group{margin-top:16px;margin-bottom:5px}.sidebar-bottom>button{height:38px}.brand{padding-bottom:17px}}
@media(max-width:900px){.operation-context{display:none}.topbar{gap:10px;padding-inline:15px}.content{padding-inline:18px}}