: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-sm: 0 1px 3px rgba(31, 41, 27, .05);--shadow-md: 0 4px 12px rgba(31, 41, 27, .08);--shadow-lg: 0 10px 25px -5px rgba(31, 41, 27, .12), 0 8px 10px -6px rgba(31, 41, 27, .08);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(226, 231, 216, .8);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--sidebar-width: 260px;--header-height: 70px;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-cream);color:var(--text-dark);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-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)}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column;transition:margin-left var(--transition-normal)}@media(max-width:992px){.main-content{margin-left:0}}.page-body{padding:1.75rem 2rem 3rem;max-width:1560px;width:100%;margin:0 auto}@media(max-width:640px){.page-body{padding:1rem 1rem 2rem}}.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:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:1rem}.card-body{padding:1.5rem}.card-footer{padding:1rem 1.5rem;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)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-size:.875rem;font-weight:600;padding:.6rem 1.15rem;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast);text-decoration:none;line-height:1.2}.btn-primary{background-color:var(--primary-green);color:#fff}.btn-primary:hover{background-color:var(--primary-green-hover);box-shadow:0 4px 10px #4f7f164d}.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:.4rem .75rem;font-size:.8rem}.btn-lg{padding:.8rem 1.6rem;font-size:1rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-dark);margin-bottom:.4rem}.form-input,.form-select,.form-textarea{width:100%;padding:.65rem .9rem;font-family:inherit;font-size:.9rem;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 #76a51f2e}.form-textarea{resize:vertical;min-height:90px}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:capitalize;letter-spacing:.02em;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}.table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.table th{background-color:var(--bg-light-section);color:var(--dark-green);font-weight:700;padding:.9rem 1.1rem;border-bottom:1px solid var(--border-subtle);white-space:nowrap}.table td{padding:1rem 1.1rem;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:.5rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.25rem;margin-bottom:1.25rem}.tabs-scrollable::-webkit-scrollbar{display:none}.tab-pill{flex-shrink:0;padding:.5rem 1rem;font-size:.85rem;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:.7rem;padding:.15rem .45rem;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:#1f291b99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:var(--radius-lg);max-width:650px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);border:1px solid var(--border-subtle);animation:slideUp .25s ease-out}.modal-header{padding:1.25rem 1.5rem;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-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-subtle);background-color:var(--bg-light-section);display:flex;align-items:center;justify-content:flex-end;gap:.75rem;position:sticky;bottom:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}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:1.25rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}@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}}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-center{display:flex;align-items:center;justify-content:center}.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}