@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#243128;font-synthesis:none;background:#f3f7f4;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}:root{--green:#183f30;--green-2:#2f6a54;--mint:#dfeee6;--ink:#243128;--muted:#718078;--line:#dce5df;--card:#fff}.app-shell{background:#f3f7f4;min-height:100vh;display:flex}.sidebar{z-index:30;color:#dfeae4;background:linear-gradient(#14382b,#0d291f);flex-direction:column;width:260px;padding:22px 16px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:12px 0 40px #14382b14}.brand{border-bottom:1px solid #ffffff18;align-items:center;gap:11px;padding:0 10px 23px;display:flex}.brand img{object-fit:contain;background:#fff;border-radius:13px;width:52px;height:52px;padding:4px}.brand div{display:grid}.brand b{color:#fff;letter-spacing:.12em;font:800 20px/1 Manrope}.brand span{color:#a9c4b6;margin-top:5px;font-size:12px}.sidebar nav{gap:5px;margin-top:22px;display:grid;overflow:auto}.sidebar nav a{color:#bad0c5;border-radius:11px;align-items:center;gap:13px;min-height:44px;padding:9px 12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#ffffff14}.sidebar nav a.active{box-shadow:inset 3px 0 #90d1b3}.sidebar nav i{background:#ffffff10;border-radius:7px;place-items:center;width:25px;height:25px;font-style:normal;display:grid}.sidebar-profile{border-top:1px solid #ffffff18;align-items:center;gap:10px;margin-top:auto;padding:18px 8px 0;display:flex}.sidebar-profile>span{width:36px;height:36px;color:var(--green);background:#d4eadf;border-radius:50%;place-items:center;font-weight:800;display:grid}.sidebar-profile div{min-width:0;display:grid}.sidebar-profile b{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.sidebar-profile small{color:#91ae9f}.main-area{width:calc(100% - 260px);min-height:100vh;margin-left:260px}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffdf;align-items:center;gap:14px;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.topbar>div:nth-child(2){display:grid}.topbar small{color:var(--muted);font-size:11px}.topbar strong{color:var(--green);font:700 15px Manrope}.menu-button{background:0 0;border:0;font-size:22px;display:none}.top-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.top-actions button{color:var(--green);cursor:pointer;background:#fff;border:1px solid #b8c9c0;border-radius:9px;padding:8px 13px;font-weight:700}.user-chip{background:var(--mint);color:var(--green);border-radius:9px;padding:8px 12px;font-size:13px;font-weight:700}.page-body{max-width:1540px;margin:auto;padding:28px}.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.page-heading small,.card-title small,.login-copy small,.login-card>small{letter-spacing:.2em;color:#5e8b75;font-size:10px;font-weight:800}.page-heading h1{color:var(--ink);margin:5px 0 4px;font:800 clamp(26px,3vw,38px)/1.15 Manrope}.page-heading p{color:var(--muted);margin:0}.role-badge{color:var(--green);background:var(--mint);border-radius:999px;padding:9px 14px;font-weight:800}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.metric-card{color:#fff;border-radius:17px;min-height:145px;padding:20px;position:relative;overflow:hidden;box-shadow:0 15px 40px #1c422c16}.metric-card:after{content:"";border:20px solid #ffffff12;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-40px;right:-30px}.metric-card small{opacity:.76;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.metric-card strong{margin:21px 0 5px;font:800 26px Manrope;display:block}.metric-card span{opacity:.75;font-size:12px}.purchase{background:linear-gradient(135deg,#2d7358,#1e4d3b)}.sale{background:linear-gradient(135deg,#3c6d80,#25495b)}.balance{background:linear-gradient(135deg,#806d3c,#564822)}.wallet{background:linear-gradient(135deg,#715582,#493757)}.dashboard-grid{grid-template-columns:minmax(300px,.78fr) minmax(520px,1.22fr);gap:18px;display:grid}.content-card{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:21px;box-shadow:0 12px 35px #223c2b0a}.card-title{justify-content:space-between;margin-bottom:18px;display:flex}.card-title h2{color:var(--ink);margin:5px 0 0;font:750 19px Manrope}.wallet-list{gap:7px;display:grid}.wallet-list div{color:#607168;background:#f5f8f6;border-radius:10px;justify-content:space-between;gap:20px;padding:13px 14px;display:flex}.wallet-list b{color:var(--ink)}.table-wrap{overflow:auto}.table-wrap table{border-collapse:collapse;white-space:nowrap;width:100%;max-height:100px;overflow-y:auto}.table-wrap th{text-align:left;color:#809087;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--line);padding:10px 12px;font-size:10px}.table-wrap td{border-bottom:1px solid #edf1ee;padding:13px 12px;font-size:13px}.status{color:#2c644e;background:#e4f1ea;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:700;display:inline-block}.empty{text-align:center;color:var(--muted);padding:35px!important}.wallet-page{grid-template-columns:minmax(270px,.55fr) minmax(600px,1.45fr)}.compact-form{gap:15px;display:grid}.compact-form label,.login-card label{color:#53645b;gap:7px;font-size:12px;font-weight:700;display:grid}.compact-form input,.compact-form select,.login-card input,.login-card select{width:100%;color:var(--ink);background:#fbfdfc;border:1px solid #cedbd4;border-radius:10px;outline:0;padding:11px 12px}.compact-form input:focus,.compact-form select:focus,.login-card input:focus,.login-card select:focus{border-color:#4f8069;box-shadow:0 0 0 3px #4f806918}.primary-btn{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:11px;justify-content:center;gap:20px;padding:12px 18px;font-weight:800;display:flex}.primary-btn:disabled{opacity:.6;cursor:wait}.notice,.form-error{color:#275d47;background:#e7f2ec;border-radius:9px;padding:10px 12px;font-size:13px}.form-error{color:#9b3028;background:#fff0ef}.module-card{text-align:center;place-content:center;max-width:850px;min-height:360px;margin:auto;display:grid}.module-icon{background:var(--mint);width:70px;height:70px;color:var(--green);border-radius:20px;place-items:center;margin:0 auto 16px;font-size:35px;display:grid}.module-card h2{margin:0 0 8px}.module-card p{max-width:570px;color:var(--muted)}.login-page{background:#f4f8f5;grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid}.login-panel{color:#fff;background:linear-gradient(120deg,#0d2e22dd,#194936c9),url(/login-bg.jpg) 50%/cover;flex-direction:column;padding:42px clamp(35px,7vw,100px);display:flex}.login-brand{align-items:center;gap:12px;font-weight:700;display:flex}.login-brand img{object-fit:contain;background:#fff;border-radius:14px;width:64px;height:64px;padding:4px}.login-copy{max-width:620px;margin:auto 0}.login-copy small{color:#9dd4b9}.login-copy h1{letter-spacing:-.05em;margin:15px 0 18px;font:800 clamp(48px,6vw,84px)/.98 Manrope}.login-copy p{color:#c4d8cd;max-width:520px;font-size:17px;line-height:1.7}.login-form-wrap{place-items:center;padding:30px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:22px;width:min(430px,100%);padding:35px;box-shadow:0 24px 65px #17332416}.login-card h2{color:var(--ink);margin:8px 0 6px;font:800 29px Manrope}.login-card>p{color:var(--muted);margin:0 0 25px;font-size:14px}.login-card label{margin-top:14px}.login-card .primary-btn{width:100%;margin-top:20px}.login-card footer{border-top:1px solid var(--line);text-align:center;color:#93a097;margin-top:24px;padding-top:18px;font-size:11px}.backdrop{display:none}@media (width<=1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.wallet-page,.login-page{grid-template-columns:1fr}.login-panel{display:none}}@media (width<=760px){.sidebar{transition:all .25s;transform:translate(-105%)}.sidebar.open{transform:none}.backdrop{z-index:25;background:#10231a88;border:0;display:block;position:fixed;inset:0}.main-area{width:100%;margin:0}.menu-button{display:block}.topbar{height:62px;padding:0 15px}.topbar small{display:none}.page-body{padding:19px 14px}.metric-grid{grid-template-columns:1fr}.page-heading{align-items:center}.role-badge{display:none}.content-card{padding:16px}.user-chip{display:none}.login-form-wrap{padding:18px}.login-card{padding:25px 20px}}.order-grid{grid-template-columns:minmax(560px,1fr) 330px;gap:18px;display:grid}.product-picker{grid-template-columns:1fr 110px auto;align-items:end;gap:10px;display:grid}.product-picker label,.wallet-select{color:var(--muted);gap:6px;font-size:11px;font-weight:700;display:grid}.product-picker input,.product-picker select,.wallet-select select,.member-search input{background:#fff;border:1px solid #cedbd4;border-radius:9px;width:100%;padding:10px}.product-preview{gap:8px;margin:12px 0;display:flex}.product-preview span{color:#416351;background:#edf5f0;border-radius:7px;padding:6px 9px;font-size:11px}.cart-table{margin-top:18px}.cart-table button{color:#9b3028;cursor:pointer;background:#feeae8;border:0;border-radius:6px}.order-summary{align-self:start;position:sticky;top:92px}.summary-lines{gap:3px;margin-bottom:18px;display:grid}.summary-lines div{border-bottom:1px solid #edf1ee;justify-content:space-between;padding:10px 0;display:flex}.summary-lines span{color:var(--muted)}.wallet-select{margin:14px 0}.order-summary>.primary-btn{width:100%}.member-search{align-items:end}.member-search label{min-width:280px}.verified-member{padding:7px 12px;display:grid}.verified-member span{color:var(--muted);font-size:12px}@media (width<=1000px){.order-grid{grid-template-columns:1fr}.order-summary{position:static}.product-picker{grid-template-columns:1fr 100px}.product-picker button{grid-column:1/-1}}.row-actions{gap:6px;display:flex}.row-actions button{cursor:pointer;color:#fff;background:#2f6a54;border:0;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:700}.row-actions button.danger{background:#a94b43}.login-panel{background:radial-gradient(circle at 18% 15%,#4b8067 0 1px,#0000 2px) 0 0/31px 31px,radial-gradient(circle at 80% 65%,#77a58d55 0 2px,#0000 3px) 0 0/47px 47px,linear-gradient(135deg,#0d2e22,#194936)}.records-card{margin-bottom:18px}.filter-bar{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:flex-end;gap:12px;margin-bottom:16px;padding:14px;display:flex}.filter-bar label{color:var(--muted);gap:5px;font-size:11px;font-weight:700;display:grid}.filter-bar input,.filter-bar select{color:var(--ink);background:#fff;border:1px solid #cedbd4;border-radius:8px;padding:9px 11px}.password-card{max-width:560px}.password-card .compact-form{max-width:440px}.invoice-link{color:#28664d;font-weight:800;text-decoration:underline}.back-link{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 13px}.invoice-sheet{max-width:1150px;margin:auto}.invoice-head{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding-bottom:18px;display:flex}.invoice-head img{object-fit:contain;width:65px;height:65px}.invoice-head div{display:grid}.invoice-head h2{margin:0}.invoice-head span{color:var(--muted)}.invoice-head>strong{margin-left:auto;font-size:20px}.invoice-summary{grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0;display:grid}.invoice-summary div{background:#f5f8f6;border-radius:8px;gap:4px;padding:10px;display:grid}.invoice-summary small{color:var(--muted);font-size:10px}.invoice-summary b{overflow-wrap:anywhere;font-size:12px}@media (width<=700px){.invoice-summary{grid-template-columns:repeat(2,1fr)}.invoice-head>strong{font-size:14px}}.orders-scroll-card .table-wrap{border:1px solid #edf1ee;border-radius:10px;max-height:430px;overflow:auto}.orders-scroll-card .table-wrap thead th{z-index:2;background:#f7faf8;position:sticky;top:0;box-shadow:0 1px #dce5df}.orders-scroll-card .serial-column{text-align:center;width:66px;min-width:66px;font-weight:700}.order-summary-heading{align-items:center}.order-detail-card{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:0;padding:0;display:grid;overflow:hidden}.order-products-section{border-right:1px solid var(--line);min-width:0;padding:24px}.order-detail-table{border:1px solid var(--line);border-radius:12px;margin-top:16px}.order-detail-table table{min-width:620px}.order-detail-table th,.order-detail-table td{text-align:right}.order-detail-table th:first-child,.order-detail-table td:first-child{text-align:center;width:62px}.order-detail-table th:nth-child(2),.order-detail-table td:nth-child(2){text-align:left}.order-detail-table tfoot th{color:#183b2b;background:#e4efe9}.order-product-name{min-width:240px;font-weight:700}.order-information-section{background:#f8fbf9;align-content:start;gap:18px;padding:24px;display:grid}.order-info-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.order-info-block{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px}.order-info-block>small,.payment-method-box small,.expected-delivery-box small{color:#4f7a67;letter-spacing:.16em;font-size:9px;font-weight:800}.order-info-block h3{margin:6px 0 14px;font-size:17px}.order-info-block dl{gap:9px;margin:0;display:grid}.order-info-block dl>div{border-bottom:1px dashed #d7e1dc;justify-content:space-between;gap:12px;padding-bottom:8px;font-size:12px;display:flex}.order-info-block dt{color:var(--muted)}.order-info-block dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:700}.order-info-block address{color:var(--muted);gap:7px;font-size:12px;font-style:normal;line-height:1.35;display:grid}.order-info-block address b{color:var(--ink);font-size:14px}.payment-method-box,.expected-delivery-box{border:1px solid var(--line);background:#fff;border-radius:14px;gap:7px;padding:18px;display:grid}.payment-method-box strong{font-size:16px}.expected-delivery-box{color:#fff;text-align:center;background:linear-gradient(135deg,#153f2f,#286a4f);justify-items:center;padding:24px}.expected-delivery-box small{color:#bfe1d1}.expected-delivery-box strong{font:800 30px/1.1 Georgia,serif}@media (width<=1100px){.order-detail-card{grid-template-columns:1fr}.order-products-section{border-right:0;border-bottom:1px solid var(--line)}}@media (width<=700px){.order-info-grid{grid-template-columns:1fr}.order-products-section,.order-information-section{padding:16px}.order-summary-heading{flex-direction:column;align-items:flex-start}}.invoice-action-buttons{gap:9px;display:flex}.invoice-action-buttons .primary-btn{align-items:center}.invoice-paper{color:#17231d;background:#fff;border:1px solid #cfd8d3;width:min(1120px,100%);margin:0 auto 30px;font-family:Arial,sans-serif;box-shadow:0 18px 55px #17332414}.invoice-title-row{border-bottom:2px solid #234c39;grid-template-columns:100px 1fr 210px;align-items:center;min-height:105px;display:grid}.invoice-title-row>img{object-fit:contain;width:74px;height:74px;margin:auto}.invoice-company-title{text-align:center;border-left:1px solid #cfd8d3;border-right:1px solid #cfd8d3;padding:12px}.invoice-company-title h1{letter-spacing:.05em;margin:0;font:800 21px/1.25 Arial,sans-serif}.invoice-company-title p{letter-spacing:.15em;color:#275d46;margin:7px 0 0;font-size:13px;font-weight:800}.invoice-number-box{align-content:center;align-self:stretch;gap:5px;padding:14px;display:grid}.invoice-number-box span,.invoice-number-box small{color:#637169;font-size:10px}.invoice-number-box strong{overflow-wrap:anywhere;font-size:17px}.invoice-party-grid{border-bottom:1px solid #aebbb4;grid-template-columns:repeat(3,1fr);display:grid}.invoice-party{border-right:1px solid #aebbb4;min-height:175px;padding:14px 16px}.invoice-party:last-child{border:0}.invoice-section-label{letter-spacing:.16em;color:#397058;margin-bottom:8px;font-size:9px;font-weight:800;display:block}.invoice-party h2{margin:0 0 8px;font:800 15px Arial,sans-serif}.invoice-party p{margin:4px 0;font-size:11px;line-height:1.45}.invoice-meta{border-top:1px dashed #bdc8c2;margin-top:13px;padding-top:9px;display:grid}.invoice-meta span{color:#6b7971;font-size:9px}.invoice-meta b{margin-top:3px;font-size:11px}.invoice-items-wrap{width:100%;overflow:auto}.invoice-items-table{border-collapse:collapse;width:100%;font-size:10px}.invoice-items-table th{color:#20382c;text-transform:uppercase;letter-spacing:.03em;background:#eaf1ed;font-size:9px}.invoice-items-table th,.invoice-items-table td{text-align:center;vertical-align:middle;border-bottom:1px solid #c3cdc7;border-right:1px solid #c3cdc7;padding:8px 6px}.invoice-items-table th:last-child,.invoice-items-table td:last-child{border-right:0}.invoice-items-table .product-cell{text-align:left;min-width:155px}.invoice-items-table .product-cell b,.invoice-items-table td small{display:block}.invoice-items-table td small{color:#67756d;margin-top:3px;font-size:8px}.invoice-items-table .amount{text-align:right;white-space:nowrap}.invoice-items-table .strong{font-weight:800}.invoice-items-table tfoot th{color:#152c21;background:#dce9e2;font-weight:800}.invoice-bottom-grid{border-bottom:1px solid #aebbb4;grid-template-columns:1fr 350px;display:grid}.amount-words{border-right:1px solid #aebbb4;align-content:start;gap:6px;padding:16px;display:grid}.amount-words>span{text-transform:uppercase;color:#66736c;letter-spacing:.1em;font-size:9px}.amount-words>strong{text-transform:uppercase;font-size:12px}.tax-note{margin-top:18px;font-size:10px}.invoice-total-box{padding:10px 16px}.invoice-total-box>div{border-bottom:1px dashed #cbd4cf;justify-content:space-between;gap:15px;padding:6px 0;font-size:11px;display:flex}.invoice-total-box .grand-total{color:#163c2b;border:0;align-items:center;padding-top:10px}.invoice-total-box .grand-total strong{font-size:18px}.invoice-footer{grid-template-columns:1fr 310px;min-height:115px;display:grid}.invoice-footer>div{padding:15px}.invoice-footer p{color:#5e6d65;max-width:600px;margin:6px 0;font-size:9px;line-height:1.5}.invoice-footer .signature{border-left:1px solid #aebbb4;align-content:space-between;justify-items:center;font-size:10px;display:grid}.invoice-footer .signature span{text-align:center;border-top:1px solid #75827b;width:100%;padding-top:7px}@media (width<=850px){.invoice-paper{width:100%}.invoice-title-row{grid-template-columns:80px 1fr}.invoice-number-box{border-top:1px solid #cfd8d3;grid-column:1/-1}.invoice-party-grid{grid-template-columns:1fr}.invoice-party{border-bottom:1px solid #aebbb4;border-right:0}.invoice-bottom-grid,.invoice-footer{grid-template-columns:1fr}.amount-words,.invoice-footer .signature{border-bottom:1px solid #aebbb4;border-left:0;border-right:0}.invoice-page-actions{flex-direction:column;align-items:flex-start}.invoice-items-table{min-width:900px}}@media print{@page{size:A4 portrait;margin:8mm}body{background:#fff!important}.sidebar,.topbar,.invoice-page-actions{display:none!important}.main-area{width:100%!important;margin:0!important}.page-body{max-width:none!important;margin:0!important;padding:0!important}.invoice-paper{break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:194mm!important;max-width:194mm!important;box-shadow:none!important;border:1px solid #222!important;margin:0 auto!important}.invoice-title-row{grid-template-columns:26mm 1fr 48mm!important;min-height:27mm!important}.invoice-title-row>img{width:19mm!important;height:19mm!important}.invoice-company-title{border-left:1px solid #cfd8d3!important;border-right:1px solid #cfd8d3!important}.invoice-company-title h1{font-size:16pt!important}.invoice-company-title p{font-size:9pt!important}.invoice-number-box{border-top:0!important;grid-column:auto!important;padding:3mm!important}.invoice-number-box strong{font-size:12pt!important}.invoice-party-grid{grid-template-columns:repeat(3,1fr)!important}.invoice-party{border-bottom:0!important;border-right:1px solid #aebbb4!important;min-height:42mm!important;padding:3mm 3.5mm!important}.invoice-party:last-child{border-right:0!important}.invoice-party h2{font-size:10.5pt!important}.invoice-party p{font-size:8pt!important;line-height:1.4!important}.invoice-items-wrap{overflow:visible}.invoice-items-table{min-width:0!important;font-size:7.5pt!important}.invoice-items-table th{font-size:6.5pt!important}.invoice-items-table th,.invoice-items-table td{padding:2.2mm 1mm!important}.invoice-items-table .product-cell{min-width:38mm!important}.invoice-items-table tr{break-inside:avoid}.invoice-bottom-grid{grid-template-columns:1fr 52mm!important}.amount-words{min-height:38mm;border-bottom:0!important;border-right:1px solid #aebbb4!important;padding:4mm!important}.invoice-total-box{padding:3mm 4mm!important}.invoice-footer{grid-template-columns:1fr 48mm!important;min-height:30mm!important}.invoice-footer .signature{border-bottom:0!important;border-left:1px solid #aebbb4!important}}