@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";.spinner{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.spinner--block{justify-content:center;padding:40px 20px;display:flex}.spinner__dot{border:2px solid var(--border-strong);border-top-color:var(--brand-green);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spinner-rotate}.spinner__label{line-height:1}.spinner--inline{gap:6px}.spinner--inline .spinner__dot{opacity:.9;border-color:#0000 currentColor currentColor;width:14px;height:14px}.btn--primary .spinner--inline .spinner__dot{border-color:#fff #ffffff80 #ffffff80}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.btn:disabled,.btn[aria-busy=true],.icon-btn:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.catalog-form[aria-busy=true]{pointer-events:none;opacity:.72}.page-loader{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.page-loader--panel{width:100%;min-height:min(52vh,360px)}.page-loader--screen{background:#eef1ee;min-height:100vh;padding:2rem}.page-loader__logo{width:188px;height:auto;display:block}.page-loader--screen .spinner--block{padding:0}.brand-logo{flex-shrink:0;align-items:center;display:inline-flex}.brand-logo__image{width:148px;height:auto;display:block}.sidebar{background:var(--surface-sidebar);border-right:1px solid var(--border);flex-direction:column;align-self:start;gap:24px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.sidebar__brand{padding:4px 10px 8px}.sidebar__nav{flex-direction:column;gap:2px;display:flex}.sidebar__link{border-radius:var(--radius-sm);min-height:40px;color:var(--text-muted);align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar__link:hover{color:var(--text-ink);background:#1b43320f}.sidebar__link--active{background:var(--brand-green-soft);color:var(--brand-green);font-weight:700}.sidebar__icon{flex-shrink:0;width:18px;height:18px;display:inline-flex}.sidebar__icon svg{width:18px;height:18px}.sidebar__label{flex:1}.sidebar__footer{border-top:1px solid var(--border);gap:10px;margin-top:auto;padding:12px 10px 4px;display:grid}.sidebar__user{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.sidebar__logout{justify-content:center;width:100%}.sidebar__badge{border-radius:var(--radius-pill);background:var(--danger);color:#fff;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}@media (width<=960px){.sidebar{border-right:none;border-bottom:1px solid var(--border);height:auto;position:static}.sidebar__nav{flex-flow:wrap}}.vendor-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.vendor-shell__main{min-width:0;padding:24px 28px 32px}@media (width<=960px){.vendor-shell{grid-template-columns:1fr}}.modal-overlay{z-index:50;background:#09090b73;justify-content:center;align-items:flex-start;padding:28px 24px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:800px;min-height:min(70vh,720px,100vh - 56px);max-height:calc(100vh - 56px);display:flex;overflow:hidden;box-shadow:0 24px 64px #09090b40}.modal--wide{max-width:1180px;min-height:min(86vh,960px,100vh - 56px)}.modal__header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.modal__title{letter-spacing:-.01em;font-size:16px;font-weight:700}.modal__body{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:auto}.product-multi-select{gap:.65rem;display:grid}.product-multi-select__toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.75rem;display:grid}.product-multi-select__search{min-width:0}.product-multi-select__actions{align-items:center;gap:.25rem;padding-bottom:1px;display:inline-flex}.product-multi-select__actions .btn{height:32px;padding:0 10px;font-size:12px}.product-multi-select__list{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-page);grid-template-columns:minmax(0,1fr);gap:.15rem;max-height:220px;padding:.35rem;display:grid;overflow-y:auto}.product-multi-select__option{border-radius:var(--radius-sm);width:100%;color:var(--text-ink);cursor:pointer;justify-content:flex-start;align-items:center;gap:.55rem;margin:0;padding:.45rem .55rem;font-size:.85rem;font-weight:600;display:flex}.product-multi-select__option:hover{background:var(--surface)}.product-multi-select__option--on{background:var(--brand-green-soft);color:var(--brand-green-deep)}.product-multi-select__option input{width:16px;height:16px;box-shadow:none;accent-color:var(--brand-green);background:0 0;border:0;border-radius:0;flex:0 0 16px;margin:0;padding:0}.product-multi-select__option span{min-width:0}.product-multi-select__empty{color:var(--text-muted);margin:0;padding:.85rem .55rem;font-size:.85rem}.product-multi-select__selected{gap:.4rem;display:grid}.product-multi-select__count{color:var(--text-muted);margin:0;font-size:.75rem;font-weight:700}.product-multi-select__chips{flex-wrap:wrap;gap:.35rem;max-height:4.5rem;display:flex;overflow-y:auto}.product-multi-select__chip{border-radius:var(--radius-pill);background:var(--brand-green-soft);max-width:100%;height:26px;color:var(--brand-green-deep);font:inherit;cursor:pointer;border:0;align-items:center;gap:.3rem;padding:0 .45rem 0 .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.product-multi-select__chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:12rem;overflow:hidden}.product-multi-select__chip span[aria-hidden]{font-size:.95rem;font-weight:500;line-height:1}@media (width<=640px){.product-multi-select__toolbar{grid-template-columns:1fr;align-items:stretch}}.status-toggle{cursor:pointer;min-height:22px;color:var(--text-muted);font:inherit;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:12px;font-weight:600;display:inline-flex}.status-toggle--on{color:var(--brand-green-mid)}.status-toggle:disabled{cursor:not-allowed;opacity:.6}.status-toggle__track{border-radius:var(--radius-pill);background:var(--border-strong);flex-shrink:0;width:36px;height:20px;transition:background .15s;position:relative}.status-toggle--on .status-toggle__track{background:var(--brand-green-mid)}.status-toggle__thumb{background:var(--surface);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #09090b33}.status-toggle--on .status-toggle__thumb{transform:translate(16px)}.status-toggle__text{line-height:1}.status-toggle:focus-visible{outline:2px solid var(--brand-green-mid);outline-offset:2px;border-radius:var(--radius-sm)}.notif-bell{position:relative}.notif-bell__menu{z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(360px,78vw);box-shadow:var(--shadow-card);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif-bell__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.notif-bell__title{font-size:14px;font-weight:700}.notif-bell__mark,button.panel__link{cursor:pointer;font:inherit;color:var(--brand-green-mid);background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.notif-bell__mark:hover,button.panel__link:hover{text-decoration:underline}.notif-list{flex-direction:column;max-height:360px;display:flex;overflow:auto}.notif-item{border:none;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 16px;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--surface-page)}.notif-item--unread{background:var(--brand-green-soft)}.notif-item__title{font-size:13px;font-weight:700}.notif-item__body,.notif-item__time,.notif-list__empty{color:var(--text-muted);font-size:12px}.notif-list__empty{padding:16px}.icon-btn__count{border-radius:var(--radius-pill);background:var(--danger);color:#fff;text-align:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:800;line-height:16px;position:absolute;top:2px;right:2px}.icon-btn--ringing svg{transform-origin:top;animation:.7s ease-in-out 2 bell-ring}@keyframes bell-ring{0%,to{transform:rotate(0)}15%{transform:rotate(16deg)}30%{transform:rotate(-14deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.topbar__title{letter-spacing:-.03em;font-size:28px;font-weight:800;line-height:1.15}.topbar__subtitle{color:var(--text-muted);margin-top:4px;font-size:14px;font-weight:500}.topbar__actions{align-items:center;gap:10px;display:flex}@media (width<=720px){.topbar{flex-direction:column}.topbar__title{font-size:24px}}.catalog-page{gap:16px;display:grid}.catalog-page__form-wrap{max-width:880px}.catalog-page__split{grid-template-columns:minmax(320px,.9fr) minmax(0,1.4fr);align-items:start;gap:16px;display:grid}@media (width<=1100px){.catalog-page__split{grid-template-columns:1fr}}.status-badge--inactive{background:var(--surface-page);color:var(--text-muted)}.table-empty{color:var(--text-muted);text-align:center;padding:28px 20px;font-size:13px}.cell-muted{color:var(--text-muted)}.cell-strike{color:var(--text-soft);margin-left:6px;font-size:12px;text-decoration:line-through}.tag-chips{flex-wrap:wrap;gap:6px;display:inline-flex}.tag-chip{border-radius:var(--radius-pill);background:var(--brand-green-soft);height:22px;color:var(--brand-green-mid);align-items:center;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.row-actions{align-items:center;gap:2px;display:inline-flex}.thumb-cell{align-items:center;gap:10px;display:flex}.table-thumb{object-fit:cover;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-page);flex-shrink:0;width:40px;height:40px}.table-thumb--empty{display:inline-block}.inline-number{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:72px;height:32px;color:var(--text-ink);font:inherit;padding:0 8px;font-size:13px}.inline-number:focus{border-color:var(--brand-green-mid);box-shadow:0 0 0 3px var(--brand-green-soft);outline:none}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.catalog-form{gap:16px;padding:20px;display:grid}.catalog-form__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 16px;display:grid}.form-field{gap:6px;display:grid}.form-field--wide{grid-column:1/-1}.form-field__label{color:var(--text-muted);font-size:12px;font-weight:600}.form-field__label em{color:var(--danger);font-style:normal}.form-field input:not([type=checkbox]):not([type=radio]),.form-field select,.form-field textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);height:38px;color:var(--text-ink);font:inherit;outline:none;width:100%;padding:0 12px;font-size:13px}.form-field textarea{resize:vertical;height:auto;min-height:76px;padding:10px 12px}.form-field input:not([type=checkbox]):not([type=radio]):focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--brand-green-mid);box-shadow:0 0 0 3px var(--brand-green-soft)}.form-check{color:var(--text-ink);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.form-check input{width:16px;height:16px;accent-color:var(--brand-green)}.form-field__hint{color:var(--text-muted);margin:0;font-size:12px}.catalog-form__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.image-item{align-items:flex-start;gap:12px;display:flex}.image-item__thumb{object-fit:cover;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex-shrink:0;width:72px;height:72px}.image-item__name{min-width:0;color:var(--text-muted);word-break:break-all;flex:1;align-self:center;font-size:12px}.image-upload-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.existing-images{gap:8px;display:grid}.existing-images__strip{flex-wrap:wrap;gap:8px;display:flex}.existing-images__item{position:relative}.existing-images__remove{width:24px;height:24px;color:var(--text-ink);box-shadow:0 0 0 1px var(--border);background:#ffffffeb;border-radius:999px;position:absolute;top:2px;right:2px}.existing-images__remove:hover{background:var(--surface);color:var(--danger)}.price-from-variant{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-page);padding:10px 12px}.price-from-variant__value{color:var(--text-ink);margin:0;font-size:14px;font-weight:700}.slug-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-page);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.slug-row__label{color:var(--text-muted);font-size:12px;font-weight:600}.slug-row__value{color:var(--text-ink);word-break:break-all;font-size:13px;font-weight:600}.slug-row__input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);height:32px;color:var(--text-ink);font:inherit;outline:none;flex:220px;padding:0 10px;font-size:13px}.slug-row__input:focus{border-color:var(--brand-green-mid);box-shadow:0 0 0 3px var(--brand-green-soft)}.slug-row .btn{height:30px;margin-left:auto}.form-error{color:var(--danger);font-size:13px;font-weight:600}.btn--primary{background:var(--brand-green);color:#fff}.btn--primary:hover{background:var(--brand-green-deep)}.form-group{border:1px solid var(--border);border-radius:var(--radius-md);gap:12px;padding:14px;display:grid}.form-group__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.form-group__label{color:var(--text-ink);padding:0;font-size:13px;font-weight:700}.form-group__hint{color:var(--text-muted);font-size:12px}.chip-select{flex-wrap:wrap;gap:8px;display:flex}.chip-select__item{border:1px solid var(--border-strong);border-radius:var(--radius-pill);height:30px;color:var(--text-ink);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.chip-select__item--on{border-color:var(--brand-green-mid);background:var(--brand-green-soft);color:var(--brand-green-mid)}.chip-select__item input{width:14px;height:14px;accent-color:var(--brand-green)}.line-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-page);gap:10px;padding:12px;display:grid}.line-item__grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px 12px;display:grid}.line-item__footer{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.line-item__footer .btn{height:30px;margin-left:auto}.line-item__images{border-top:1px dashed var(--border);gap:10px;padding-top:4px;display:grid}.line-item__images-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.line-item__images-label{color:var(--text-ink);font-size:12px;font-weight:700}.vendor-panel{overflow:hidden}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:14px 16px}.data-table th{color:var(--text-muted);background:#fcfcfc;font-size:12px;font-weight:600}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:#fafafa}.vendor-cell{align-items:center;gap:10px;display:flex}.vendor-cell__avatar{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:inline-flex}.vendor-cell__name{font-weight:600}.commission-cell{align-items:center;gap:4px;display:inline-flex}.rating-cell{color:var(--text-ink);align-items:center;gap:4px;display:inline-flex}.rating-cell svg{color:#f59e0b;width:14px;height:14px}.location-search{grid-column:1/-1;gap:6px;display:grid;position:relative}.location-search__input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;height:38px;padding:0 12px}.location-search__input:focus{border-color:var(--brand-green-mid);box-shadow:0 0 0 3px var(--brand-green-soft);outline:none}.location-search__list{z-index:30;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);max-height:240px;box-shadow:var(--shadow-card);margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% - 2px);left:0;right:0;overflow:auto}.location-search__option{text-align:left;cursor:pointer;background:0 0;border:none;gap:2px;width:100%;padding:8px 12px;display:grid}.location-search__option:hover{background:var(--brand-green-soft)}.location-search__option strong{color:var(--text-ink);font-size:13px;font-weight:700}.location-search__option span{color:var(--text-muted);font-size:12px}.location-search__hint{color:var(--text-muted);margin:0;font-size:12px}.location-search__hint--error{color:var(--danger);font-weight:600}.login-page{background:#eef1ee;place-items:center;min-height:100vh;padding:1.25rem;display:grid}.login-page__shell{background:var(--surface);border:1px solid #1b433214;border-radius:24px;grid-template-columns:1.05fr .95fr;width:min(100%,980px);min-height:min(640px,100vh - 2.5rem);display:grid;overflow:hidden;box-shadow:0 1px 2px #142e220a,0 24px 48px #142e2214}.login-page__panel{color:#f4f7f4;background:linear-gradient(160deg,#f0b42929,#0000 42%),linear-gradient(195deg,#1b4332 0%,#142e22 55%,#0f241a 100%);flex-direction:column;justify-content:flex-end;gap:.85rem;padding:2.25rem;display:flex;position:relative;overflow:hidden}.login-page__panel-glow{pointer-events:none;background:radial-gradient(circle,#f0b42947,#0000 68%);border-radius:50%;width:280px;height:280px;position:absolute;inset:auto -20% -30% auto}.login-page__panel:before{content:"";opacity:.7;pointer-events:none;background-image:radial-gradient(circle at 18% 22%,#ffffff14 0 1px,#0000 1.5px),radial-gradient(circle at 72% 38%,#ffffff0f 0 1px,#0000 1.5px),radial-gradient(circle at 40% 70%,#ffffff0d 0 1px,#0000 1.5px);background-size:48px 48px;position:absolute;inset:0}.login-page__panel-mark{z-index:1;background:#fffffff0;border-radius:14px;padding:.65rem .85rem;position:absolute;top:1.75rem;left:1.75rem;box-shadow:0 8px 24px #0000001f}.login-page__panel-mark .brand-logo__image{width:132px}.login-page__eyebrow,.login-page__panel-title,.login-page__panel-body{z-index:1;position:relative}.login-page__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#f3e2a8eb;margin:0;font-size:.72rem;font-weight:700}.login-page__panel-title{letter-spacing:-.03em;color:#fff;max-width:14ch;margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(1.85rem,3.2vw,2.45rem);font-weight:700;line-height:1.15}.login-page__panel-body{color:#f4f7f4c7;max-width:32ch;margin:0;font-size:.95rem;line-height:1.55}.login-page__content{background:linear-gradient(#fff 0%,#fbfcfb 100%);place-items:center;padding:2.5rem 2rem;display:grid}.login-page__content-inner{width:min(100%,360px)}.login-page__header{margin-bottom:1.75rem}.login-page__header h2{letter-spacing:-.03em;color:var(--brand-green-deep);margin:0;font-size:1.7rem;font-weight:800}.login-page__header p{color:var(--text-muted);margin:.45rem 0 0;font-size:.95rem;line-height:1.45}.login-page__form{gap:1rem;display:grid}.login-field{gap:.45rem;display:grid}.login-field span{letter-spacing:.01em;color:var(--text-ink);font-size:.8rem;font-weight:700}.login-field input{height:48px;color:var(--text-ink);background:#f7f8f7;border:1px solid #d9ddd9;border-radius:12px;padding:0 .95rem;transition:border-color .15s,background .15s,box-shadow .15s}.login-field input::placeholder{color:#9aa39a}.login-field input:hover:not(:disabled){background:#fff;border-color:#c6cec6}.login-field input:focus{border-color:var(--brand-green-mid);background:#fff;outline:none;box-shadow:0 0 0 4px #2d6a4f24}.login-field input:disabled{opacity:.7;cursor:wait}.login-page__error{background:var(--danger-soft);color:var(--danger);border-radius:12px;margin:0;padding:.75rem .85rem;font-size:.85rem;font-weight:600}.login-page__submit{background:var(--brand-green);color:#fff;letter-spacing:-.01em;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:48px;margin-top:.35rem;font-size:.95rem;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.login-page__submit .spinner--inline .spinner__dot{border-color:#fff #ffffff73 #ffffff73}.login-page__submit:hover:not(:disabled){background:var(--brand-green-deep)}.login-page__submit:active:not(:disabled){transform:translateY(1px)}.login-page__submit:disabled{opacity:.72;cursor:wait}@media (width<=860px){.login-page{background:var(--surface);padding:0}.login-page__shell{width:100%;min-height:100vh;box-shadow:none;border:none;border-radius:0;grid-template-columns:1fr}.login-page__panel{justify-content:flex-end;min-height:240px;padding:5.5rem 1.5rem 1.5rem}.login-page__panel-mark{padding:.5rem .7rem;top:1.15rem;left:1.15rem}.login-page__panel-mark .brand-logo__image{width:112px}.login-page__panel-title{max-width:none;font-size:1.7rem}.login-page__content{align-items:start;padding:1.75rem 1.35rem 2rem}}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.btn--sm{height:32px;padding:0 10px;font-size:12px}.orders-filter select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);height:32px;font:inherit;padding:0 10px;font-size:13px}.orders-cell__id{margin:0;font-weight:700}.order-status{border-radius:var(--radius-pill);white-space:nowrap;background:var(--surface-page);height:22px;color:var(--text-ink);align-items:center;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.order-status--pending,.order-status--confirmed{background:var(--warn-soft);color:var(--warn)}.order-status--preparing,.order-status--out_for_delivery{background:var(--info-soft);color:var(--info)}.order-status--delivered{background:var(--success-soft);color:var(--success)}.order-status--cancelled{background:var(--danger-soft);color:var(--danger)}.order-detail{gap:16px;display:grid}.order-detail__status{align-items:center;gap:10px;display:flex}.order-detail__items{gap:8px;display:grid}.order-detail__items li{justify-content:space-between;gap:12px;font-size:13px;display:flex}.order-detail__total{justify-content:space-between;margin:8px 0 0;font-size:14px;display:flex}.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metric-grid--vendor{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:16px 18px}.metric-card__label{color:var(--text-muted);margin-bottom:8px;font-size:13px;font-weight:500}.metric-card__row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.metric-card__value{letter-spacing:-.03em;font-size:24px;font-weight:800;line-height:1.1}.metric-card__hint{white-space:nowrap;font-size:12px;font-weight:700}.metric-card__hint--up,.metric-card__hint--down-good{color:var(--success)}.metric-card__hint--warn{color:var(--warn)}.metric-card__hint--danger{color:var(--danger)}.metric-card__hint--neutral{color:var(--text-muted);font-weight:600}@media (width<=1200px){.metric-grid,.metric-grid--vendor{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.metric-grid,.metric-grid--vendor{grid-template-columns:1fr}}.overview-page__grid{grid-template-columns:minmax(0,1.8fr) minmax(280px,.72fr);align-items:start;gap:16px;display:grid}.overview-side__body{padding:14px 18px 16px}.overview-side__title{font-size:13px;font-weight:700}.overview-side__meta{color:var(--text-muted);margin-top:2px;font-size:12px}.overview-side__badges{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.overview-page__side{flex-direction:column;gap:16px;display:flex}.low-stock-list{flex-direction:column;gap:0;padding:4px 0 8px;display:flex}.low-stock-list__item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.low-stock-list__item:last-child{border-bottom:none}.low-stock-list__title{font-size:13px;font-weight:600}.low-stock-list__meta{color:var(--text-muted);margin-top:2px;font-size:12px}@media (width<=1100px){.overview-page__grid{grid-template-columns:1fr}}:root{--brand-green:#1b4332;--brand-green-deep:#142e22;--brand-green-mid:#2d6a4f;--brand-green-soft:#e8f3ec;--brand-amber:#f0b429;--text-ink:#09090b;--text-muted:#71717a;--text-soft:#a1a1aa;--surface:#fff;--surface-page:#f4f4f5;--surface-sidebar:#fafafa;--border:#e4e4e7;--border-strong:#d4d4d8;--success:#15803d;--success-soft:#dcfce7;--warn:#c2410c;--warn-soft:#ffedd5;--danger:#dc2626;--danger-soft:#fee2e2;--info:#1d4ed8;--info-soft:#dbeafe;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--shadow-card:0 1px 2px #09090b0a, 0 8px 24px #09090b0a;--sidebar-width:240px;--font-body:"Manrope", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--text-ink);background:var(--surface-page);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;background:0 0;border:none}img{max-width:100%;display:block}ul{list-style:none}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.panel__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.panel__title{letter-spacing:-.01em;font-size:15px;font-weight:700}.panel__link{color:var(--brand-green-mid);font-size:13px;font-weight:600}.panel__link:hover{text-decoration:underline}.panel__tools{align-items:center;gap:8px;display:flex}.btn{border-radius:var(--radius-sm);align-items:center;gap:8px;height:36px;padding:0 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn svg{width:16px;height:16px}.btn--outline{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-ink)}.btn--outline:hover{background:var(--surface-page)}.btn--ghost{border:1px solid var(--border);background:var(--surface);color:var(--text-ink)}.btn--ghost:hover{background:var(--surface-page)}.btn--create{background:var(--brand-green);color:#fff;height:32px;padding:0 12px}.btn--create:hover{background:var(--brand-green-deep)}.icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text-ink);justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-btn svg{width:18px;height:18px}.icon-btn:hover{background:var(--surface-page)}.icon-btn--sm{width:28px;height:28px;color:var(--text-soft);background:0 0;border:none}.icon-btn--sm:hover{color:var(--text-ink);background:var(--surface-page)}.icon-btn__dot{background:var(--danger);border:1.5px solid var(--surface);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px}.search-field{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);height:36px;color:var(--text-soft);align-items:center;gap:8px;padding:0 12px;display:inline-flex}.search-field svg{flex-shrink:0;width:15px;height:15px}.search-field input{width:180px;color:var(--text-ink);background:0 0;border:none;outline:none}.search-field input::placeholder{color:var(--text-soft)}.status-badge{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;height:24px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.status-badge--active{background:var(--success-soft);color:var(--success)}.status-badge--pending-kyc{background:var(--warn-soft);color:var(--warn)}.status-badge--suspended{background:var(--danger-soft);color:var(--danger)}.status-badge--pending-approval{background:var(--info-soft);color:var(--info)}