:root {
  --green-950:#073d30; --green-900:#0b4d3b; --green-800:#0d5c46; --green-700:#16745a;
  --green-100:#dff2eb; --green-50:#f0f8f5; --ink:#17221e; --muted:#69756f; --line:#e4e9e6;
  --paper:#fff; --canvas:#f5f7f6; --red:#cf4f4f; --red-soft:#fff0ef; --gold:#d39a2c;
  --gold-soft:#fff6df; --blue:#3973b7; --blue-soft:#edf5ff; --shadow:0 8px 30px rgba(20,52,42,.07);
  --radius:18px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--canvas);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;font-size:14px}
body:not(.authenticated) .app-shell{display:none}.auth-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:22px;background:radial-gradient(circle at 20% 10%,#197359 0,transparent 34%),linear-gradient(145deg,#073d30,#0d5c46)}body.authenticated .auth-gate{display:none}.auth-card{width:min(440px,100%);background:#fff;border-radius:24px;padding:28px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:25px}.auth-brand .brand-mark{display:grid}.auth-brand strong{display:block;font:800 23px Manrope;color:var(--green-900)}.auth-brand small{display:block;color:#7d8983;margin-top:2px}.auth-card h1{font:800 24px Manrope;margin:0 0 7px}.auth-copy{color:#74807a;font-size:11px;line-height:1.55}.auth-form{display:grid;gap:13px;margin-top:20px}.auth-loading{text-align:center;padding:35px}.auth-spinner{display:block;width:35px;height:35px;border:3px solid var(--green-100);border-top-color:var(--green-700);border-radius:50%;margin:0 auto 12px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-error{padding:10px 12px;background:var(--red-soft);color:var(--red);border-radius:9px;font-size:10px;display:none}.auth-error.visible{display:block}
button,input,select,textarea{font:inherit} button{cursor:pointer} svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--green-950);color:#fff;padding:25px 16px 18px;display:flex;flex-direction:column;z-index:30}
.brand{display:flex;align-items:center;gap:12px;padding:0 9px 28px}.brand-mark{width:40px;height:40px;border-radius:12px;background:#fff;color:var(--green-900);display:grid;place-items:center;font:800 22px Manrope;box-shadow:inset 0 -3px rgba(0,0,0,.08)}
.brand strong{display:block;font:800 21px Manrope;letter-spacing:-.5px}.brand span{display:block;color:#a7c5b9;font-size:10px;margin-top:1px}.main-nav{display:flex;flex-direction:column;gap:5px;flex:1}
.nav-item{border:0;background:transparent;color:#b8d0c7;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;text-align:left;font-weight:500}.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.active{background:#fff;color:var(--green-900);font-weight:700;box-shadow:0 6px 20px rgba(0,0,0,.14)}.nav-icon{width:22px;display:flex}.nav-item svg{width:19px}.nav-badge{margin-left:auto;min-width:22px;height:20px;padding:0 6px;border-radius:12px;display:grid;place-items:center;background:#dff2eb;color:var(--green-900);font-size:11px;font-weight:700}.nav-badge.warm{background:#ffdf9a;color:#74510a}
.sidebar-bottom{display:grid;gap:12px}.sync-card{padding:13px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);border-radius:12px}.sync-row{display:flex;align-items:center;gap:8px;font-size:12px}.sync-dot{width:8px;height:8px;border-radius:50%;background:#62d4a6;box-shadow:0 0 0 4px rgba(98,212,166,.12)}.sync-card p{margin:5px 0 0;color:#a7c5b9;font-size:10px;line-height:1.4}
.profile-card{border:0;border-top:1px solid rgba(255,255,255,.12);background:transparent;color:white;display:flex;align-items:center;gap:9px;padding:15px 4px 0;text-align:left}.profile-card .avatar{width:34px;height:34px;display:grid;place-items:center;background:#d8a43f;color:#fff;border-radius:10px;font-size:11px;font-weight:700}.profile-card>span:nth-child(2){flex:1}.profile-card strong{display:block;font-size:12px}.profile-card small{display:block;color:#9dbdb1;margin-top:2px}.profile-card svg{width:17px}
.main{margin-left:248px;min-height:100vh}.topbar{height:76px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(14px);display:flex;align-items:center;padding:0 34px;position:sticky;top:0;z-index:20}.business-switcher{display:flex;align-items:center;gap:10px}.business-icon{width:35px;height:35px;border-radius:10px;background:var(--green-100);color:var(--green-800);display:grid;place-items:center;font-weight:800;font-size:11px}.business-switcher small{display:block;color:#8c9691;font-size:8px;font-weight:700;letter-spacing:1px}.business-switcher strong{font-size:13px}.business-switcher svg{width:15px;margin-left:3px;color:#89928e}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.connection-pill{display:flex;align-items:center;gap:6px;border:1px solid #dce7e2;border-radius:20px;padding:6px 10px;color:var(--green-700);font-size:10px}.connection-pill span{width:6px;height:6px;background:#42b98a;border-radius:50%}.connection-pill.offline{color:#9c6413;background:#fff8e7}.connection-pill.offline span{background:#e5a53a}.icon-button{border:0;background:transparent;color:#53615b;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;position:relative}.icon-button:hover{background:#eef3f1}.notification-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#e45757;top:8px;right:8px;border:1px solid white}.quick-sale-button,.primary-button,.secondary-button,.danger-button{border:0;border-radius:10px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;transition:.2s}.quick-sale-button,.primary-button{background:var(--green-800);color:white;box-shadow:0 5px 14px rgba(13,92,70,.18)}.quick-sale-button:hover,.primary-button:hover{background:var(--green-900);transform:translateY(-1px)}.quick-sale-button svg,.primary-button svg,.secondary-button svg,.danger-button svg{width:17px}.secondary-button{background:white;border:1px solid var(--line);color:#43504b}.secondary-button:hover{border-color:#bfcac5;background:#fafcfb}.danger-button{background:var(--red-soft);color:var(--red);margin-top:10px}.full{width:100%}.mobile-menu,.mobile-logo{display:none}
.view{display:none;padding:31px 34px 50px;max-width:1530px;margin:0 auto}.view.active{display:block;animation:fade .28s ease}@keyframes fade{from{opacity:0;transform:translateY(4px)}}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.page-heading.compact{align-items:center}.eyebrow{margin:0 0 6px;color:var(--green-700);font-size:10px;letter-spacing:1.3px;font-weight:800}.page-heading h1{font:800 27px Manrope;margin:0;letter-spacing:-.8px}.page-heading p:not(.eyebrow){margin:6px 0 0;color:var(--muted);font-size:13px}.date-button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;color:#48544f;font-weight:600;font-size:12px}.date-button svg{width:16px;color:var(--green-700)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stat-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:19px 20px;position:relative;overflow:hidden;min-height:138px;box-shadow:0 3px 14px rgba(20,52,42,.025)}.stat-card.primary{background:linear-gradient(135deg,var(--green-800),#0c6a50);color:white;border-color:transparent}.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-card span,.stat-top>span:first-child{font-size:12px;color:#6f7a75;font-weight:500}.stat-card.primary .stat-top>span:first-child{color:#c4dfd5}.stat-card strong{font:800 23px Manrope;display:block;margin-top:13px;letter-spacing:-.6px}.stat-card p{margin:5px 0 0;color:#8a938f;font-size:10px}.stat-card.primary p{color:#b6d5c9}.stat-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.13);color:#d9f4ea}.stat-icon svg{width:16px}.stat-icon.red{background:var(--red-soft);color:var(--red)}.stat-icon.gold{background:var(--gold-soft);color:var(--gold)}.stat-icon.blue{background:var(--blue-soft);color:var(--blue)}.card-accent{position:absolute;height:3px;width:50px;bottom:0;left:20px;border-radius:3px 3px 0 0}.red-accent{background:#ec8b83}.gold-accent{background:#e6b758}.blue-accent{background:#6d9bd0}.mini-bars{position:absolute;display:flex;align-items:flex-end;gap:3px;height:35px;right:17px;bottom:16px}.mini-bars i{width:4px;background:rgba(255,255,255,.28);border-radius:2px}.mini-bars i:last-child{background:#ffe196}
.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:16px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 3px 14px rgba(20,52,42,.025)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:19px 20px 15px}.panel-head h2{font:700 15px Manrope;margin:0}.panel-head p{margin:4px 0 0;color:#8a938f;font-size:10px}.text-button{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--green-700);font-size:10px;font-weight:700}.text-button svg{width:13px}.chart-wrap{display:flex;height:220px;padding:4px 22px 19px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;color:#9ca5a1;font-size:9px;padding:1px 10px 24px 0}.bar-chart{flex:1;display:flex;align-items:stretch;gap:12px;border-bottom:1px solid #e9eeeb;background:repeating-linear-gradient(to bottom,#fff 0,#fff 43px,#edf1ef 44px);padding:0 5px}.bar-day{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;min-width:25px}.bar-day>div{height:170px;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar-day i{display:block;width:min(32px,70%);background:linear-gradient(#7db7a3,#35866a);border-radius:6px 6px 1px 1px;min-height:4px;transition:.3s}.bar-day.today i{background:linear-gradient(#e8bd61,#dca134)}.bar-day span{font-size:9px;color:#8b9590;height:13px}
.attention-count{min-width:28px;height:28px;border-radius:9px;background:var(--red-soft);color:var(--red);font-weight:700;display:grid;place-items:center}.alert-list{padding:0 15px 13px}.alert-item{display:flex;align-items:center;gap:11px;padding:12px 5px;border-top:1px solid #edf0ee}.alert-icon,.activity-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none}.alert-icon svg,.activity-icon svg{width:16px}.alert-icon.low{background:var(--red-soft);color:var(--red)}.alert-icon.expiry{background:var(--gold-soft);color:var(--gold)}.alert-icon.debt{background:var(--blue-soft);color:var(--blue)}.alert-item>div:nth-child(2){flex:1}.alert-item strong{display:block;font-size:11px}.alert-item p{margin:3px 0 0;font-size:9px;color:#89928e}.alert-item button{border:0;background:transparent;color:var(--green-700);font-weight:700;font-size:9px}.empty-message{text-align:center;padding:25px;color:#85908b}
.activity-list{padding:0 18px 12px}.activity-item{display:flex;align-items:center;gap:11px;padding:11px 2px;border-top:1px solid #edf0ee}.activity-icon.sale{background:var(--green-50);color:var(--green-700)}.activity-icon.expense{background:var(--red-soft);color:var(--red)}.activity-icon.payment{background:var(--blue-soft);color:var(--blue)}.activity-item>div:nth-child(2){flex:1}.activity-item strong{font-size:11px}.activity-item p{margin:2px 0 0;color:#929a97;font-size:9px}.activity-amount{font-weight:700;font-size:11px}.activity-amount.negative{color:var(--red)}.payment-total{display:flex;justify-content:space-between;align-items:end;margin:0 20px 18px;padding:16px;background:var(--green-50);border-radius:12px}.payment-total span{color:#6b7771;font-size:10px}.payment-total strong{font:800 20px Manrope;color:var(--green-900)}.payment-bars{padding:0 20px 20px;display:grid;gap:13px}.pay-row-top{display:flex;justify-content:space-between;font-size:10px}.pay-row-top strong{font-size:10px}.pay-track{height:7px;border-radius:6px;background:#edf1ef;margin-top:6px;overflow:hidden}.pay-fill{height:100%;border-radius:6px}.pay-fill.cash{background:#398b6d}.pay-fill.orange{background:#f29c38}.pay-fill.afri{background:#477bb4}
.pos-layout{display:grid;grid-template-columns:1.6fr .85fr;gap:16px;align-items:start}.product-picker{padding:18px;min-height:600px}.search-box{height:42px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:9px;padding:0 12px;background:#fff}.search-box:focus-within{border-color:#77aa97;box-shadow:0 0 0 3px #e9f4f0}.search-box svg{width:17px;color:#84908a}.search-box input{border:0;outline:0;width:100%;background:transparent;color:var(--ink)}.category-tabs{display:flex;gap:7px;overflow:auto;padding:14px 0}.category-tabs button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:7px 12px;font-size:10px;white-space:nowrap;color:#66716c}.category-tabs button.active{background:var(--green-900);border-color:var(--green-900);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.product-card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:13px;text-align:left;min-height:130px;display:flex;flex-direction:column;transition:.2s}.product-card:hover{border-color:#84ad9d;box-shadow:0 7px 18px rgba(18,78,60,.09);transform:translateY(-2px)}.product-visual{width:38px;height:38px;border-radius:10px;background:var(--green-50);color:var(--green-700);display:grid;place-items:center;font-weight:800;font-size:12px;margin-bottom:9px}.product-card strong{font-size:11px;line-height:1.25}.product-card small{color:#8b9590;margin-top:3px;font-size:9px}.product-card-footer{margin-top:auto;display:flex;align-items:end;justify-content:space-between}.product-card b{color:var(--green-800);font-size:12px}.product-card em{font-style:normal;font-size:8px;color:#8c9691}.product-card em.low{color:var(--red);font-weight:700}.cart-panel{position:sticky;top:92px;min-height:480px}.sale-number{background:var(--green-50);color:var(--green-800);border-radius:7px;padding:5px 8px;font-size:9px;font-weight:700}.cart-items{padding:0 18px;max-height:390px;overflow:auto}.cart-empty{text-align:center;padding:70px 20px;color:#909a95}.cart-empty .empty-icon{width:52px;height:52px;border-radius:16px;background:var(--green-50);display:grid;place-items:center;margin:0 auto 12px;color:var(--green-700)}.cart-empty strong{display:block;color:#4f5b56}.cart-empty p{font-size:10px;line-height:1.5}.cart-item{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 0;border-top:1px solid #edf0ee}.cart-item strong{font-size:11px}.cart-item p{margin:3px 0;color:#8b9490;font-size:9px}.quantity-control{display:flex;align-items:center;gap:7px;margin-top:8px}.quantity-control button{width:23px;height:23px;padding:0;border:1px solid var(--line);border-radius:7px;background:#fff}.quantity-control span{font-size:10px;font-weight:700}.cart-line-price{font-size:11px;font-weight:700}.cart-summary{border-top:1px solid var(--line);padding:16px 18px;display:grid;gap:10px}.cart-summary>div{display:flex;justify-content:space-between;font-size:11px}.inline-action{border:0;background:transparent;color:var(--green-700);font-size:10px;font-weight:700}.cart-summary .grand-total{border-top:1px dashed #d5ddd9;padding-top:12px;align-items:center}.grand-total strong{font:800 20px Manrope}
.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px}.summary-strip>div{padding:16px 19px;border-right:1px solid var(--line)}.summary-strip>div:last-child{border:0}.summary-strip span{display:block;color:#7c8782;font-size:10px}.summary-strip strong{font:800 18px Manrope;display:block;margin-top:5px}.summary-strip .danger strong{color:var(--red)}.summary-strip .warning strong{color:#b47b12}.table-panel{overflow:hidden}.table-toolbar{display:flex;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line)}.table-toolbar .search-box{width:330px}.select-input{border:1px solid var(--line);border-radius:10px;padding:0 12px;color:#5c6862;background:#fff}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:#89928e;font-size:9px;text-transform:uppercase;letter-spacing:.5px;padding:11px 17px;background:#fafbfa;border-bottom:1px solid var(--line)}td{padding:13px 17px;border-bottom:1px solid #edf0ee;font-size:11px}tbody tr:last-child td{border:0}tbody tr:hover{background:#fbfcfc}.table-product{display:flex;align-items:center;gap:9px}.table-product .product-visual{margin:0;width:31px;height:31px;font-size:9px}.table-product strong{display:block}.table-product small{font-size:8px;color:#8a948f}.stock-amount strong{display:block}.stock-amount small{color:#8a948f;font-size:8px}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:16px;background:var(--green-50);color:var(--green-700);font-weight:700;font-size:8px}.status-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-pill.low{background:var(--red-soft);color:var(--red)}.status-pill.expiring{background:var(--gold-soft);color:#a66e08}.row-action{border:0;background:transparent;color:#77827d;width:29px;height:29px;border-radius:7px}.row-action:hover{background:#edf2f0}.stats-grid.mini{grid-template-columns:repeat(3,1fr)}.stats-grid.mini .stat-card{min-height:115px}.stats-grid.mini .stat-card strong{font-size:20px}
.debt-summary-card{background:linear-gradient(120deg,var(--green-900),#117356);color:white;border-radius:var(--radius);padding:25px 28px;display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.debt-summary-card span{font-size:11px;color:#c6ddd5}.debt-summary-card strong{display:block;font:800 27px Manrope;margin:7px 0}.debt-summary-card p{margin:0;color:#bad3ca;font-size:10px}.debt-visual{width:38%;text-align:right}.debt-visual>div{height:8px;border-radius:5px;background:rgba(255,255,255,.15);margin:8px 0;overflow:hidden}.debt-visual i{height:100%;display:block;background:#efbd5c;border-radius:5px}.debt-visual small{font-size:9px;color:#bad3ca}.debt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.debt-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:17px}.customer-line{display:flex;align-items:center;gap:10px}.customer-avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font-weight:800;font-size:11px}.customer-line div:nth-child(2){flex:1}.customer-line strong{display:block;font-size:12px}.customer-line small{color:#89928e;font-size:9px}.debt-amount-line{margin:17px 0 13px;padding:13px;background:#f7f9f8;border-radius:11px;display:flex;justify-content:space-between;align-items:end}.debt-amount-line span{color:#818b86;font-size:9px}.debt-amount-line strong{display:block;font:800 17px Manrope;margin-top:3px}.due-label{font-size:8px;padding:5px 7px;border-radius:12px;background:var(--gold-soft);color:#9b6810}.due-label.overdue{background:var(--red-soft);color:var(--red)}.debt-actions{display:flex;gap:8px}.debt-actions button{flex:1;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px;color:#59655f;font-size:9px;font-weight:700}.debt-actions button:first-child{background:var(--green-800);color:#fff;border-color:var(--green-800)}
.report-filter{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.segmented{background:#e9eeeb;padding:3px;border-radius:10px;display:flex}.segmented button{border:0;background:transparent;padding:7px 12px;border-radius:8px;color:#6a756f;font-size:10px}.segmented button.active{background:#fff;color:var(--green-800);box-shadow:0 2px 7px rgba(30,55,46,.09);font-weight:700}.report-filter>span{font-size:10px;color:#79837e}.reports-grid{display:grid;grid-template-columns:1.6fr .9fr;gap:16px}.report-chart{height:270px;padding:10px 20px 22px;display:flex;align-items:flex-end;gap:7px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 62px,#edf1ef 63px);margin:0 2px 15px}.report-bar-set{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px;position:relative}.report-bar-set i{width:8px;border-radius:4px 4px 0 0;min-height:2px}.report-bar-set i:first-child{background:var(--green-700)}.report-bar-set i:nth-child(2){background:#eaa09a}.report-bar-set span{position:absolute;bottom:-18px;font-size:7px;color:#929b97}.ranking-list{padding:0 18px 18px}.rank-item{display:flex;align-items:center;gap:10px;padding:11px 2px;border-top:1px solid #edf0ee}.rank-number{width:22px;height:22px;border-radius:7px;background:var(--green-50);color:var(--green-700);display:grid;place-items:center;font-size:9px;font-weight:800}.rank-item>div:nth-child(2){flex:1}.rank-item strong{display:block;font-size:10px}.rank-item small{font-size:8px;color:#8d9692}.rank-value{text-align:right}.rank-value b{display:block;font-size:10px}.rank-value span{font-size:8px;color:#8d9692}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-card{padding-bottom:20px}.stacked-form{display:grid;gap:14px;padding:0 20px}.stacked-form label,.field{display:grid;gap:6px;color:#5e6964;font-weight:600;font-size:10px}.stacked-form input,.stacked-form select,.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 11px;outline:0;color:var(--ink)}.stacked-form input:focus,.stacked-form select:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#6fa891;box-shadow:0 0 0 3px var(--green-50)}.data-status{margin:0 20px 20px;padding:16px;background:var(--green-50);border-radius:12px;display:flex;gap:13px}.big-status-icon{width:40px;height:40px;border-radius:11px;background:#fff;color:var(--green-700);display:grid;place-items:center;flex:none}.data-status strong{font-size:12px}.data-status p{font-size:10px;color:#708079;line-height:1.5;margin:5px 0}.settings-card>.full{width:calc(100% - 40px);margin-left:20px}.team-settings{grid-column:1/-1}.team-list{padding:0 20px 5px}.team-member{display:flex;align-items:center;gap:11px;padding:13px 2px;border-top:1px solid var(--line)}.team-member:first-child{border-top:0}.team-member .customer-avatar{background:var(--green-50);color:var(--green-700)}.team-member>div:nth-child(2){flex:1}.team-member strong{display:block;font-size:11px}.team-member small{color:#89928e;font-size:9px}.role-select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px;color:#5d6963;font-size:9px}.permission-note{font-size:8px;color:#909995;max-width:210px}
.approval-list,.audit-list{padding:0 20px}.approval-item,.audit-item{padding:12px 2px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px}.approval-item:first-child,.audit-item:first-child{border-top:0}.approval-item>div,.audit-item>div{flex:1}.approval-item strong,.audit-item strong{display:block;font-size:10px}.approval-item small,.audit-item small{color:#86918b;font-size:8px}.approval-actions{display:flex;gap:5px}.approval-actions button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 8px;font-size:8px;font-weight:700}.approval-actions .approve{background:var(--green-800);border-color:var(--green-800);color:#fff}.adjust-button{margin-left:5px}.secure-hidden{display:none!important}
.mobile-overlay{display:none}.modal-backdrop{position:fixed;inset:0;background:rgba(7,29,22,.58);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;padding:20px;z-index:100}.modal-backdrop.open{display:flex}.modal{width:min(490px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.28);animation:modalIn .23s ease}@keyframes modalIn{from{transform:translateY(8px) scale(.98);opacity:.2}}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:21px 22px 14px;border-bottom:1px solid var(--line)}.modal-head h2{font:800 20px Manrope;margin:0}.modal-form{padding:19px 22px 22px;display:grid;gap:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}.checkout-total{padding:18px 22px;background:var(--green-50);display:flex;align-items:center;justify-content:space-between}.checkout-total span{font-size:11px;color:#64716b}.checkout-total strong{font:800 25px Manrope;color:var(--green-900)}.payment-options{padding:19px 22px 5px}.payment-options h3{font-size:11px;margin:0 0 10px}.payment-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.payment-choice{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px 5px;text-align:center;font-size:9px;color:#5f6a65}.payment-choice strong{display:block;margin-top:4px}.payment-choice.active{border-color:var(--green-700);background:var(--green-50);color:var(--green-800)}.split-fields{display:none;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.split-fields.visible{display:grid}.receipt{padding:24px;text-align:center}.success-check{width:56px;height:56px;border-radius:50%;background:var(--green-100);color:var(--green-700);display:grid;place-items:center;margin:0 auto 13px}.success-check svg{width:27px;stroke-width:2.5}.receipt h3{font:800 21px Manrope;margin:0}.receipt>p{color:#77827d;font-size:10px}.receipt-paper{text-align:left;border:1px dashed #cbd5d0;padding:15px;border-radius:9px;margin:18px 0}.receipt-paper div{display:flex;justify-content:space-between;font-size:10px;padding:4px 0}.receipt-paper .receipt-total{border-top:1px dashed #cbd5d0;margin-top:6px;padding-top:9px;font-weight:800;font-size:12px}.toast-region{position:fixed;right:22px;bottom:22px;display:grid;gap:9px;z-index:200}.toast{background:#153f32;color:white;padding:12px 15px;border-radius:11px;box-shadow:0 12px 35px rgba(0,0,0,.19);display:flex;align-items:center;gap:9px;min-width:230px;animation:toastIn .25s ease;font-size:11px}.toast svg{width:16px;color:#70d3ad}.toast.error svg{color:#ff9b95}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}}.muted{color:#8b9490}.text-danger{color:var(--red)!important}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.debt-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.25s;width:255px}.sidebar.open{transform:none;box-shadow:15px 0 50px rgba(0,0,0,.2)}.main{margin-left:0}.topbar{height:64px;padding:0 16px}.mobile-menu,.mobile-logo{display:grid}.mobile-logo{font:800 18px Manrope;color:var(--green-900);margin-left:8px}.business-switcher{display:none}.connection-pill{display:none}.quick-sale-button{width:38px;height:38px;padding:0;font-size:0}.mobile-overlay{position:fixed;inset:0;background:rgba(3,20,15,.4);z-index:25}.mobile-overlay.open{display:block}.view{padding:22px 16px 40px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:23px}.date-button{display:none}.dashboard-grid,.pos-layout,.reports-grid,.settings-grid{grid-template-columns:1fr}.cart-panel{position:static}.product-picker{min-height:0}.summary-strip{grid-template-columns:1fr 1fr}.summary-strip>div:nth-child(2){border-right:0}.summary-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.debt-summary-card{align-items:flex-start;gap:20px}.debt-visual{width:45%}}
@media(max-width:520px){.stats-grid,.stats-grid.mini{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:15px;min-height:125px}.stat-card strong{font-size:19px}.dashboard-grid{gap:10px}.product-grid{grid-template-columns:repeat(2,1fr);gap:8px}.product-card{min-height:125px;padding:11px}.page-heading.compact{display:grid}.page-heading.compact>button{justify-self:start}.debt-grid{grid-template-columns:1fr}.debt-summary-card{display:block}.debt-visual{width:100%;text-align:left;margin-top:19px}.form-grid{grid-template-columns:1fr}.payment-choice-grid{grid-template-columns:1fr}.payment-choice{display:flex;justify-content:space-between;padding:10px 12px}.payment-choice strong{margin:0}.chart-wrap{padding-left:10px}.panel-head{padding-left:15px;padding-right:15px}.top-actions{gap:3px}.summary-strip strong{font-size:15px}.table-toolbar{display:grid}.table-toolbar .search-box{width:100%}.stats-grid.mini .stat-card:last-child{grid-column:1/-1}.report-chart{height:220px}.modal-backdrop{padding:8px}.modal{border-radius:16px}.split-fields{grid-template-columns:1fr}}
@media(max-width:520px){.team-member{flex-wrap:wrap}.permission-note{display:none}.team-member>div:nth-child(2){min-width:150px}.team-settings .panel-head{align-items:flex-start}.team-settings .primary-button{padding:8px 10px;font-size:10px}}
.auth-switch{text-align:center;margin:18px 0 0;color:#74807a;font-size:11px}.auth-switch button{border:0;background:transparent;color:var(--green-700);font:700 11px Manrope;cursor:pointer;padding:3px}.auth-switch button:hover,.auth-switch button:focus{text-decoration:underline}.turnstile-slot{min-height:65px;display:flex;justify-content:center;align-items:center}.auth-card:has(#signupForm),.auth-card:has(#bootstrapForm){max-height:calc(100vh - 32px);overflow:auto}.primary-button:disabled{cursor:not-allowed;opacity:.58}
.password-input{position:relative;display:block}.field .password-input input{padding-right:42px}.password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#74807a;display:grid;place-items:center;cursor:pointer}.password-toggle:hover,.password-toggle:focus-visible{background:var(--green-50);color:var(--green-700);outline:none}.password-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.password-toggle .eye-slash{display:none}.password-toggle.is-visible .eye-slash{display:block}
@media(max-width:520px){.auth-gate{align-items:flex-start;padding:10px}.auth-card{padding:22px;border-radius:18px}.auth-card:has(#signupForm),.auth-card:has(#bootstrapForm){max-height:calc(100vh - 20px)}}