:root{--brand-dark:#072016;--brand-mid:#0f4626;--brand-accent:#16633b;--brand-gold:#c9a84c;--brand-gold-lt:#e8ce7a;--surface:#f1f6f3;--surface-card:#ffffff;--text-primary:#0a1f14;--text-muted:#4f6d59;--text-on-dark:#ddeee3;--border:#dce8df;--bg:#f1f6f3;--panel:#ffffff;--line:#dce8df;--ink:#0a1f14;--muted:#4f6d59;--green:#0d5c34;--green-dark:#072016;--mint:#dff5df;--teal:#0a6b63;--gold:#b9891b;--rose:#b44b5a;--shadow:0 24px 70px rgba(10,31,20,0.12);--sidebar-width:260px;--topbar-height:64px}*{box-sizing:border-box}body,html{min-height:100%}a{color:inherit}body{margin:0;background:#f4f7f5;color:#1a2b1e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:284px 1fr;min-height:100vh;margin-top:var(--topbar-height);background:#f4f7f5}.sidebar{background:var(--brand-dark);color:var(--text-on-dark);border-right:1px solid var(--brand-mid);display:flex;flex-direction:column;gap:22px;padding:28px 20px;position:-webkit-sticky;position:sticky;top:var(--topbar-height);height:calc(100vh - var(--topbar-height));z-index:20}.brand{align-items:center;color:inherit;display:flex;gap:13px;min-width:0;text-decoration:none}@media (max-width:700px){.brand{flex:1 0 100%;justify-content:center;margin-bottom:4px}}.brandMark{align-items:center;background:linear-gradient(135deg,#ccefc7,#72c878);border-radius:8px;color:#07321f;display:grid;height:46px;place-items:center;width:46px}.brand span,.brand strong{display:block}.brand strong{font-size:18px;letter-spacing:0}.brand span{color:#5c7368;font-size:13px;margin-top:2px}.nav{display:grid;grid-gap:8px;gap:8px}.ghostButton,.nav button{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--brand-gold);display:flex;gap:12px;min-height:44px;padding:0 12px;text-align:left;width:100%;transition:background .18s,color .18s}.ghostButton.logout{background:transparent;color:var(--text-on-dark)}.ghostButton.logout:hover{background:rgba(200,50,50,.12);color:#ff8a80}.ghostButton:hover,.nav button:hover{background:var(--brand-mid);color:var(--brand-gold)}.navLink{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--brand-gold);display:flex;gap:12px;min-height:44px;padding:0 12px;text-align:left;text-decoration:none;width:100%;transition:background .18s,color .18s}.navLink.active,.navLink:hover{background:var(--brand-mid);color:var(--brand-gold)}.navLink.active{border-left:4px solid var(--brand-gold)}.navGroup{border-radius:8px;overflow:hidden}.navGroup.active{background:var(--brand-mid);border-left:4px solid var(--brand-gold);transition:background .18s,color .18s}.navGroup.active,.navGroup.active button{color:var(--brand-gold)}.navChevron{margin-left:auto}.subNav{display:grid;grid-gap:4px;gap:4px;padding:0 8px 10px 43px}.subNav a{border-radius:8px;background:rgba(255,255,255,.04);color:var(--text-on-dark);font-size:14px;font-weight:700;padding:8px 10px;text-decoration:none;transition:background .18s,color .18s}.subNav a:hover{background:var(--brand-mid);color:var(--brand-gold)}.sidePanel{background:#f7faf5;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:9px;gap:9px;margin-top:auto;padding:16px;color:var(--ink)}.sidePanel strong{color:var(--green-dark)}.sidePanel span{color:#5c7368;font-size:13px;line-height:1.5}.content{background:#f4f7f5;color:#1a2b1e;min-width:0;padding:24px}.content table{background:#ffffff;color:#1a2b1e}.content table thead tr,.content th,.content thead tr{background:#f0f5f2;color:#3a5c44;font-weight:600}.content tbody tr,.content td{background:#ffffff;color:#1a2b1e}.content tbody tr:hover,.content tbody tr:hover td{background:#f7fbf8}.content td,.content th{border-color:#d4e6d9}.content input,.content select,.content textarea{background:#ffffff;border:1px solid #c2d9c8;color:#1a2b1e}.content select option{background:#ffffff;color:#1a2b1e}.content a.dangerButton,.content a.primaryButton,.content a.secondaryButton,.content button{color:inherit}.content .primaryButton{background:#0f6b3d;border-color:#0f6b3d;color:#ffffff}.content .secondaryButton{background:#ffffff;border-color:#c2d9c8;color:#083f27}.content .dangerButton{background:#b42335;border-color:#b42335;color:#ffffff}.content input::placeholder,.content textarea::placeholder{color:#5a7463}.content .card,.content .detailsCard,.content .formPanel,.content .invoiceTableWrap,.content .panel,.content .productImageContainer,.content .subCard,.content .tableWrap{background:#ffffff;border:1px solid #d4e6d9;border-radius:10px}.content h1,.content h2,.content h3,.content label,.content p{color:#1a2b1e}.adminLayout{background:#f4f7f5;display:flex;flex-direction:column;min-height:100vh}.topbar{position:fixed;top:0;left:0;right:0;z-index:300;background:#0d2218;color:var(--text-on-dark);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px rgba(10,53,35,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;height:var(--topbar-height)}@media (max-width:700px){.topbar{flex-wrap:nowrap;gap:10px;height:var(--topbar-height);padding:10px 16px}.brand{flex:1 1 auto;justify-content:flex-start;margin-bottom:0;min-width:0}.headerTitle{display:none}.headerActions{flex:0 0 auto;justify-content:flex-end;width:auto;gap:6px}.iconButton{min-height:36px;width:36px}.sidePanel{display:none}}.headerTitle{font-size:20px;font-weight:800;margin:0;color:#ffffff}.headerActions{display:flex;align-items:center;gap:12px}.eyebrow,.heroBand p,.topbar p{color:var(--green);font-size:12px;font-weight:800;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}.modal h2,.toolbar h2,.topbar h1{margin:0}.topbar h1{font-size:clamp(25px,3vw,38px)}.toolbarActions,.topActions{align-items:center;display:flex;gap:12px}.searchBox{align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:8px;display:flex;gap:8px;min-height:44px;padding:0 12px;width:min(320px,34vw)}.searchBox input{border:0;min-width:0;outline:0;width:100%}.tableSearch{width:min(380px,42vw)}.iconButton{align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--brand-gold);display:inline-flex;height:44px;justify-content:center;width:44px;transition:background .18s,color .18s}.iconButton:hover{background:rgba(255,255,255,.22);color:var(--brand-gold)}.mobileOnly{display:none}.heroBand{align-items:center;background:linear-gradient(105deg,rgba(8,63,39,.96),rgba(18,114,69,.91)),url(https://images.unsplash.com/photo-1542838132-92c53300491e?auto=format&fit=crop&w=1500&q=80);background-position:50%;background-size:cover;border-radius:8px;color:#fff;display:flex;gap:24px;justify-content:space-between;margin:26px 0;min-height:190px;overflow:hidden;padding:28px}.heroBand p{color:#ffffff!important;opacity:.85}.heroBand h2{font-size:clamp(24px,3vw,40px);line-height:1.08;margin:0;max-width:780px;color:#ffffff!important}.compactHero{min-height:150px}.compactHero .primaryButton{border-color:rgba(255,255,255,.25);text-decoration:none}.heroMetric{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);border-radius:8px;min-width:176px;padding:18px}.heroMetric span,.heroMetric strong{display:block}.heroMetric strong{font-size:42px;margin-top:8px}.statsGrid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.statCard{background:var(--panel);border:1px solid var(--line);border-radius:8px;min-height:134px;padding:18px}.statCard small,.statCard span{color:var(--muted);display:block}.statCard strong{display:block;font-size:34px;margin:12px 0 6px}.statCard.emerald{border-top:4px solid var(--green)}.statCard.mint{border-top:4px solid #77bd69}.statCard.teal{border-top:4px solid var(--teal)}.statCard.gold{border-top:4px solid var(--gold)}.toolbar{align-items:center;display:flex;justify-content:space-between;margin:28px 0 12px}.dangerButton,.primaryButton,.secondaryButton{align-items:center;border-radius:8px;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:44px;padding:0 16px}.primaryButton{background:var(--green);border:1px solid var(--green);color:#fff}.secondaryButton{background:#fff;border:1px solid var(--line);color:var(--green-dark)}.dangerButton{background:#b42335;border:1px solid #b42335;color:#fff}.actionButton{min-height:38px;padding:0 12px;text-decoration:none;white-space:nowrap}.full{width:100%}.notice{background:#eef7ea;border:1px solid #d5e8d1;border-radius:8px;color:#275336;margin:0 0 14px;padding:12px 14px}.tableWrap{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);overflow-x:auto}table{border-collapse:collapse;min-width:760px;width:100%}td,th{border-bottom:1px solid var(--line);padding:16px;text-align:left}th{color:var(--muted);font-size:12px;text-transform:uppercase}tr:last-child td{border-bottom:0}.pill{background:#edf3ec;border-radius:999px;color:var(--green-dark);display:inline-flex;font-size:12px;font-weight:800;padding:6px 10px;white-space:nowrap}.lowstock,.placed,.review{background:#fff5d6;color:#855d07}.draft{background:#eef1f4;color:#56606b}.active,.delivered,.verified{background:#e5f6e3;color:#126336}.packing{background:#e3f3f2;color:#0d655f}.modalLayer{align-items:center;background:rgba(10,26,18,.52);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:40}.modal{background:#fff;border-radius:8px;box-shadow:var(--shadow);max-height:min(760px,92vh);overflow:auto;padding:22px;width:min(620px,100%)}.modal header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.formGrid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.formPanel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:20px}.formGrid label{display:grid;grid-gap:7px;gap:7px}.formGrid label:has(textarea){grid-column:1/-1}.formGrid label span{color:var(--muted);font-size:13px;font-weight:800}.formGrid input,.formGrid select,.formGrid textarea{border:1px solid var(--line);border-radius:8px;min-height:46px;outline:0;padding:0 12px;width:100%}.formGrid .full,.formGrid input[type=file],.formGrid textarea{grid-column:1/-1}.formGrid textarea{padding-top:12px}.backdrop{background:rgba(0,0,0,.5);border:none;bottom:0;cursor:pointer;left:0;position:fixed;right:0;top:var(--topbar-height);z-index:249}.authPage{align-items:center;background:linear-gradient(105deg,rgba(8,63,39,.91),rgba(18,114,69,.76)),url(https://images.unsplash.com/photo-1542838132-92c53300491e?auto=format&fit=crop&w=1500&q=80);background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:100vh;padding:22px}.authCard{background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.7);border-radius:8px;box-shadow:var(--shadow);display:grid;grid-gap:22px;gap:22px;max-width:460px;padding:28px;width:100%}.authBrand{align-items:center;display:flex;gap:13px}.authBrand span,.authBrand strong{display:block}.authBrand strong{font-size:18px}.authBrand span,.authSubtitle{color:var(--muted)}.authCard h1{font-size:34px;margin:0}.authSubtitle{line-height:1.5;margin:8px 0 0}.authForm{display:grid;grid-gap:14px;gap:14px}.authForm label{display:grid;grid-gap:8px;gap:8px}.authForm label span{color:var(--muted);font-size:13px;font-weight:800}.authInput{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;gap:10px;min-height:48px;padding:0 12px}.authInput input{border:0;min-width:0;outline:0;width:100%}.linkButton{background:transparent;border:0;color:var(--green);font-weight:800;justify-self:center;padding:4px 8px}.confirmActions,.rowActions{align-items:center;display:flex;gap:10px}.confirmActions{justify-content:flex-end;margin-top:20px}.confirmModal p,.emptyState{color:var(--muted);margin:0}.emptyState{padding:12px 0}@media (max-width:980px){.shell{grid-template-columns:1fr}.sidebar{height:calc(100vh - var(--topbar-height));left:-100%;position:fixed;top:var(--topbar-height);transform:none;transition:left .18s ease;width:min(80vw,270px);z-index:250}.sidebar.open{left:0}.mobileOnly{display:inline-flex}.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.searchBox{display:none}}@media (max-width:700px){.content{padding:18px}.heroBand,.toolbar{align-items:flex-start;flex-direction:column}.topbar{align-items:center;flex-direction:row;justify-content:space-between;gap:10px}.topbar .brand{width:auto;justify-content:flex-start;text-align:left;margin-bottom:0}.topbar .headerActions{width:auto;justify-content:flex-end;margin-top:0;gap:6px}.toolbarActions{align-items:stretch;flex-direction:column;width:100%}.primaryButton,.secondaryButton{width:100%}.formGrid,.statsGrid{grid-template-columns:1fr}.heroMetric{width:100%}}.detailsContainer{display:flex;flex-direction:column;gap:24px;margin-top:24px}.detailsHeader{justify-content:space-between;gap:16px;flex-wrap:wrap}.detailsActions,.detailsHeader{display:flex;align-items:center}.detailsActions{gap:12px}.detailsCard{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:32px}.productDetailGrid{display:grid;grid-template-columns:minmax(280px,1fr) 2fr;grid-gap:40px;gap:40px}@media (max-width:860px){.productDetailGrid{grid-template-columns:1fr;gap:28px}}.productImageContainer{background:#f7faf5;border:1px solid var(--line);border-radius:12px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:16px;position:relative;min-height:280px}.productImg{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;transition:transform .3s ease}.productImageContainer:hover .productImg{transform:scale(1.05)}.productInfoBlock{display:flex;flex-direction:column;gap:20px}.productHeaderInfo{border-bottom:1px solid var(--line);padding-bottom:16px}.productBadgeRow{display:flex;gap:8px;align-items:center;margin-bottom:12px}.productTitle{font-size:clamp(24px,2.5vw,32px);margin:0 0 6px;font-weight:800;color:var(--ink)}.productCode{font-family:monospace;font-size:14px;color:var(--muted)}.productPriceSection{background:#f9fbf8;border:1px solid rgba(15,107,61,.1);border-radius:8px;padding:16px 20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.currentPrice{font-size:32px;font-weight:800;color:var(--green)}.originalPrice{font-size:18px;text-decoration:line-through;color:var(--muted)}.discountBadge{background:var(--rose);color:white;font-size:13px;font-weight:800;padding:4px 8px;border-radius:6px}.stockIndicator{margin-top:10px}.stockText{display:flex;justify-content:space-between;font-weight:800;font-size:14px;margin-bottom:8px}.stockCount{color:var(--green)}.stockProgress{background:#e6eee5;border-radius:99px;height:10px;overflow:hidden}.stockProgressBar{background:var(--green);height:100%;border-radius:99px}.productDescription{line-height:1.6;color:#3e4d45;font-size:15px}.detailsGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;border-top:1px solid var(--line);padding-top:20px}@media (max-width:580px){.detailsGrid{grid-template-columns:1fr;gap:16px}}.gridItem{display:flex;flex-direction:column;gap:4px}.gridLabel{font-size:12px;text-transform:uppercase;color:var(--muted);font-weight:800;letter-spacing:.5px}.gridValue{font-size:15px;font-weight:600;color:var(--ink)}.userHeaderCard{gap:24px;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:24px;flex-wrap:wrap}.avatarLarge,.userHeaderCard{display:flex;align-items:center}.avatarLarge{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--mint),#a5e3a8);color:var(--green-dark);font-size:28px;font-weight:800;justify-content:center;box-shadow:0 4px 12px rgba(15,107,61,.15)}.userMeta{display:flex;flex-direction:column;gap:6px}.userFullName{font-size:24px;font-weight:800;margin:0;color:var(--ink)}.invoiceHeader{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px;flex-wrap:wrap;gap:16px}.invoiceInfo h3{font-size:20px;margin:0 0 6px;font-weight:800;font-family:monospace}.invoiceInfo p{margin:0;font-size:14px;color:var(--muted)}.invoiceTotalBlock{text-align:right}.invoiceTotalLabel{font-size:12px;text-transform:uppercase;color:var(--muted);font-weight:800}.invoiceTotalAmount{font-size:32px;font-weight:900;color:var(--ink);margin-top:4px}.twoColLayout{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-bottom:32px}@media (max-width:760px){.twoColLayout{grid-template-columns:1fr;gap:20px}}.subCard{background:#fcfdfe;border:1px solid var(--line);border-radius:8px;padding:20px}.subCard h4{margin:0 0 16px;font-size:16px;font-weight:800;color:var(--green);border-bottom:1px solid rgba(15,107,61,.08);padding-bottom:8px;display:flex;align-items:center;gap:8px}.subCardContent{display:flex;flex-direction:column;gap:10px}.invoiceTableWrap{border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:20px}.invoiceTable{width:100%;border-collapse:collapse}.invoiceTable th{background:#f7faf5;color:var(--muted);font-weight:800;font-size:12px;text-transform:uppercase;padding:12px 16px}.invoiceTable td,.invoiceTable th{border-bottom:1px solid var(--line)}.invoiceTable td{padding:14px 16px;font-size:14px;vertical-align:middle}.invoiceTable tr:last-child td{border-bottom:none}.tableProductInfo{display:flex;align-items:center;gap:12px}.tableProductThumb{width:44px;height:44px;border-radius:6px;background:#f8faf4;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:4px;overflow:hidden}.tableProductImg{max-width:100%;max-height:100%;object-fit:contain}.invoiceSummaryRow{display:flex;justify-content:space-between;align-items:center;background:#f9fbf8;border:1px solid var(--line);border-radius:8px;padding:16px 24px;font-weight:800;font-size:16px}.summaryCountText{color:var(--muted)}.summaryTotalText{color:var(--green);font-size:20px}.topbar p{color:#c9f3cf!important}.topbar .iconButton{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.15)!important;color:#ffffff!important}.topbar .iconButton:hover{background:rgba(255,255,255,.22)!important;color:#ffffff!important}