:root{--ink:#122a2d;--muted:#6c7e80;--line:#dde9e6;--paper:#fff;--canvas:#f3f7f6;--nav:#073c3a;--nav-dark:#052e2d;--primary:#0f766e;--primary-2:#11998e;--mint:#d9f5ed;--blue:#e0efff;--violet:#eee8ff;--amber:#fff0d5;--red:#dc4c64;--shadow:0 8px 30px rgba(23,64,61,.07);--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--canvas);font-size:14px}button,input,select,textarea{font:inherit}button,a{transition:.2s ease}button{cursor:pointer}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin-top:0}.app-shell{min-height:100vh}.app-body{overflow-x:hidden}.sidebar{position:fixed;z-index:50;inset:0 auto 0 0;width:248px;background:linear-gradient(175deg,var(--nav) 0%,var(--nav-dark) 100%);color:#fff;display:flex;flex-direction:column;padding:24px 16px 16px}.sidebar-head{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.brand-lockup{display:inline-flex;align-items:center;gap:10px;font:800 24px/1 'Manrope',sans-serif;letter-spacing:-1.4px;color:#0b514d}.brand-lockup--light{color:#fff}.brand-mark{width:30px;height:22px;position:relative;display:inline-block}.brand-mark i{display:block;position:absolute;top:3px;width:15px;height:15px;border:3px solid currentColor;border-radius:50%}.brand-mark i:first-child{left:0}.brand-mark i:last-child{right:0}.brand-mark:after{content:"";position:absolute;left:12px;top:9px;width:7px;border-top:3px solid currentColor}.sidebar-nav{margin-top:28px;overflow:auto;padding-right:2px;flex:1;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent}.nav-group-title{font:700 10px/1 'Manrope';letter-spacing:1.6px;color:#83aaa6;margin:22px 12px 8px}.nav-item{display:flex;align-items:center;gap:12px;min-height:42px;padding:0 12px;margin:3px 0;border-radius:10px;color:#c4d8d5;font-weight:600}.nav-item svg{width:18px;height:18px;stroke-width:1.8}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:linear-gradient(90deg,#16877b,#107169);color:#fff;box-shadow:inset 0 0 0 1px #ffffff12,0 5px 15px #001d1b30}.nav-item b{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:12px;background:#ffbc57;color:#4c3304;font-size:10px;display:grid;place-items:center}.sidebar-bottom{border-top:1px solid #ffffff14;padding-top:8px}.sidebar-user{display:grid;grid-template-columns:38px 1fr 22px;align-items:center;gap:10px;margin-top:12px;padding:12px 8px 2px}.sidebar-user strong,.sidebar-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user strong{font-size:12px}.sidebar-user small{font-size:10px;color:#89aba8;margin-top:2px}.sidebar-user>a{color:#82a7a3}.sidebar-user svg{width:16px}.user-avatar{width:34px;height:34px;border-radius:11px;background:var(--avatar,#0f766e);color:#fff;display:grid;place-items:center;font-weight:700;font-size:11px;box-shadow:inset 0 0 0 2px #ffffff25}.user-avatar.large{width:56px;height:56px;border-radius:17px;font-size:17px}.sidebar-close{display:none;color:#fff}.app-main{min-height:100vh;margin-left:248px;display:flex;flex-direction:column}.topbar{height:72px;background:#ffffffed;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 32px;gap:20px;position:sticky;top:0;z-index:35}.global-search{position:relative;display:flex;align-items:center;width:min(430px,45vw);height:40px;background:#f2f6f5;border:1px solid transparent;border-radius:10px;padding:0 12px;color:#80918f}.global-search:focus-within{background:#fff;border-color:#9ed1ca;box-shadow:0 0 0 3px #0f766e10}.global-search>svg{width:17px}.global-search input{border:0;background:transparent;outline:0;width:100%;padding:0 10px;color:var(--ink)}.global-search kbd{font-size:10px;background:#fff;border:1px solid var(--line);padding:3px 6px;border-radius:5px;white-space:nowrap}.search-results{display:none;position:absolute;top:47px;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:8px}.search-results.show{display:block}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.branch-pill{height:36px;display:flex;align-items:center;gap:7px;background:#edf6f3;color:#386963;padding:0 12px;border-radius:9px;font-size:12px;font-weight:600}.branch-pill svg{width:14px}.icon-btn{width:36px;height:36px;border:0;background:transparent;border-radius:9px;display:grid;place-items:center;color:#617674}.icon-btn:hover{background:#e9f2f0;color:var(--primary)}.icon-btn svg{width:18px}.notification-btn{position:relative}.notification-btn span{position:absolute;right:7px;top:7px;width:7px;height:7px;background:#f25e6f;border:2px solid #fff;border-radius:50%}.menu-toggle{display:none}.content{width:100%;max-width:1600px;margin:0 auto;padding:28px 32px 40px;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.page-heading h1{font:800 27px/1.2 'Manrope';letter-spacing:-.8px;margin:4px 0 4px}.page-heading>div>p:last-child{color:var(--muted);margin:0}.breadcrumbs{font:700 9px/1 'Manrope';letter-spacing:1.5px;color:#81918f}.breadcrumbs span{margin:0 5px;color:#b5c1bf}.app-footer{height:48px;border-top:1px solid var(--line);color:#8a9998;padding:0 32px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.app-footer span:last-child{display:flex;align-items:center;gap:7px}.app-footer i{width:7px;height:7px;border-radius:50%;background:#36bf8c;box-shadow:0 0 0 4px #36bf8c20}
.eyebrow,.eyebrow-light{font:800 9px/1 'Manrope';letter-spacing:1.6px;color:var(--primary)}.eyebrow-light{color:#86cdc3}.welcome-strip{min-height:156px;border-radius:20px;background:radial-gradient(circle at 92% 10%,#42aa9840 0 13%,transparent 14%),linear-gradient(110deg,#084744,#0b635b);color:#fff;padding:27px 30px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;margin-bottom:20px;box-shadow:0 12px 30px #064a4420}.welcome-strip:after{content:"";position:absolute;width:220px;height:220px;border:1px solid #ffffff17;border-radius:50%;right:70px;top:-90px}.welcome-strip h2{font:800 25px/1.2 'Manrope';margin:8px 0 7px;letter-spacing:-.6px}.welcome-strip h2 span{font-size:22px}.welcome-strip p{margin:0;color:#b8d8d3;font-size:13px}.welcome-strip p strong{color:#fff}.welcome-actions{display:flex;gap:10px;z-index:2}.btn-white,.btn-ghost-light,.btn-primary,.btn-secondary,.btn-danger{height:40px;padding:0 16px;border-radius:10px;border:0;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:12px;white-space:nowrap}.btn-white{background:#fff;color:#0b5e56;box-shadow:0 5px 15px #002c2930}.btn-white:hover{transform:translateY(-1px);box-shadow:0 8px 20px #002c2940}.btn-ghost-light{background:#ffffff10;color:#fff;border:1px solid #ffffff30}.btn-ghost-light:hover{background:#ffffff20}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #0f766e25}.btn-primary:hover{background:#0b6861;transform:translateY(-1px)}.btn-secondary{background:#fff;color:#405a58;border:1px solid #d7e3e0}.btn-secondary:hover{border-color:#a8c9c4;color:var(--primary)}.btn-danger{background:#c83e57;color:#fff}.btn-sm{height:34px;padding:0 12px}.btn-white svg,.btn-ghost-light svg,.btn-primary svg,.btn-secondary svg,.btn-danger svg{width:16px}.justify-center{justify-content:center}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.kpi-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:19px 18px 17px;position:relative;box-shadow:0 3px 15px #17423e04}.kpi-icon{position:absolute;right:16px;bottom:17px;width:39px;height:39px;border-radius:12px;display:grid;place-items:center;color:#19796e}.kpi-icon.mint{background:var(--mint)}.kpi-icon.blue{background:var(--blue);color:#3975b5}.kpi-icon.violet{background:var(--violet);color:#7358b3}.kpi-icon.amber{background:var(--amber);color:#ae7622}.kpi-icon svg{width:19px}.kpi-top{display:flex;align-items:center;justify-content:space-between;padding-right:42px}.kpi-top>span{font:700 9px/1 'Manrope';letter-spacing:1.1px;color:#82918f}.kpi-card h3{font:800 23px/1 'Manrope';letter-spacing:-.5px;margin:16px 0 7px}.kpi-card p{margin:0;color:#8a9997;font-size:11px}.trend{font-size:9px;border-radius:10px;padding:4px 7px;display:flex;align-items:center;gap:3px}.trend svg{width:10px}.trend.up{background:#e5f7ef;color:#27835f}.trend.neutral{background:#e9f1fb;color:#4f79a8}.trend.warning{background:#fff0d8;color:#ad7221}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 3px 15px #17423e04}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:19px 21px 14px}.panel-head h2{font:750 16px/1.2 'Manrope';letter-spacing:-.3px;margin:5px 0 0}.panel-head>a,.panel-head>button:not(.btn-primary):not(.btn-secondary){color:var(--primary);font-weight:700;font-size:11px;display:flex;align-items:center;gap:5px}.panel-head>a svg{width:13px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,1fr);gap:16px;margin-bottom:16px}.dashboard-grid--bottom{grid-template-columns:1.25fr 1fr}.sales-chart-panel{min-height:335px}.chart-summary{position:absolute;margin:6px 0 0 21px}.chart-summary strong,.chart-summary span{display:block}.chart-summary strong{font:800 20px/1 'Manrope'}.chart-summary span{font-size:10px;color:var(--muted);margin-top:5px}.canvas-wrap{height:245px;padding:18px 18px 10px}.canvas-wrap.tall{height:320px}.canvas-wrap canvas{width:100%!important;height:100%!important}.appointment-list{padding:0 20px 14px}.appointment-row{display:grid;grid-template-columns:43px 2px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #edf1f0}.appointment-row time{font:800 13px 'Manrope';text-align:right}.appointment-row time small{display:block;font-size:8px;color:#93a09e}.appointment-line{height:31px;border-radius:3px;background:#4fb6a8}.appointment-row div strong,.appointment-row div p{display:block;margin:0}.appointment-row div strong{font-size:12px}.appointment-row div p{color:var(--muted);font-size:10px;margin-top:3px}.status{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:0 8px;border-radius:12px;font-size:9px;font-weight:700;text-transform:capitalize;white-space:nowrap}.status-confirmed,.status-paid,.status-received,.status-ready,.status-completed,.status-sent,.status-closed{background:#dff5eb;color:#237958}.status-scheduled,.status-pending,.status-partial,.status-ordered,.status-draft,.status-waiting_parts,.status-scheduled{background:#fff0d7;color:#a56c1a}.status-in_progress,.status-sending,.status-open{background:#e3efff;color:#3970a6}.status-cancelled,.status-refunded,.status-no_show{background:#fde7eb;color:#b23a51}.status-delivered{background:#eee9ff;color:#6855a8}.mini-table{padding:0 20px 12px}.mini-table-row{display:grid;grid-template-columns:36px 1fr auto 62px;gap:10px;align-items:center;border-top:1px solid #edf1f0;padding:11px 0}.doc-icon,.product-tile{width:34px;height:34px;border-radius:9px;background:#e8f6f2;color:var(--primary);display:grid;place-items:center;flex:none}.doc-icon svg,.product-tile svg{width:16px}.mini-table-row div strong,.mini-table-row div small{display:block}.mini-table-row div strong{font-size:11px}.mini-table-row div small{font-size:9px;color:#8b9997;margin-top:3px}.mini-table-row>strong{font-size:11px}.stock-alert-list{padding:0 20px 14px}.stock-alert-list>div{display:flex;align-items:center;gap:11px;border-top:1px solid #edf1f0;padding:10px 0}.stock-alert-list p{margin:0;flex:1;min-width:0}.stock-alert-list p strong,.stock-alert-list p small{display:block}.stock-alert-list p strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-alert-list p small{font-size:9px;color:#879694;margin-top:3px}.stock-alert-list>b{font:800 13px 'Manrope';color:#b96e19}.stock-alert-list>b small{font:500 9px 'DM Sans';color:#879694}.empty-mini{min-height:90px;display:flex!important;flex-direction:column;justify-content:center!important;align-items:center!important;text-align:center;color:#82918f;border:0!important}.empty-mini svg{width:25px;margin-bottom:8px;color:#5c9d94}.empty-mini p{font-size:11px!important}
.module-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px}.toolbar-spacer{flex:1}.filter-search{width:min(350px,100%);height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;align-items:center;padding:0 12px;color:#82908f}.filter-search.small{width:250px;height:36px}.filter-search svg{width:16px}.filter-search input{width:100%;border:0;outline:0;padding-left:9px;background:transparent;font-size:12px}.compact-select{height:40px;border:1px solid var(--line);border-radius:10px;padding:0 28px 0 12px;background:#fff;color:#526361;font-size:12px}.mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.mini-kpis.four{grid-template-columns:repeat(4,1fr)}.mini-kpis article{height:82px;background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;padding:14px 17px;gap:13px}.mini-kpis article>span{width:42px;height:42px;background:var(--mint);color:var(--primary);display:grid;place-items:center;border-radius:12px}.mini-kpis article>span.blue{background:var(--blue);color:#3975b5}.mini-kpis article>span.violet{background:var(--violet);color:#7358b3}.mini-kpis article>span.amber{background:var(--amber);color:#ae7622}.mini-kpis svg{width:19px}.mini-kpis small,.mini-kpis strong{display:block}.mini-kpis small{font:700 9px 'Manrope';letter-spacing:.8px;color:#849391}.mini-kpis strong{font:800 20px 'Manrope';margin-top:6px}.table-panel{overflow:hidden}.table-responsive{overflow:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th{text-align:left;font:700 9px 'Manrope';letter-spacing:.7px;color:#82918f;background:#f6f9f8;padding:10px 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.data-table td{padding:12px 16px;border-bottom:1px solid #edf1f0;font-size:11px;color:#405351;vertical-align:middle}.data-table tbody tr:hover{background:#f9fbfb}.data-table tbody tr:last-child td{border-bottom:0}.data-table td>strong,.data-table td>small{display:block}.data-table td>small{font-size:9px;color:#889795;margin-top:3px}.data-table .regular{font-weight:600}.entity-cell{display:flex;align-items:center;gap:10px}.entity-cell>div strong,.entity-cell>div small{display:block}.entity-cell>div strong{font-size:11px;color:var(--ink)}.entity-cell>div small{font-size:9px;color:#879694;margin-top:3px}.table-avatar{width:34px;height:34px;border-radius:10px;background:#e4f2ef;color:#17766d;display:grid;place-items:center;font-weight:800;font-size:10px;flex:none}.channel-badge{height:25px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;border:1px solid var(--line);border-radius:8px;font-size:9px}.channel-badge svg{width:12px}.row-actions{display:flex;justify-content:flex-end;gap:2px}.row-actions button,.row-actions a{width:30px;height:30px;border:0;border-radius:8px;background:transparent;display:grid;place-items:center;color:#788a88}.row-actions button:hover,.row-actions a:hover{background:#e8f2f0;color:var(--primary)}.row-actions svg{width:15px}.muted-text{color:#899895;font-size:10px}.stock-cell strong{font:800 13px 'Manrope'}.stock-cell>span{width:70px;height:4px;background:#e9efee;border-radius:4px;display:inline-block;margin-left:7px;vertical-align:middle;overflow:hidden}.stock-cell>span i{display:block;height:100%;background:#48aa86;border-radius:4px}.stock-cell>span i.low{background:#e1a03c}.stock-cell small{display:block;color:#8a9997;margin-top:4px;font-size:9px}.modal{position:fixed;z-index:100;inset:0;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:#062d2d99;backdrop-filter:blur(4px)}.modal-dialog{position:relative;background:#fff;width:min(500px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:18px;box-shadow:0 30px 80px #002c2b55;animation:modalIn .2s ease}.modal-lg{width:min(760px,100%)}@keyframes modalIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.modal-head{height:76px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.modal-head h2{font:800 18px 'Manrope';margin:5px 0 0}.modal-body{padding:21px 22px;display:flex;flex-direction:column;gap:15px}.modal-foot{height:66px;padding:0 22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:9px;position:sticky;bottom:0;background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .span-2{grid-column:span 2}label{font-weight:700;font-size:11px;color:#425653;display:flex;flex-direction:column;gap:6px}label small{font-weight:400;color:#8a9896}input,select,textarea{border:1px solid #d7e3e0;border-radius:9px;background:#fff;color:var(--ink);padding:0 11px;outline:0;min-width:0}input,select{height:40px}textarea{padding:10px 11px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#76b8af;box-shadow:0 0 0 3px #0f766e0e}.form-section-title{font:800 9px 'Manrope';letter-spacing:1px;color:var(--primary);padding-top:5px}.consent-box,.privacy-note{display:flex;flex-direction:row;align-items:flex-start;gap:10px;background:#edf7f4;border:1px solid #d8eee8;border-radius:11px;padding:12px}.consent-box input{width:17px;height:17px;margin:2px 0}.consent-box span strong,.consent-box span small{display:block}.consent-box span small{margin-top:2px}.privacy-note svg{width:20px;color:var(--primary)}.privacy-note p{margin:0}.privacy-note strong,.privacy-note small{display:block}.privacy-note small{font-size:10px;color:var(--muted);margin-top:2px}.alert{padding:12px 14px;border-radius:10px;margin-bottom:14px;font-size:12px}.alert-danger{background:#fde8ec;color:#a83248;border:1px solid #f8cbd3}.alert-warning{background:#fff1d9;color:#8d5a14;border:1px solid #f6d59d}.alert-success{background:#def4ea;color:#236c52;border:1px solid #bce5d3}.alert a{text-decoration:underline;font-weight:700}
.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}.pos-catalog{min-width:0}.pos-search{height:52px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;align-items:center;padding:0 16px;color:var(--primary);box-shadow:0 3px 12px #17423e04}.pos-search svg{width:21px}.pos-search input{border:0;box-shadow:none;width:100%;height:50px;font-size:13px}.pos-search kbd{font-size:10px;background:#f1f5f4;color:#879592;padding:4px 7px;border-radius:5px}.category-chips{display:flex;gap:7px;margin:13px 0;overflow:auto;padding-bottom:2px}.category-chips button{border:1px solid var(--line);background:#fff;border-radius:18px;height:31px;padding:0 13px;color:#647674;font-size:10px;white-space:nowrap}.category-chips button.active,.category-chips button:hover{background:#0d7169;border-color:#0d7169;color:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px}.pos-product{min-height:150px;background:#fff;border:1px solid var(--line);border-radius:14px;text-align:left;padding:13px;display:flex;flex-direction:column}.pos-product:hover{border-color:#79bcb3;box-shadow:0 8px 20px #0d71690d;transform:translateY(-2px)}.pos-product>span{height:50px;border-radius:9px;background:#eff6f4;display:flex;align-items:center;justify-content:center;color:#2d7c73;position:relative;margin-bottom:10px}.pos-product>span svg{width:25px}.pos-product>span b{position:absolute;top:5px;right:6px;font-size:8px;background:#fff;border-radius:7px;padding:2px 5px;color:#6c7c7a}.pos-product small{font:700 8px 'Manrope';letter-spacing:.6px;color:#81908e;text-transform:uppercase}.pos-product strong{font-size:11px;margin:5px 0;line-height:1.3}.pos-product p{font:800 13px 'Manrope';color:var(--primary);margin:auto 0 0}.pos-cart{background:#fff;border:1px solid var(--line);border-radius:16px;position:sticky;top:92px;max-height:calc(100vh - 112px);display:flex;flex-direction:column;overflow:hidden}.cart-head{padding:17px 18px 12px;display:flex;align-items:center;justify-content:space-between}.cart-head h2{font:800 17px 'Manrope';margin:5px 0 0}.customer-select-label{height:44px;margin:0 18px 10px;background:#f1f6f5;border-radius:10px;display:flex;flex-direction:row;align-items:center;padding:0 10px;color:#71817f}.customer-select-label>svg{width:16px}.customer-select-label select{height:40px;flex:1;border:0;background:transparent;box-shadow:none;font-size:10px}.customer-select-label button{border:0;background:transparent;color:var(--primary);padding:5px}.customer-select-label button svg{width:16px}.cart-items{min-height:170px;overflow:auto;flex:1;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 18px}.cart-empty{height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#8b9997}.cart-empty span{width:52px;height:52px;border-radius:17px;background:#edf5f3;display:grid;place-items:center;color:#6a9b95}.cart-empty svg{width:24px}.cart-empty h3{font:700 13px 'Manrope';margin:12px 0 4px;color:#526664}.cart-empty p{font-size:10px;max-width:180px}.cart-item{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 0;border-bottom:1px solid #edf1f0}.cart-item:last-child{border-bottom:0}.cart-item h4{font-size:11px;margin:0 0 5px}.cart-item p{font-size:9px;color:var(--muted);margin:0}.cart-item-controls{display:flex;align-items:center;gap:6px;margin-top:6px}.cart-item-controls button{width:22px;height:22px;border:1px solid var(--line);background:#fff;border-radius:6px;display:grid;place-items:center}.cart-item-controls input{width:38px;height:22px;text-align:center;padding:0}.cart-item-price{text-align:right}.cart-item-price strong{font-size:11px}.cart-item-price button{display:block;margin:8px 0 0 auto;border:0;background:none;color:#bd5264}.cart-item-price svg{width:13px}.cart-summary{padding:12px 18px}.cart-summary>div{display:flex;justify-content:space-between;font-size:10px;color:#71817f;margin:6px 0}.cart-summary strong{color:#3f5350}.cart-summary .cart-total{border-top:1px dashed #d4dfdd;margin-top:10px;padding-top:10px;font:800 14px 'Manrope';color:var(--ink)}.cart-summary .cart-total strong{font-size:18px;color:var(--ink)}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 18px 10px}.payment-methods button{height:48px;border:1px solid var(--line);background:#fff;border-radius:9px;font-size:8px;color:#71817f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.payment-methods button svg{width:15px}.payment-methods button.active{border-color:#4fa99d;background:#eaf6f3;color:var(--primary)}.checkout-button{height:48px;margin:0 18px 17px;border:0;border-radius:11px;background:var(--primary);color:#fff;padding:0 15px;display:flex;align-items:center;justify-content:space-between;font-weight:800}.checkout-button:disabled{opacity:.45;cursor:not-allowed}.checkout-button svg{width:17px}
.date-nav{display:flex;align-items:center;border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden;height:40px}.date-nav a,.date-nav input{height:38px;border:0;border-radius:0}.date-nav a{width:38px;display:grid;place-items:center;color:#71817f}.date-nav a:hover{background:#edf5f3;color:var(--primary)}.date-nav svg{width:15px}.date-nav input{font-size:11px}.date-nav .today-link{width:auto;padding:0 12px;border-left:1px solid var(--line);font-weight:700}.agenda-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px}.agenda-timeline{min-height:580px}.timeline-list{padding:0 20px 20px}.timeline-appointment{display:grid;grid-template-columns:50px 12px minmax(0,1fr);gap:11px;padding:14px 0;border-top:1px solid #edf1f0;position:relative}.timeline-appointment>time{font:800 13px 'Manrope';text-align:right}.timeline-appointment>time small{display:block;font:500 9px 'DM Sans';color:#8b9997;margin-top:4px}.timeline-dot{width:9px;height:9px;border-radius:50%;background:#4eaa9e;margin-top:5px;box-shadow:0 0 0 4px #4eaa9e18}.appointment-card-content{border-left:3px solid #4eaa9e;padding:0 0 0 13px}.status-border-scheduled .appointment-card-content{border-color:#e5a13e}.status-border-completed .appointment-card-content{border-color:#7a65b2}.appointment-card-content>div:first-child{display:flex;align-items:center;gap:9px}.appointment-card-content p{margin:0}.appointment-card-content strong,.appointment-card-content small{display:block}.appointment-card-content small{color:#7d8d8b;font-size:9px;margin-top:3px}.appointment-note{font-size:10px;background:#f5f8f7;padding:7px 9px;border-radius:7px;margin:9px 0!important;color:#60716f}.appointment-actions{display:flex;align-items:center;gap:6px;margin-top:9px}.appointment-actions button,.appointment-actions a{border:0;background:#edf4f3;color:#51706c;border-radius:7px;min-height:26px;padding:0 8px;font-size:9px;font-weight:700;display:grid;place-items:center}.appointment-actions a svg{width:13px}.agenda-side{display:flex;flex-direction:column;gap:14px}.donut-wrap{display:grid;place-items:center;padding:12px}.donut{width:142px;height:142px;border-radius:50%;background:conic-gradient(#159083 calc(var(--value)*1%),#e8efed 0);display:grid;place-items:center;position:relative}.donut:before{content:"";position:absolute;inset:16px;background:#fff;border-radius:50%}.donut span{position:relative;text-align:center;font:800 22px 'Manrope'}.donut small{font:500 9px 'DM Sans';color:var(--muted);display:block}.agenda-stats{padding:4px 18px 18px}.agenda-stats>div{display:flex;align-items:center;padding:7px 0;color:#60716f;font-size:10px}.agenda-stats strong{margin-left:auto;color:var(--ink)}.dot{width:7px;height:7px;border-radius:50%;margin-right:7px}.dot.confirmed{background:#3eae84}.dot.scheduled{background:#e9a53b}.dot.completed{background:#7361b2}.empty-state{min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#71817f;padding:28px}.empty-state.compact{min-height:200px}.empty-state>span{width:58px;height:58px;border-radius:18px;background:#eaf4f2;color:#438d84;display:grid;place-items:center}.empty-state>span svg{width:26px}.empty-state h3{font:800 16px 'Manrope';color:#34514e;margin:14px 0 5px}.empty-state p{max-width:340px;font-size:11px}.segmented{display:inline-flex;border:1px solid var(--line);background:#fff;padding:3px;border-radius:10px}.segmented a{height:32px;padding:0 12px;display:flex;align-items:center;border-radius:7px;font-size:10px;font-weight:700;color:#71817f}.segmented a.active{background:#e5f2ef;color:var(--primary)}
.workflow-summary{min-height:82px;background:linear-gradient(90deg,#fff,#f5faf8);border:1px solid var(--line);border-radius:15px;display:flex;align-items:center;justify-content:space-around;padding:13px 25px;margin-bottom:16px}.workflow-summary>div{display:grid;grid-template-columns:12px auto;column-gap:9px;align-items:center}.workflow-summary>div small{font:700 9px 'Manrope';letter-spacing:.8px;color:#7f8f8d}.workflow-summary>div strong{grid-column:2;font:800 19px 'Manrope'}.workflow-summary>svg{width:16px;color:#a8b6b4}.workflow-dot{width:9px;height:32px;border-radius:7px;grid-row:span 2}.workflow-dot.received{background:#78a4d6}.workflow-dot.progress{background:#e8a442}.workflow-dot.ready{background:#48ae88}.workflow-dot.delivered{background:#836ebc}.purchase-item-row{display:grid;grid-template-columns:1fr 100px 120px;gap:8px;margin-bottom:8px}.inline-action{border:0;background:transparent;color:var(--primary);font-size:10px;font-weight:700;display:flex;align-items:center;gap:5px;padding:2px}.inline-action svg{width:14px}.cash-closed{max-width:620px;margin:25px auto 30px;padding:42px;text-align:center}.cash-illustration{width:80px;height:80px;border-radius:24px;background:#e4f3ef;color:var(--primary);display:grid;place-items:center;margin:0 auto 22px}.cash-illustration svg{width:34px}.cash-closed h2{font:800 22px 'Manrope';margin:8px 0}.cash-closed>p{color:var(--muted);max-width:420px;margin:0 auto 22px}.opening-form{max-width:300px;margin:auto;gap:12px}.money-input{position:relative}.money-input span{position:absolute;left:12px;top:11px;color:#7d8d8b}.money-input input{width:100%;padding-left:27px;font:700 16px 'Manrope'}.cash-hero{min-height:150px;border-radius:18px;padding:24px 28px;background:linear-gradient(110deg,#084742,#0d6c62);color:#fff;display:flex;align-items:center;gap:35px;margin-bottom:16px}.cash-hero>div:first-child{flex:1}.live-pill{font:800 8px 'Manrope';letter-spacing:1px;color:#a5ddd3}.live-pill i{display:inline-block;width:7px;height:7px;background:#63dfa8;border-radius:50%;box-shadow:0 0 0 4px #63dfa825;margin-right:7px}.cash-hero h2{font:800 21px 'Manrope';margin:10px 0 4px}.cash-hero p{color:#a9cfca;margin:0;font-size:11px}.cash-balance{text-align:right}.cash-balance small,.cash-balance strong,.cash-balance span{display:block}.cash-balance small{font:700 8px 'Manrope';letter-spacing:1px;color:#9fcac4}.cash-balance strong{font:800 28px 'Manrope';margin:5px 0}.cash-balance span{font-size:9px;color:#a9cfca}.cash-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.cash-movement-list{padding:0 20px 12px}.cash-movement-list>div{display:flex;align-items:center;gap:10px;border-top:1px solid #edf1f0;padding:11px 0}.movement-icon{width:33px;height:33px;border-radius:9px;display:grid;place-items:center}.movement-icon.in{background:#e1f4eb;color:#287e5c}.movement-icon.out{background:#fde8ec;color:#b53b51}.movement-icon svg{width:15px}.cash-movement-list p{margin:0;flex:1}.cash-movement-list p strong,.cash-movement-list p small{display:block}.cash-movement-list p strong{font-size:11px}.cash-movement-list p small{font-size:9px;color:#899795;margin-top:3px}.cash-movement-list b{font-size:11px}.amount-in{color:#278361!important}.amount-out{color:#be4056!important}.cash-breakdown{padding:0 21px 20px}.cash-breakdown>div{display:flex;justify-content:space-between;border-top:1px solid #edf1f0;padding:11px 0;font-size:11px}.cash-breakdown>div span{color:#71817f}.cash-breakdown .total{font:800 14px 'Manrope';padding-top:15px}.mt-panel{margin-top:16px}.expected-box{padding:18px;border-radius:12px;background:#eaf5f2;text-align:center}.expected-box span,.expected-box strong{display:block}.expected-box span{font-size:10px;color:#66807c}.expected-box strong{font:800 24px 'Manrope';margin-top:5px}
.communication-hero{min-height:235px;border-radius:20px;background:radial-gradient(circle at 85% 40%,#55b7aa35 0 16%,transparent 17%),linear-gradient(115deg,#083f3c,#0b655d);color:#fff;padding:31px 34px;display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;overflow:hidden}.communication-hero h2{font:800 26px/1.2 'Manrope';letter-spacing:-.7px;margin:10px 0}.communication-hero p{max-width:520px;color:#add1cc;font-size:12px;margin-bottom:17px}.comm-metrics{display:flex;gap:10px;margin-right:4%}.comm-metrics article{width:145px;height:125px;background:#ffffff0c;border:1px solid #ffffff1c;border-radius:16px;padding:16px;backdrop-filter:blur(5px)}.comm-metrics article>span{width:32px;height:32px;border-radius:9px;background:#ffffff12;display:grid;place-items:center;color:#8ed8cd}.comm-metrics svg{width:16px}.comm-metrics strong,.comm-metrics small{display:block}.comm-metrics strong{font:800 22px 'Manrope';margin-top:10px}.comm-metrics small{font-size:9px;color:#acd0cb}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:15px}.tabs button{height:38px;border:0;background:transparent;color:#7a8a88;font-size:11px;font-weight:700;border-bottom:2px solid transparent}.tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}.tabs span{background:#e8f2f0;border-radius:8px;padding:2px 5px;font-size:8px}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.template-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;min-height:190px;display:flex;flex-direction:column}.template-icon{width:39px;height:39px;border-radius:11px;background:#f0eaff;color:#715bae;display:grid;place-items:center;margin-bottom:12px}.template-icon.birthday{background:#fff0dc;color:#b67821}.template-icon.appointment{background:#e3f0ff;color:#4174aa}.template-icon.order_ready{background:#e3f5ee;color:#287e5d}.template-icon svg{width:18px}.template-grid small{font:700 8px 'Manrope';letter-spacing:.7px;color:#8b9997}.template-grid h3{font:800 13px 'Manrope';margin:5px 0}.template-grid p{font-size:9px;color:#71817f;line-height:1.45}.template-grid button{margin-top:auto;border:0;background:transparent;color:var(--primary);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:space-between;padding:0}.template-grid button svg{width:14px}
.report-filters form{display:flex;align-items:flex-end;gap:8px}.report-filters label{font-size:9px}.report-filters input{height:36px}.report-hero{min-height:145px;border-radius:17px;background:linear-gradient(105deg,#084542,#0d665e);color:#fff;padding:23px 27px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.report-hero>div:first-child h2{font:800 30px 'Manrope';margin:9px 0 3px}.report-hero>div:first-child p{font-size:10px;color:#add0cb}.report-hero-stats{display:flex}.report-hero-stats>div{min-width:155px;border-left:1px solid #ffffff1c;padding:8px 20px}.report-hero-stats small,.report-hero-stats strong,.report-hero-stats span{display:block}.report-hero-stats small{font:700 8px 'Manrope';letter-spacing:.8px;color:#94c0ba}.report-hero-stats strong{font:800 19px 'Manrope';margin:7px 0 3px}.report-hero-stats span{font-size:9px;color:#a9cdc8}.reports-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-bottom:16px}.payment-breakdown{padding:0 20px 15px}.payment-breakdown>div{display:grid;grid-template-columns:35px 1fr auto;gap:9px;align-items:center;border-top:1px solid #edf1f0;padding:11px 0;position:relative}.payment-icon{width:33px;height:33px;border-radius:9px;background:#e8f4f1;color:var(--primary);display:grid;place-items:center}.payment-icon svg{width:15px}.payment-breakdown p{margin:0}.payment-breakdown p strong,.payment-breakdown p small{display:block}.payment-breakdown p strong{font-size:10px}.payment-breakdown p small{font-size:8px;color:#899795}.payment-breakdown b{font-size:10px}.horizontal-progress{position:absolute;left:44px;right:0;bottom:5px;height:2px;background:#edf2f1}.horizontal-progress i{display:block;height:100%;background:#3ca897}.rank{width:25px;height:25px;border-radius:8px;background:#edf4f2;display:grid;place-items:center;font-weight:800}.table-progress{display:block;width:100px;height:5px;background:#e9efee;border-radius:5px;overflow:hidden}.table-progress i{display:block;height:100%;background:linear-gradient(90deg,#35a392,#70c5b8);border-radius:5px}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}.team-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px}.team-card.disabled{opacity:.62}.team-card-top{display:flex;justify-content:space-between;align-items:flex-start}.team-card h3{font:800 14px 'Manrope';margin:12px 0 3px}.team-card>p{font-size:10px;color:#7d8d8b}.team-meta{display:flex;flex-direction:column;gap:6px;background:#f5f8f7;border-radius:9px;padding:9px;margin:12px 0}.team-meta span{font-size:9px;color:#60716f;display:flex;align-items:center;gap:6px}.team-meta svg{width:12px}.team-footer{border-top:1px solid #edf1f0;padding-top:11px;display:flex;align-items:center;justify-content:space-between}.team-footer small{font-size:8px;color:#8b9997}.team-footer small strong{color:#576a67}.team-footer button{border:0;background:transparent;color:var(--primary);font-size:9px;font-weight:700;display:flex;align-items:center;gap:4px}.team-footer button svg{width:12px}.users-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.role-list,.audit-list{padding:0 20px 14px}.role-list>div{display:flex;align-items:center;gap:10px;border-top:1px solid #edf1f0;padding:10px 0}.role-icon{width:34px;height:34px;border-radius:9px;background:#e9f4f2;color:var(--primary);display:grid;place-items:center}.role-icon svg{width:16px}.role-list p{margin:0;flex:1}.role-list p strong,.role-list p small{display:block}.role-list p strong{font-size:10px}.role-list p small{font-size:8px;color:#859491;margin-top:2px}.role-list b{font-size:9px;color:#6b7c79}.audit-list>div{display:flex;gap:9px;border-top:1px solid #edf1f0;padding:9px 0}.audit-list>div>span{width:28px;height:28px;border-radius:8px;background:#edf4f2;color:#4a8e85;display:grid;place-items:center}.audit-list svg{width:13px}.audit-list p{font-size:9px;margin:0;color:#687b78}.audit-list p strong{color:#314946}.audit-list p small{display:block;color:#94a09f;margin-top:3px}.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:17px}.settings-nav{display:flex;flex-direction:column;gap:4px;position:sticky;top:95px;align-self:start}.settings-nav a{height:39px;border-radius:9px;padding:0 11px;display:flex;align-items:center;gap:9px;color:#637572;font-size:10px;font-weight:700}.settings-nav a svg{width:15px}.settings-nav a span{margin-left:auto;background:#e9f1ef;padding:2px 6px;border-radius:8px;font-size:8px}.settings-nav a.active,.settings-nav a:hover{background:#e5f1ee;color:var(--primary)}.settings-content{max-width:900px}.settings-card{padding:22px;margin-bottom:13px}.settings-card-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf1f0;padding-bottom:16px;margin-bottom:18px}.settings-icon{width:42px;height:42px;border-radius:12px;background:var(--mint);color:var(--primary);display:grid;place-items:center}.settings-icon.blue{background:var(--blue);color:#3975b5}.settings-icon.violet{background:var(--violet);color:#7358b3}.settings-icon svg{width:19px}.settings-card-head h2{font:800 15px 'Manrope';margin:0 0 3px}.settings-card-head p{margin:0;font-size:10px;color:#7d8d8b}.form-help{display:flex;align-items:center;gap:6px;font-size:9px;color:#82918f;margin:14px 0 0}.form-help svg{width:13px}.toggle-setting{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:8px 10px;border-radius:9px}.toggle-setting span strong,.toggle-setting span small{display:block}.toggle-setting input[type=checkbox]{width:34px;height:19px;accent-color:var(--primary)}.settings-save{display:flex;justify-content:flex-end;align-items:center;gap:20px}.settings-save p{margin:0;color:#7e8e8c;font-size:9px;display:flex;gap:5px}.settings-save p svg{width:13px}
.toast-container{position:fixed;z-index:200;right:20px;bottom:20px;display:flex;flex-direction:column;gap:8px}.toast{min-width:280px;max-width:390px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px #093d3930;padding:12px 14px;display:flex;align-items:center;gap:10px;animation:toastIn .25s ease}.toast.success{border-left:4px solid #33a477}.toast.error{border-left:4px solid #d24c63}.toast svg{width:18px}.toast p{margin:0;font-size:11px}@keyframes toastIn{from{transform:translateX(20px);opacity:0}}.loading-state{min-height:180px;display:grid;place-items:center;color:#71817f}.customer-detail-head{display:flex;align-items:center;gap:14px}.customer-detail-head .table-avatar{width:52px;height:52px;border-radius:15px;font-size:15px}.detail-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);padding-bottom:10px}.detail-tabs button{border:0;background:#edf4f2;color:#637572;border-radius:8px;padding:7px 10px;font-size:9px}.detail-tabs button.active{background:var(--primary);color:#fff}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-box{border:1px solid var(--line);border-radius:10px;padding:12px}.detail-box small,.detail-box strong{display:block}.detail-box small{font-size:8px;color:#879592}.detail-box strong{font-size:11px;margin-top:4px}.sidebar-overlay{display:none}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,48%) 1fr}.login-brand-panel{background:linear-gradient(145deg,#073d3a 0%,#0b655b 100%);color:#fff;padding:42px 8vw 36px 5vw;position:relative;overflow:hidden;display:flex;flex-direction:column}.login-message{margin:auto 0;position:relative;z-index:2}.login-message h1{font:800 clamp(36px,4.2vw,64px)/1.08 'Manrope';letter-spacing:-2.5px;margin:17px 0}.login-message p{font-size:15px;color:#a9d0ca;max-width:510px;line-height:1.6}.login-proof{display:flex;align-items:center;gap:14px;position:relative;z-index:2}.mini-avatars{display:flex}.mini-avatars span{width:35px;height:35px;margin-left:-7px;border-radius:50%;border:2px solid #0b5c55;background:#e9c291;color:#4f3518;display:grid;place-items:center;font-size:9px;font-weight:800}.mini-avatars span:first-child{margin:0}.mini-avatars span:nth-child(2){background:#a9d5d0}.mini-avatars span:nth-child(3){background:#d7b5cf}.login-proof p{margin:0;color:#a9ccc7;font-size:10px}.login-proof strong{color:#fff}.orb{position:absolute;border-radius:50%;border:1px solid #ffffff12}.orb-one{width:410px;height:410px;right:-190px;top:-100px}.orb-two{width:270px;height:270px;right:-90px;top:-30px;background:#ffffff05}.login-form-panel{background:#f7faf9;display:flex;align-items:center;justify-content:center;position:relative;padding:40px}.login-form-wrap{width:min(390px,100%)}.mobile-brand{display:none}.login-form-wrap h2{font:800 30px 'Manrope';letter-spacing:-.8px;margin:10px 0 5px}.form-intro{color:#7b8b89;font-size:12px;margin-bottom:27px}.login-form{display:flex;flex-direction:column;gap:16px}.input-icon-wrap{position:relative;display:flex;align-items:center}.input-icon-wrap>svg{position:absolute;left:12px;width:16px;color:#82918f}.input-icon-wrap input{width:100%;height:46px;padding-left:39px}.peek-password{position:absolute;right:7px;border:0;background:transparent;color:#82918f;width:32px;height:32px;display:grid;place-items:center}.peek-password svg{width:15px}.login-options{display:flex;align-items:center;justify-content:space-between}.login-options>span{font-size:9px;color:#879592}.check-label{display:flex;flex-direction:row;align-items:center;gap:7px;font-size:10px}.check-label input{width:15px;height:15px;accent-color:var(--primary)}.btn-login{height:48px;border:0;border-radius:11px;background:var(--primary);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 8px 20px #0f766e25}.btn-login:hover{background:#0b655e;transform:translateY(-1px)}.btn-login svg{width:17px}.btn-login:disabled{opacity:.5}.demo-note{text-align:center;font-size:9px;color:#81908e;margin-top:17px;background:#edf4f2;padding:8px;border-radius:7px}.login-footer{position:absolute;bottom:20px;color:#94a19f;font-size:9px}.installer-wrap{min-height:100vh;display:grid;place-items:center;padding:30px}.installer-card{width:min(620px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:35px}.installer-card h1{font:800 25px 'Manrope';margin:10px 0 5px}.install-form{display:flex;flex-direction:column;gap:14px}.install-form hr{border:0;border-top:1px solid var(--line);width:100%;margin:5px 0}
@media(max-width:1180px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.template-grid,.team-grid{grid-template-columns:repeat(2,1fr)}.report-hero-stats>div{min-width:125px;padding:8px 13px}}
@media(max-width:980px){.sidebar{transform:translateX(-100%);transition:transform .25s ease}.sidebar.open{transform:none}.sidebar-close,.menu-toggle{display:grid}.sidebar-overlay{position:fixed;z-index:45;inset:0;background:#062d2d80}.sidebar-overlay.show{display:block}.app-main{margin-left:0}.content{padding:24px 20px}.topbar{padding:0 20px}.branch-pill{display:none}.dashboard-grid,.dashboard-grid--bottom,.agenda-layout,.cash-grid,.reports-grid{grid-template-columns:1fr}.agenda-side{display:grid;grid-template-columns:1fr 1fr}.pos-layout{grid-template-columns:minmax(0,1fr) 330px}.product-grid{grid-template-columns:repeat(2,1fr)}.report-hero{align-items:flex-start}.report-hero-stats>div{min-width:105px}.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;flex-direction:row;overflow:auto}.settings-nav a{white-space:nowrap}.login-shell{grid-template-columns:42% 1fr}.login-brand-panel{padding:35px}.login-message h1{font-size:38px}.comm-metrics{display:none}}
@media(max-width:720px){.topbar{height:62px;padding:0 14px;gap:8px}.global-search{width:100%}.global-search kbd,.topbar-actions .notification-btn{display:none}.content{padding:18px 13px 30px}.page-heading{align-items:flex-start}.page-heading h1{font-size:23px}.page-heading>div>p:last-child{font-size:11px}.welcome-strip{padding:23px;display:block}.welcome-actions{margin-top:18px}.kpi-grid,.mini-kpis,.mini-kpis.four{grid-template-columns:1fr 1fr}.dashboard-grid{gap:13px}.module-toolbar{flex-wrap:wrap}.filter-search{width:100%;order:5}.toolbar-spacer{display:none}.module-toolbar .btn-primary{margin-left:auto}.table-panel{margin-left:-13px;margin-right:-13px;border-radius:0;border-left:0;border-right:0}.pos-layout{display:block}.pos-cart{position:relative;top:0;max-height:none;margin-top:15px}.product-grid{grid-template-columns:repeat(2,1fr)}.agenda-side{display:block}.workflow-summary{padding:10px}.workflow-summary>svg{display:none}.cash-hero{display:block}.cash-balance{text-align:left;margin:18px 0}.communication-hero{padding:25px}.template-grid,.team-grid,.users-bottom-grid{grid-template-columns:1fr}.report-hero{display:block}.report-hero-stats{margin-top:18px}.report-hero-stats>div:first-child{border-left:0;padding-left:0}.settings-card{padding:17px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.modal{padding:0}.modal-dialog,.modal-lg{width:100%;max-height:100vh;height:auto;max-height:100dvh;border-radius:18px 18px 0 0;align-self:flex-end}.modal-body{padding:17px}.purchase-item-row{grid-template-columns:1fr 70px 90px}.login-shell{display:block}.login-brand-panel{display:none}.login-form-panel{min-height:100vh;padding:30px 22px}.mobile-brand{display:flex;margin-bottom:60px}.login-footer{position:static;text-align:center;margin-top:50px}.installer-card{padding:24px}.report-filters form{width:100%;flex-wrap:wrap}.report-filters label{flex:1}.report-filters input{width:100%}}
@media(max-width:460px){.kpi-grid,.mini-kpis,.mini-kpis.four{grid-template-columns:1fr}.kpi-card{min-height:110px}.welcome-actions{flex-direction:column}.welcome-actions a{justify-content:center}.page-heading>div>p:last-child{max-width:290px}.product-grid{grid-template-columns:1fr 1fr;gap:7px}.pos-product{min-height:138px;padding:10px}.mini-table-row{grid-template-columns:34px 1fr auto}.mini-table-row>.status{display:none}.report-hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.report-hero-stats>div{border:0!important;padding:0}.workflow-summary>div small{font-size:7px}.workflow-summary>div strong{font-size:16px}.app-footer{padding:0 15px}.app-footer span:first-child{display:none}}
@media print{.sidebar,.topbar,.module-toolbar,.app-footer,.page-heading,.settings-nav{display:none!important}.app-main{margin:0}.content{padding:0}.panel,.report-hero{break-inside:avoid;box-shadow:none}.report-hero{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
[data-theme=dark]{--ink:#e7f0ee;--muted:#90a5a1;--line:#284641;--paper:#132d2b;--canvas:#0c211f}.app-body[data-theme=dark],html[data-theme=dark] body{background:var(--canvas)}html[data-theme=dark] .topbar,html[data-theme=dark] .modal-dialog,html[data-theme=dark] .modal-head,html[data-theme=dark] .modal-foot,html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] .btn-secondary,html[data-theme=dark] .filter-search,html[data-theme=dark] .compact-select,html[data-theme=dark] .segmented,html[data-theme=dark] .date-nav,html[data-theme=dark] .pos-search,html[data-theme=dark] .category-chips button{background:#132d2b;color:var(--ink)}html[data-theme=dark] .data-table th,html[data-theme=dark] .customer-select-label,html[data-theme=dark] .cart-empty span{background:#183532}html[data-theme=dark] .kpi-card p,html[data-theme=dark] .muted-text{color:#90a5a1}
.search-result-item{display:flex;align-items:center;gap:9px;padding:8px;border-radius:8px}.search-result-item:hover{background:#edf5f3}.search-result-item>span{width:30px;height:30px;border-radius:8px;background:#dff0ec;color:var(--primary);font-size:9px;font-weight:800;display:grid;place-items:center}.search-result-item p{margin:0}.search-result-item strong,.search-result-item small{display:block}.search-result-item strong{font-size:10px;color:var(--ink)}.search-result-item small,.search-no-results{font-size:8px;color:var(--muted);margin-top:2px}.spinner{width:13px;height:13px;border:2px solid #ffffff60;border-top-color:#fff;border-radius:50%;display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.prescription-table{border:1px solid var(--line);border-radius:11px;overflow:auto}.prescription-table>div{min-width:620px;display:grid;grid-template-columns:60px repeat(5,1fr);gap:7px;align-items:center;padding:8px 10px;border-top:1px solid var(--line)}.prescription-table>div:first-child{border-top:0}.prescription-table .prescription-head{background:#f3f7f6;font:700 9px 'Manrope';color:#71817f}.prescription-table input{height:34px;width:100%;padding:0 8px}.prescription-table strong{font:800 11px 'Manrope';color:var(--primary)}