:root{color-scheme:dark;--ink:#0b1422;--ink-2:#111d2e;--deep:#08111e;--lime:#c5ff70;--lime-2:#aaf052;--bg:#f4f6f7;--line:#e5e9eb;--text:#18222b;--muted:#7d8992;--shadow:0 12px 35px rgba(14,29,41,.045);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #93ca50;outline-offset:2px}[hidden]{display:none!important}.accent-m{color:var(--lime)}.container{max-width:1380px;margin:auto;padding-left:clamp(20px,5.5vw,80px);padding-right:clamp(20px,5.5vw,80px)}
/* PUBLIC LANDING & AUTH */
.public-shell{position:relative;min-height:100vh;overflow:hidden;color:white;background:radial-gradient(ellipse at 14% 14%,#17243a 0%,transparent 45%),linear-gradient(125deg,#0c1728,#0a1220 61%,#0d1927)}.public-shell::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(235,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(235,255,255,.024) 1px,transparent 1px);background-size:72px 72px;pointer-events:none;mask-image:linear-gradient(90deg,transparent 20%,black 100%)}.ambient{pointer-events:none;position:absolute;border-radius:50%;filter:blur(85px);opacity:.22}.ambient-one{width:430px;height:430px;background:#355765;right:-190px;top:17%}.ambient-two{width:310px;height:310px;background:#38554a;left:-190px;bottom:15%}.public-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;height:116px}.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--lime);color:#0a1820;font-weight:950;letter-spacing:-.13em;font-size:27px;padding-right:4px;line-height:1}.brand-dot{color:#749d37}.brand-text{font-size:16px;font-weight:900;letter-spacing:.035em;color:white}.brand-text>span{color:var(--lime)}.header-label,.public-footnote,.public-footer,.secure-caption{font-size:10px;letter-spacing:.14em;font-weight:750}.header-label{color:#a4b0be;display:flex;align-items:center;gap:10px}.live-indicator{height:7px;width:7px;flex:none;display:inline-block;border-radius:50%;background:#b7f968;box-shadow:0 0 0 4px rgba(191,255,107,.10),0 0 17px rgba(191,255,107,.45)}.public-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(390px,.86fr);align-items:center;gap:clamp(60px,8vw,155px);min-height:calc(100vh - 195px);position:relative;z-index:1;padding-top:35px;padding-bottom:55px}.public-pitch{padding-bottom:25px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.20em;display:flex;align-items:center;gap:12px;color:#d3dce4}.eyebrow-line{height:2px;width:26px;background:var(--lime);display:inline-block}.public-pitch h1{font-weight:850;font-size:clamp(52px,6.3vw,98px);line-height:1.045;letter-spacing:-.076em;max-width:700px;margin:30px 0}.public-pitch h1>span{color:var(--lime)}.pitch-lead{font-size:clamp(15px,1.3vw,18px);color:#a5b1c2;line-height:1.85;max-width:520px;margin:0}.pitch-features{margin:51px 0 63px;display:grid;gap:25px}.pitch-feature{display:flex;gap:15px;align-items:center}.feature-icon{height:47px;width:47px;display:grid;place-items:center;border:1px solid #344354;border-radius:14px;background:rgba(255,255,255,.036);font-size:22px;color:var(--lime)}.pitch-feature span:nth-child(2){display:flex;flex-direction:column;gap:6px}.pitch-feature strong{font-size:14px;font-weight:750;color:#ebf0f3}.pitch-feature small{font-size:12px;color:#7c8b9b}.public-footnote{display:flex;align-items:center;gap:13px;color:#8797aa}.public-footnote .live-indicator{width:5px;height:5px}.foot-divider{height:2px;width:22px;background:#394957}.auth-wrap{max-width:530px;width:100%;justify-self:end}.auth-card{border:1px solid rgba(231,249,255,.11);background:linear-gradient(137deg,rgba(27,41,58,.96),rgba(15,26,42,.98));box-shadow:0 34px 95px rgba(0,0,0,.21),inset 0 1px 0 rgba(255,255,255,.04);border-radius:27px;padding:clamp(26px,3.35vw,52px)}.auth-topline{display:flex;align-items:center;justify-content:space-between}.mini-chip{font-size:9px;letter-spacing:.12em;font-weight:850;color:var(--lime);border:1px solid rgba(197,255,112,.23);border-radius:7px;padding:9px 11px}.auth-symbol{color:var(--lime);font-size:21px}.auth-icon{display:grid;place-items:center;color:#203324;background:var(--lime);width:56px;height:56px;border-radius:17px;font-size:26px;margin-top:36px}.auth-card h2{font-size:clamp(27px,2.8vw,35px);line-height:1.2;letter-spacing:-.055em;margin:23px 0 10px;font-weight:780}.muted{color:#8c9bab}.auth-description{font-size:13px;line-height:1.7;margin:0 0 32px}.field{display:flex;flex-direction:column;gap:10px;margin-bottom:19px}.field label{font-size:12px;font-weight:700;color:inherit}.input-wrap{display:flex;align-items:center;position:relative}.input-wrap .input-icon{position:absolute;left:16px;font-size:21px;color:#6a7b8d;pointer-events:none}.field input,.field select,.field textarea{width:100%;border-radius:12px;outline:none;transition:border-color .18s,box-shadow .18s;font-size:13px}.auth-card .field input{padding:16px 45px;background:#101d2e;border:1px solid #324054;color:#eff7fb}.field input::placeholder,.field textarea::placeholder{color:#7c8997}.auth-card .field input:focus{border-color:#95c660;box-shadow:0 0 0 3px rgba(178,244,95,.08)}.auth-card .input-wrap input{padding-left:51px}.field-icon-btn{position:absolute;right:13px;background:none;border:0;font-size:20px;color:#9aabbb;padding:4px}.form-error{padding:12px;background:#582733;border:1px solid #985461;border-radius:10px;font-size:12px;color:#ffccd6;margin-bottom:17px}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:42px;padding:12px 18px;border-radius:11px;font-size:12px;font-weight:800;transition:transform .12s ease,filter .15s ease,background .15s}.btn:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.04)}.btn-primary{background:var(--lime);color:#14220f}.btn-full{width:100%}.auth-submit{height:52px;justify-content:space-between;padding-inline:22px;margin-top:5px}.auth-submit span{font-size:20px}.auth-separator{position:relative;display:flex;align-items:center;justify-content:center;color:#64768b;font-size:10px;margin:27px 0}.auth-separator::before,.auth-separator::after{content:"";height:1px;flex:1;background:#2e3b4c}.auth-separator span{padding:0 18px}.btn-outline{border:1px solid #39485b;background:transparent;color:#e0e8f1;height:49px}.btn-outline:hover{background:rgba(255,255,255,.04)}.auth-help{text-align:center;color:#7d8b9d;font-size:11px;margin:24px 0 0;line-height:1.6}.auth-help strong{color:#c2cfda;font-weight:650}.secure-caption{text-align:center;color:#687a8c;margin:24px 0;letter-spacing:.1em}.secure-caption span{padding:0 7px}.public-footer{display:flex;align-items:center;justify-content:space-between;min-height:79px;color:#506176;position:relative;z-index:1}
/* WORKSPACE FRAME */
body:has(.app-shell:not([hidden])){background:var(--bg);color:var(--text);color-scheme:light}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:258px;flex:none;background:#0d1828;color:white;padding:35px 16px 20px;display:flex;flex-direction:column;z-index:30}.side-brand{padding:0 12px;margin-bottom:58px}.side-brand .brand-mark{width:39px;height:39px;border-radius:11px;font-size:23px}.side-brand .brand-text{font-size:14px}.sidebar-eyebrow{color:#556679;letter-spacing:.17em;font-size:10px;font-weight:800;padding:0 16px;margin-bottom:15px}.sidebar-group{margin-top:38px}.side-nav{display:flex;flex-direction:column;gap:5px}.side-link{width:100%;display:flex;align-items:center;gap:14px;color:#94a4b7;background:transparent;border:0;text-align:left;padding:15px 15px;border-radius:11px;font-size:12px;font-weight:700;transition:background .15s,color .15s}.side-link:hover{color:white;background:#1a2a3b}.side-link.active{background:#22332d;color:var(--lime)}.nav-icon{display:grid;place-items:center;color:inherit;font-size:19px;width:20px}.nav-count{margin-left:auto;border-radius:6px;background:#253b41;color:var(--lime);padding:4px 7px;font-size:10px}.sidebar-bottom{margin-top:auto}.online-card{display:flex;gap:13px;align-items:flex-start;background:#162738;border:1px solid #26394a;border-radius:13px;padding:17px 12px;margin:12px 0 16px}.online-glow{display:grid;place-items:center;flex:none;border-radius:10px;height:34px;width:34px;background:#233d36;color:var(--lime);font-size:21px}.online-card strong{display:block;color:#ecf2f5;font-size:11px}.online-card span{display:block;color:#7c8fa1;font-size:10px;line-height:1.65;margin-top:6px}.account-card{background:none;width:100%;border:0;border-top:1px solid #233346;display:flex;align-items:center;text-align:left;gap:11px;color:white;padding:19px 2px 3px}.avatar,.mini-avatar{display:grid;place-items:center;flex:none;background:linear-gradient(145deg,#c5ff70,#75ac50);color:#173022;font-size:12px;font-weight:900;border-radius:11px;width:37px;height:37px}.account-details{display:flex;flex-direction:column;gap:5px;min-width:0}.account-details strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-details small{font-size:10px;color:#7e90a2}.logout-icon{margin-left:auto;font-size:19px;color:#8da0b1}.app-main{flex:1;min-width:0;overflow:auto;display:flex;flex-direction:column}.topbar{min-height:102px;background:#fff;border-bottom:1px solid #edf0f0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px clamp(20px,3.8vw,58px)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:23px}.topbar-left h2{margin:6px 0 0;font-weight:760;font-size:21px;letter-spacing:-.045em}.topbar-eyebrow{font-size:9px;letter-spacing:.16em;color:#97a2a9;font-weight:850}.topbar-right{gap:15px}.topbar-status{display:flex;align-items:center;gap:10px;color:#87949c;font-size:9px;font-weight:850;letter-spacing:.1em;margin-right:14px}.topbar-status .live-indicator{width:6px;height:6px;background:#76ba56}.btn-subtle{background:#f3f5f2;color:#263824}.btn-solid{background:#111c2a;color:white}.btn-dark{background:#142b20;color:#e6ffca}.btn-outline-dark{color:#1e2c38;border-color:#d9e0e3;background:white}.btn-danger{color:#ba4d4d;border-color:#ecd1d1;background:#fff6f6}.cart-button{border:1px solid #e7ebed;background:#fff;display:grid;place-items:center;position:relative;border-radius:12px;height:42px;width:45px;font-size:19px}.cart-button span{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;display:grid;place-items:center;border-radius:10px;background:#1c3426;color:#c9ff7b;font-size:10px;font-weight:850;padding:0 5px}.hamburger{display:none;background:none;border:0;font-size:23px;color:#273a47}.app-content{padding:clamp(23px,3.5vw,50px) clamp(20px,3.8vw,58px);width:100%;max-width:1680px;margin:0 auto;flex:1}.app-footer{display:flex;align-items:center;justify-content:space-between;padding:25px clamp(20px,3.8vw,58px);border-top:1px solid #e6ebed;color:#abb4b8;font-size:9px;letter-spacing:.13em;font-weight:850}.footer-dot{color:#83ad4c;margin:0 6px}
/* DASHBOARD */
.welcome-banner{background:#c7ff7c;min-height:224px;display:flex;align-items:center;border-radius:22px;position:relative;overflow:hidden;padding:35px 43px}.banner-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(24,53,37,.05) 1px,transparent 1px),linear-gradient(rgba(24,53,37,.05) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.welcome-copy{position:relative;z-index:2;max-width:600px}.banner-eyebrow{display:flex;align-items:center;gap:11px;font-size:10px;font-weight:900;letter-spacing:.13em;color:#486438}.banner-eyebrow .live-indicator{background:#395c27;box-shadow:0 0 0 4px rgba(24,59,32,.09)}.welcome-copy h3{font-size:clamp(27px,2.8vw,41px);letter-spacing:-.055em;margin:15px 0 8px;color:#18251b;font-weight:850}.welcome-copy h3 span{font-size:25px;color:#6c9c35}.welcome-copy p{font-size:13px;color:#567041;line-height:1.7;margin:0 0 23px}.welcome-copy .btn{font-size:11px}.banner-art{position:absolute;right:clamp(10px,4vw,65px);top:50%;transform:translateY(-50%);height:270px;width:300px;display:grid;place-items:center;opacity:.83}.art-ring{position:absolute;border-radius:50%;border:1px solid rgba(37,86,51,.22)}.art-ring-a{height:280px;width:280px}.art-ring-b{height:205px;width:205px;border-width:18px;border-color:rgba(35,78,46,.09)}.art-core{font-size:111px;font-weight:950;letter-spacing:-.18em;color:#355d3b;transform:rotate(-10deg);padding-right:20px}.art-core>span{color:#6a9a47}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:23px}.metric-card,.surface-card{background:white;border:1px solid #e9eef0;border-radius:17px;box-shadow:var(--shadow)}.metric-card{padding:24px 23px;min-height:158px}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-top span:first-child{font-size:11px;font-weight:800;color:#798691}.metric-icon{color:#788776;border:1px solid #e7ece6;background:#f8fbf5;border-radius:10px;display:grid;place-items:center;width:35px;height:35px;font-size:20px}.metric-card>strong{display:block;font-size:29px;letter-spacing:-.06em;margin:12px 0 6px;font-weight:820;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card>small{font-size:10px;color:#9ca7ad;font-weight:600}.overview-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,1fr);gap:19px;margin-top:22px}.surface-card{padding:25px}.chart-card,.quick-card{min-height:320px}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.card-heading h3{margin:7px 0 0;font-size:17px;letter-spacing:-.035em}.subheading{color:#8c9ca5;font-weight:850;letter-spacing:.17em;font-size:9px}.chip-light{color:#637d48;border-color:#e3ecdc;background:#f6fbf2}.bar-chart{height:208px;display:grid;grid-template-columns:repeat(7,1fr);gap:15px;align-items:end;padding:18px 7px 0}.chart-day{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:13px;flex-direction:column}.chart-track{height:100%;max-width:46px;width:100%;display:flex;align-items:flex-end}.chart-bar{min-height:5px;width:100%;background:#e8eee4;border-radius:8px 8px 3px 3px;transition:height .3s}.chart-bar.latest{background:#b9f46e}.chart-day>span{font-size:10px;color:#a1aeb5;text-transform:capitalize;font-weight:650}.quick-link{display:flex;align-items:center;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #f0f2f3;padding:17px 0;gap:13px}.quick-link:last-child{border-bottom:0}.quick-link .quick-icon{flex:none;display:grid;place-items:center;background:#f0f6e8;border-radius:11px;color:#719b4b;font-size:20px;height:40px;width:40px}.quick-link>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:6px}.quick-link strong{font-size:12px}.quick-link small{font-size:10px;color:#9da7ae}.quick-link>span:last-child{font-size:19px;color:#87939b}.recent-card{margin-top:21px}.text-action{background:none;border:0;font-size:11px;font-weight:850;color:#568844}.recent-list{margin-top:17px}.order-row{display:flex;width:100%;align-items:center;gap:15px;text-align:left;background:white;border:0;padding:17px 0;border-bottom:1px solid #eef1f2}.order-row:hover{background:#fcfefa}.order-row:last-child{border-bottom:0}.order-symbol{height:43px;width:43px;flex:none;display:grid;place-items:center;border-radius:12px;background:#edf6e4;color:#8aae58;font-size:22px}.order-symbol.order-buyback{background:#e8f0ff;color:#7994c9}.order-information{display:flex;flex-direction:column;flex:1;min-width:0;gap:7px}.order-information strong{font-size:12px}.order-information strong>span{color:#a1abb2;font-weight:600;font-size:11px;margin-left:6px}.order-information small{font-size:10px;color:#9aa6ad;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.order-price{font-size:13px;font-weight:850;white-space:nowrap}.status-pill{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border-radius:7px;padding:8px 10px;font-size:10px;font-weight:800}.pill-dot{width:5px;height:5px;border-radius:50%;background:currentColor;display:inline-block}.status-pill.waiting{background:#fff6e6;color:#c99540}.status-pill.accepted{background:#eef4ff;color:#4b8bc0}.status-pill.transit{background:#e8f1ff;color:#4b7db9}.status-pill.done{background:#ebf7e6;color:#619b45}.status-pill.cancelled{background:#fff0f0;color:#be7171}.order-chevron{font-size:17px;color:#bdc7cb;margin-left:5px}
/* CATALOGUE */
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.eyebrow-dark{color:#77915b;font-size:9px}.eyebrow-dark .eyebrow-line{background:#95d14d;height:2px;width:18px}.section-heading h3{font-size:clamp(26px,3vw,36px);letter-spacing:-.057em;line-height:1.12;margin:14px 0 10px;font-weight:820}.section-heading p{font-size:12px;color:#87939c;margin:0;line-height:1.8}.catalog-tools,.order-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.filter-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;background:#edf1f2;border-radius:11px;padding:5px}.filter-tab{background:none;border:0;padding:10px 15px;border-radius:8px;color:#829099;font-size:11px;font-weight:800;white-space:nowrap}.filter-tab:hover{color:#233c29}.filter-tab.selected{background:white;color:#253e2c;box-shadow:0 2px 8px rgba(26,46,55,.07)}.search-field{width:min(270px,100%);display:flex;align-items:center;gap:8px;padding:0 14px;height:43px;background:white;border:1px solid #e0e7e9;border-radius:11px;color:#81919a}.search-field span{font-size:22px}.search-field input{flex:1;min-width:0;border:0;background:none;outline:0;color:#293743;font-size:11px}.catalog-caption{display:flex;align-items:center;justify-content:space-between;margin:28px 1px 16px;color:#95a2a9;letter-spacing:.14em;font-size:9px;font-weight:900}.catalog-caption>span:first-child{display:flex;align-items:center;gap:9px}.caption-pip{width:6px;height:6px;background:#90c65b;border-radius:50%}.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card{border:1px solid #e5eaec;background:white;border-radius:17px;overflow:hidden;min-width:0;transition:box-shadow .2s,transform .2s}.product-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(20,39,50,.09)}.product-image{height:174px;position:relative;display:grid;place-items:center;background:linear-gradient(130deg,#e8eee9,#f4f5f1);overflow:hidden}.product-grid-art{position:absolute;inset:0;background-image:linear-gradient(rgba(60,92,69,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(60,92,69,.045) 1px,transparent 1px);background-size:34px 34px}.product-image::after{content:"";position:absolute;width:145px;height:145px;border-radius:50%;border:1px solid rgba(73,110,72,.11);box-shadow:0 0 0 18px rgba(96,130,82,.025),0 0 0 46px rgba(96,130,82,.018)}.product-emoji{position:relative;z-index:1;font-size:65px;filter:drop-shadow(0 11px 10px rgba(21,36,41,.12))}.product-tag{position:absolute;top:13px;left:13px;background:white;color:#647f56;font-size:9px;font-weight:850;padding:8px 10px;border-radius:7px;z-index:2}.product-content{padding:21px}.product-stock{color:#73a059;font-size:10px;font-weight:750;display:flex;align-items:center;gap:7px}.product-stock.out-stock{color:#cb7777}.product-content h4{margin:13px 0 8px;font-size:17px;letter-spacing:-.035em}.product-content p{margin:0;height:41px;font-size:11px;color:#8e9ba2;line-height:1.8;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-bottom{display:flex;justify-content:space-between;align-items:end;gap:8px;margin-top:24px;border-top:1px solid #f0f2f3;padding-top:17px}.product-price strong{font-size:20px;font-weight:850;letter-spacing:-.045em;display:block}.product-price small{font-size:9px;color:#a6b0b5;margin-top:3px;display:block}.add-cart{height:40px;width:40px;display:grid;place-items:center;border-radius:11px;border:0;background:#1a2c22;color:#c4fb7c;font-size:25px;line-height:1}.add-cart:not(:disabled):hover{background:#31492e}.shop-note{font-size:10px;color:#a2adb3;margin-top:27px;text-align:center}.list-count{font-size:10px;font-weight:800;letter-spacing:.1em;color:#a0acb4}.orders-card{margin-top:19px;padding:16px 24px}.orders-card .order-row{padding:21px 0}.empty-state{text-align:center;padding:55px 12px}.empty-art{height:59px;width:59px;border-radius:17px;background:#eff7e8;color:#7da45b;display:grid;place-items:center;font-size:27px;margin:auto auto 16px}.empty-state h4{margin:0 0 7px;font-size:17px}.empty-state p{margin:0 0 22px;color:#9eabb1;font-size:12px}
/* ADMIN TABLES */
.admin-summary{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:17px}.admin-summary span{padding:10px 13px;border-radius:8px;background:#eaf1e7;color:#6b8762;font-size:9px;font-weight:850;letter-spacing:.12em}.table-surface{padding:0;overflow:hidden}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}thead{background:#f8faf9}th{color:#9ba8ae;font-size:9px;letter-spacing:.15em;font-weight:850;padding:20px 24px;white-space:nowrap}td{border-top:1px solid #edf0f0;padding:17px 24px;white-space:nowrap;font-size:12px;color:#6d7980}td .mono{font-variant-numeric:tabular-nums}.table-product{display:flex;align-items:center;gap:12px}.table-product>span:first-child{width:38px;height:38px;display:grid;place-items:center;background:#edf4ea;border-radius:10px;font-size:23px}.table-product>span.mini-avatar{font-size:12px}.table-product>div{display:flex;flex-direction:column;gap:6px}.table-product strong{color:#24313b;font-size:11px}.table-product small{color:#9eabb2;font-size:10px}.table-edit{color:#517d43;border:0;background:#eef7e9;padding:10px 12px;border-radius:8px;font-size:10px;font-weight:800}.role-tag{background:#eef2f4;color:#8d9aa1;border-radius:7px;padding:8px 10px;font-size:9px;font-weight:900}.admin-role{background:#e6f5d7;color:#6b9448}
/* MODALS & DRAWER */
.modal-open{overflow:hidden}.modal-backdrop{position:fixed;inset:0;z-index:80;display:flex;justify-content:center;align-items:center;padding:18px;background:rgba(5,13,23,.70);backdrop-filter:blur(6px)}.modal{background:#fff;color:#18232c;position:relative;width:min(100%,540px);max-height:min(90vh,900px);overflow-y:auto;box-shadow:0 30px 120px rgba(0,0,0,.21);border-radius:20px;padding:34px}.modal-wide{width:min(100%,700px)}.modal-close{position:absolute;top:18px;right:19px;border:0;background:#f1f4f5;color:#78868c;border-radius:8px;width:32px;height:32px;display:grid;place-items:center;font-size:15px;z-index:2}.modal-header{padding-right:28px;margin-bottom:25px}.modal-header h3,.drawer-header h3{font-size:27px;letter-spacing:-.05em;margin:12px 0 8px}.accent-period{color:#8ebd57}.modal-header p,.drawer-header p{font-size:12px;color:#95a3aa;line-height:1.6;margin:0}.modal .field label{font-size:11px;color:#586772}.modal .field input,.modal .field textarea,.modal .field select{background:#f9fbfb;border:1px solid #e2e8e8;padding:13px 15px;color:#293640;resize:vertical}.modal .field input:focus,.modal .field textarea:focus,.modal .field select:focus{border-color:#a5cc83;box-shadow:0 0 0 3px rgba(154,196,111,.1)}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-row-end{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;flex-wrap:wrap}.checkout-summary{background:#f7faf6;padding:14px 17px;border-radius:11px;margin-bottom:23px}.checkout-summary>div,.detail-lines>div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;font-size:12px;color:#687a7c}.checkout-summary>div strong,.detail-lines>div strong{color:#23352a;font-weight:800;white-space:nowrap}.checkout-summary>.summary-total,.detail-lines>.detail-total{border-top:1px solid #dce7d9;padding-top:15px;margin-top:8px;font-size:13px;font-weight:900;color:#24382a}.summary-total strong,.detail-total strong{font-size:18px}.detail-status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 0;border-top:1px solid #eff2f2;border-bottom:1px solid #eff2f2;color:#8c999c;font-size:11px}.detail-info{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:24px 0}.detail-info>div{display:flex;flex-direction:column;gap:7px;min-width:0}.detail-info small{color:#9ca7a9;font-size:9px;letter-spacing:.11em;font-weight:850}.detail-info strong{font-size:12px;overflow-wrap:anywhere}.detail-info span{color:#98a3a9;font-size:11px}.detail-note{padding:15px;background:#f6f8f9;border-radius:11px;margin-bottom:15px}.detail-note strong{font-size:11px}.detail-note p{font-size:11px;color:#85949e;margin:8px 0 0;overflow-wrap:anywhere}.detail-lines{margin-top:17px}.detail-lines>div{padding:11px 0;border-bottom:1px solid #eef2f2}.detail-lines>div small{color:#9caaaf;margin-left:4px}.detail-lines>.detail-total{border-bottom:0}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid #e5eaea;margin-top:20px;padding-top:20px}.modal-actions .btn{flex:1}.drawer-backdrop{padding:0;justify-content:flex-end}.drawer{background:white;color:#17262c;position:relative;align-self:stretch;width:min(460px,100%);padding:38px 30px 28px;display:flex;flex-direction:column;overflow-y:auto;box-shadow:-20px 0 80px rgba(0,0,0,.12)}.drawer-header{padding-right:36px;margin-bottom:24px}.drawer-header h3{font-size:30px}.drawer-lines{flex:1;overflow-y:auto;min-height:90px}.cart-line{display:flex;align-items:center;gap:12px;padding:19px 0;border-bottom:1px solid #e9eeee}.cart-emoji{width:58px;height:58px;display:grid;place-items:center;border-radius:13px;background:#f0f5ed;font-size:31px}.cart-info{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}.cart-info strong{font-size:12px}.cart-info small{font-size:10px;color:#9caaad}.cart-line-total{font-size:12px;white-space:nowrap}.quantity-controls{display:flex;align-items:center;gap:11px;margin-top:3px;font-size:12px;font-weight:850}.quantity-controls button{border:1px solid #e5eaea;background:white;height:25px;width:25px;border-radius:6px;color:#657973}.drawer-bottom{padding-top:25px}.cart-subtotal{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.cart-subtotal span{font-size:10px;letter-spacing:.08em;color:#89969e;font-weight:850}.cart-subtotal strong{font-size:23px;letter-spacing:-.045em}.drawer-bottom .btn{height:48px}.drawer-bottom>small{display:block;text-align:center;color:#a6b0b5;font-size:10px;margin-top:15px}.toast{position:fixed;z-index:100;right:24px;bottom:24px;max-width:min(420px,calc(100vw - 40px));padding:15px 19px;border-radius:13px;background:#172b22;color:#eaffd6;box-shadow:0 15px 55px rgba(0,0,0,.2);font-size:12px;font-weight:700;line-height:1.55}.toast-error{background:#66313a;color:#fff0f2}.mobile-backdrop{position:fixed;inset:0;background:rgba(4,12,21,.55);z-index:25}
@media(max-width:1200px){.sidebar{width:230px}.public-grid{gap:40px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-status{display:none}.metric-card{padding:20px 18px}.metric-card>strong{font-size:25px}}
@media(max-width:950px){.public-grid{grid-template-columns:1fr;gap:40px;padding-top:45px}.public-pitch{padding-bottom:0}.public-pitch h1{font-size:clamp(55px,9vw,82px);margin:23px 0}.pitch-features{grid-template-columns:repeat(3,1fr);margin:30px 0}.pitch-feature{align-items:flex-start}.pitch-feature small{line-height:1.5}.auth-wrap{justify-self:center;max-width:580px}.public-footer{margin-top:30px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.chart-card,.quick-card{min-height:unset}.banner-art{opacity:.4;right:0}}
@media(max-width:750px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-100%);transition:transform .2s;width:265px}.sidebar.sidebar-open{transform:translateX(0)}.hamburger{display:block}.topbar{min-height:86px}.topbar-right{gap:10px}.topbar-new{display:none}.app-content{padding:24px 18px}.app-footer{padding:22px 18px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-content{padding:16px}.product-image{height:143px}.product-emoji{font-size:49px}.product-content h4{font-size:15px}.product-content p{font-size:10px}.product-price strong{font-size:17px}.section-heading{align-items:flex-start;flex-direction:column}.section-heading h3{font-size:30px}.catalog-tools{align-items:stretch;flex-direction:column}.search-field{width:100%}.welcome-banner{padding:28px}.welcome-copy p{max-width:350px}.order-chevron{display:none}.order-price{font-size:11px}.status-pill{font-size:9px;padding:7px 8px}.public-footer{font-size:9px}}
@media(max-width:520px){.public-header{height:85px}.header-label{font-size:8px;letter-spacing:.05em}.brand-mark{height:40px;width:40px;font-size:23px}.brand-text{font-size:13px}.public-grid{padding-top:28px}.public-pitch h1{font-size:clamp(46px,13.4vw,69px);letter-spacing:-.08em}.pitch-lead{font-size:14px}.pitch-features{grid-template-columns:1fr;gap:16px;margin:29px 0}.feature-icon{width:40px;height:40px}.public-footnote{font-size:8px}.auth-card{padding:27px 23px}.auth-card h2{font-size:29px}.secure-caption{font-size:8px}.public-footer span:last-child{display:none}.topbar{padding:18px}.topbar-left{gap:10px}.topbar-left h2{font-size:17px}.topbar-eyebrow{font-size:8px}.welcome-banner{min-height:237px}.welcome-copy h3{font-size:29px}.welcome-copy p{font-size:12px;max-width:260px}.banner-art{right:-150px;opacity:.22}.metrics-grid{gap:10px;margin-top:13px}.metric-card{padding:16px 14px;min-height:127px}.metric-top span:first-child{font-size:10px}.metric-icon{width:30px;height:30px}.metric-card>strong{font-size:21px;margin:11px 0 7px}.metric-card>small{font-size:9px}.surface-card{padding:17px}.bar-chart{gap:9px;padding-left:0;padding-right:0}.quick-card{padding:20px}.overview-grid{gap:14px;margin-top:14px}.recent-card{margin-top:14px}.order-row{gap:9px;flex-wrap:wrap}.order-symbol{width:35px;height:35px;font-size:17px}.order-information{flex-basis:calc(100% - 55px)}.order-price{margin-left:45px}.order-row>.status-pill{margin-left:auto}.products-grid{grid-template-columns:1fr 1fr;gap:9px}.product-image{height:120px}.product-emoji{font-size:42px}.product-tag{font-size:8px;top:9px;left:9px}.product-content{padding:14px 12px}.product-stock{font-size:9px}.product-content h4{font-size:14px}.product-content p{height:39px}.product-bottom{margin-top:14px}.product-price strong{font-size:16px}.product-price small{font-size:8px}.add-cart{width:34px;height:34px}.catalog-caption{font-size:8px}.catalog-caption>span:last-child{display:none}.modal{padding:27px 20px;max-height:94vh}.two-fields{gap:10px}.modal .field{margin-bottom:13px}.detail-info{grid-template-columns:1fr;gap:14px}.modal-actions .btn{font-size:11px}.app-footer{font-size:8px}.app-footer>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}