:root{--primary-green: #4F7F16;--primary-green-hover: #3e6411;--secondary-green: #76A51F;--light-green: #A3BD5A;--dark-green: #294D0D;--accent-yellow: #E3B928;--bg-cream: #F7F8F1;--bg-card: #FFFFFF;--bg-light-section: #EEF2E5;--text-dark: #1F291B;--text-muted: #68715F;--border-subtle: #E2E7D8;--border-focus: #76A51F;--status-active-bg: #EAF4DC;--status-active-text: #294D0D;--status-pending-bg: #FEF6D8;--status-pending-text: #8F6F05;--status-shipped-bg: #E0F2FE;--status-shipped-text: #0369A1;--status-delivered-bg: #DCFCE7;--status-delivered-text: #166534;--status-cancelled-bg: #FEE2E2;--status-cancelled-text: #991B1B;--status-review-bg: #F3E8FF;--status-review-text: #6B21A8;--shadow-xs: 0 1px 2px rgba(31, 41, 27, .04);--shadow-sm: 0 1px 3px rgba(31, 41, 27, .06), 0 1px 2px rgba(31, 41, 27, .04);--shadow-md: 0 4px 12px rgba(31, 41, 27, .08), 0 2px 4px rgba(31, 41, 27, .04);--shadow-lg: 0 10px 25px -5px rgba(31, 41, 27, .12), 0 8px 10px -6px rgba(31, 41, 27, .06);--shadow-xl: 0 20px 30px -10px rgba(31, 41, 27, .16);--glass-bg: rgba(255, 255, 255, .92);--glass-border: rgba(226, 231, 216, .9);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--letter-spacing-base: -.02em;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--sidebar-width: 250px;--header-height: 64px;--transition-fast: .15s ease;--transition-normal: .22s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;letter-spacing:var(--letter-spacing-base)}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);background-color:var(--bg-cream);color:var(--text-dark);line-height:1.5;letter-spacing:var(--letter-spacing-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6,p,span,a,button,input,select,textarea,label,table,th,td{font-family:var(--font-family);letter-spacing:var(--letter-spacing-base)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-cream)}::-webkit-scrollbar-thumb{background:#cbd5b5;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--light-green)}.app-container{display:flex;min-height:100vh;background-color:var(--bg-cream);position:relative}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column;transition:margin-left var(--transition-normal);width:calc(100% - var(--sidebar-width));min-width:0}.page-body{padding:1.25rem 1.25rem 2.5rem;width:100%;max-width:100%;margin:0;box-sizing:border-box}@media(max-width:992px){.main-content{margin-left:0;width:100%}.page-body{padding:1rem .875rem 2rem}}@media(max-width:640px){.page-body{padding:.75rem .625rem 1.75rem}}h1{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:800;line-height:1.25}h2{font-size:clamp(1.1rem,2.5vw,1.35rem);font-weight:800;line-height:1.3}h3{font-size:clamp(.95rem,2vw,1.1rem);font-weight:700;line-height:1.35}h4{font-size:.9rem;font-weight:700}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.card-body{padding:1.25rem}.card-footer{padding:.875rem 1.25rem;border-top:1px solid var(--border-subtle);background-color:var(--bg-light-section);border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.dropdown-menu{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.5rem;z-index:150;min-width:220px;animation:dropdownFade .18s cubic-bezier(.16,1,.3,1);transform-origin:top right}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-family:inherit;font-size:.85rem;font-weight:600;padding:.55rem 1rem;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast);text-decoration:none;line-height:1.2;white-space:nowrap}.btn-primary{background-color:var(--primary-green);color:#fff}.btn-primary:hover{background-color:var(--primary-green-hover);box-shadow:0 4px 10px #4f7f1640}.btn-secondary{background-color:var(--bg-light-section);color:var(--dark-green);border-color:var(--border-subtle)}.btn-secondary:hover{background-color:#e2e8d5;border-color:var(--light-green)}.btn-outline{background-color:transparent;color:var(--primary-green);border-color:var(--primary-green)}.btn-outline:hover{background-color:var(--bg-light-section)}.btn-danger{background-color:#fef2f2;color:#dc2626;border-color:#fca5a5}.btn-danger:hover{background-color:#dc2626;color:#fff}.btn-sm{padding:.35rem .65rem;font-size:.78rem}.btn-lg{padding:.75rem 1.4rem;font-size:.95rem}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.82rem;font-weight:600;color:var(--text-dark);margin-bottom:.35rem}.form-input,.form-select,.form-textarea{width:100%;padding:.6rem .85rem;font-family:inherit;font-size:.875rem;color:var(--text-dark);background-color:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--secondary-green);box-shadow:0 0 0 3px #76a51f29}.form-textarea{resize:vertical;min-height:85px}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .6rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.badge-active,.badge-delivered,.badge-approved{background-color:var(--status-active-bg);color:var(--status-active-text);border:1px solid #cce3b2}.badge-pending,.badge-new,.badge-processing{background-color:var(--status-pending-bg);color:var(--status-pending-text);border:1px solid #fae69e}.badge-shipped,.badge-ready-to-ship{background-color:var(--status-shipped-bg);color:var(--status-shipped-text);border:1px solid #bae6fd}.badge-review,.badge-pending-verification{background-color:var(--status-review-bg);color:var(--status-review-text);border:1px solid #e9d5ff}.badge-cancelled,.badge-rejected,.badge-out-of-stock{background-color:var(--status-cancelled-bg);color:var(--status-cancelled-text);border:1px solid #fecaca}.table-container{width:100%;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#fff;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;text-align:left;font-size:.835rem}.table th{background-color:var(--bg-light-section);color:var(--dark-green);font-weight:700;padding:.75rem .95rem;border-bottom:1px solid var(--border-subtle);white-space:nowrap;font-size:.78rem;text-transform:uppercase;letter-spacing:.02em}.table td{padding:.85rem .95rem;border-bottom:1px solid #f0f3eb;color:var(--text-dark);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background-color:#fafcf7}.tabs-scrollable{display:flex;gap:.45rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.25rem;margin-bottom:1rem}.tabs-scrollable::-webkit-scrollbar{display:none}.tab-pill{flex-shrink:0;padding:.45rem .85rem;font-size:.8rem;font-weight:600;border-radius:var(--radius-full);background:#fff;color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:.4rem}.tab-pill:hover{background:var(--bg-light-section);color:var(--dark-green)}.tab-pill.active{background:var(--primary-green);color:#fff;border-color:var(--primary-green);box-shadow:0 2px 6px #4f7f1640}.tab-pill .count-badge{background:#00000014;font-size:.68rem;padding:.12rem .4rem;border-radius:var(--radius-full)}.tab-pill.active .count-badge{background:#ffffff40;color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#1f291b8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .18s ease-out}.modal-content{background:#fff;border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);border:1px solid var(--border-subtle);animation:slideUp .22s ease-out}.modal-header{padding:1.1rem 1.35rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fff;z-index:10}.modal-title{font-size:1.05rem;font-weight:700;color:var(--text-dark)}.modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background-color:var(--bg-light-section);color:var(--text-dark)}.modal-body{padding:1.25rem 1.35rem}.modal-footer{padding:.85rem 1.35rem;border-top:1px solid var(--border-subtle);background-color:var(--bg-light-section);display:flex;align-items:center;justify-content:flex-end;gap:.65rem;position:sticky;bottom:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.filter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;width:100%}.filter-grid{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;flex:1}.filter-select-wrapper{position:relative;display:flex;align-items:center;flex:1;min-width:135px}.filter-select-icon{position:absolute;left:10px;pointer-events:none;display:flex;align-items:center;justify-content:center;color:var(--text-muted);z-index:2}.filter-select{width:100%;padding-left:32px!important;padding-right:20px!important;height:36px;font-size:.8rem;border-radius:var(--radius-sm);background-color:#fff;border:1px solid var(--border-subtle);color:var(--text-dark);cursor:pointer}.filter-select:focus{border-color:var(--secondary-green);box-shadow:0 0 0 3px #76a51f29}.filter-search-wrapper{position:relative;min-width:250px;flex:0 0 auto}@media(max-width:992px){.filter-toolbar{flex-direction:column-reverse;align-items:stretch;gap:.65rem}.filter-search-wrapper{width:100%;min-width:100%}.filter-grid{display:grid;grid-template-columns:repeat(2,1fr);width:100%;gap:.5rem}.filter-select-wrapper{min-width:0;width:100%}}@media(max-width:480px){.filter-grid{grid-template-columns:1fr}}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-center{display:flex;align-items:center;justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.text-muted{color:var(--text-muted)}.font-semibold{font-weight:600}.font-bold{font-weight:700}