@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@600;700;800&display=swap";:root{--brand-50: #eef6ff;--brand-100: #e7ecff;--brand-200: #dfe2ff;--brand-300: #c7d0ff;--brand-400: #7f82ff;--brand-500: #5e63ff;--brand-600: #4d53e8;--brand-700: #3f46d1;--brand-800: #2e358f;--brand-900: #242a74;--mint-50: #ecf9f4;--mint-100: #dff6ee;--mint-200: #c9f0e0;--mint-300: #a9e1cd;--mint-400: #7cc9b2;--mint-500: #64b9a0;--dark-950: #f4f7f6;--dark-900: #eef3f1;--dark-850: #e5ece9;--dark-800: #dce7e3;--dark-700: #cbdad5;--dark-600: #b5c8c1;--dark-500: #8da9a0;--dark-400: #64857a;--dark-300: #477064;--gray-50: #f9fafb;--gray-100: #f3f5f7;--gray-200: #e7ebef;--gray-300: #dfe5ea;--gray-400: #bcc8d2;--gray-500: #8b99a5;--gray-600: #697886;--gray-700: #485761;--gray-800: #2d3a45;--gray-900: #1d2932;--yellow: #f5c86b;--orange: #f3a46b;--red: #ef6d6d;--blue: #5ab0f0;--teal: #52c6c1;--purple: #a78bfa;--surface-primary: #dfeee6;--surface-secondary: #f5f7f8;--surface-card: #ffffff;--surface-elevated: #edf3f7;--surface-border: #dfe5ea;--surface-border-subtle: rgba(113, 128, 142, .18);--text-primary: #1f2b3b;--text-secondary: #4d5968;--text-muted: #7b8794;--text-disabled: #a3acb5;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(17, 24, 39, .05);--shadow-md: 0 8px 20px rgba(17, 24, 39, .08);--shadow-lg: 0 18px 40px rgba(17, 24, 39, .12);--shadow-brand: 0 10px 24px rgba(94, 99, 255, .22);--shadow-glow: 0 0 30px rgba(94, 99, 255, .12);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--sidebar-width: 240px;--navbar-height: 78px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:radial-gradient(circle at top,#f6fbf7,#eef3ff 38%,#edf5ee);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}#root>div{min-height:100vh}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit}input,select,textarea{font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:700;line-height:1.3}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:clamp(1.2rem,2.5vw,1.75rem)}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-secondary)}::-webkit-scrollbar-thumb{background:var(--dark-500);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--brand-600)}.app-layout{display:flex;min-height:100vh;width:min(1440px,calc(100vw - 48px));background:linear-gradient(180deg,#f5faf7f0,#f0f5fbf5);border:1px solid rgba(255,255,255,.35);border-radius:24px;overflow:hidden;margin:22px auto;box-shadow:0 28px 70px #1e293b24}.sidebar{width:var(--sidebar-width);background:#f9fbfce6;border-right:1px solid var(--surface-border-subtle);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;transition:transform var(--transition-normal);overflow-y:auto}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:22px 16px 18px;border-bottom:1px solid var(--surface-border-subtle)}.sidebar-logo-icon{width:38px;height:38px;background:linear-gradient(135deg,var(--brand-500),var(--brand-700));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:var(--shadow-brand);color:#fff}.sidebar-logo-text .brand-name{font-family:Poppins,sans-serif;font-weight:800;font-size:1.05rem;color:var(--brand-900)}.sidebar-logo-text .brand-tagline{font-size:.68rem;color:var(--text-muted);font-weight:500;letter-spacing:.5px}.sidebar-role-badge{margin:14px 14px 8px;padding:10px 12px;background:linear-gradient(135deg,#f2f3ff,#e7ecff);border:1px solid rgba(94,99,255,.12);border-radius:14px;display:flex;align-items:center;gap:10px}.sidebar-role-badge .role-icon{font-size:17px}.sidebar-role-badge .role-name{font-size:.77rem;font-weight:700;color:var(--brand-700)}.sidebar-role-badge .role-email{font-size:.68rem;color:var(--text-muted)}.sidebar-nav{flex:1;padding:8px 12px;overflow-y:auto}.sidebar-section-title{font-size:.62rem;font-weight:800;color:var(--text-muted);letter-spacing:1.3px;text-transform:uppercase;padding:18px 10px 8px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:12px;color:var(--text-secondary);font-size:.9rem;font-weight:600;transition:all var(--transition-fast);margin-bottom:4px;position:relative}.sidebar-link:hover{background:#5e63ff0f;color:var(--text-primary)}.sidebar-link.active{background:linear-gradient(135deg,var(--brand-500),var(--brand-700));color:#fff;box-shadow:var(--shadow-brand)}.sidebar-link .nav-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#ffffff5c;flex-shrink:0;transition:all var(--transition-fast);font-size:.9rem}.sidebar-link:hover .nav-icon{background:#5e63ff14}.sidebar-link.active .nav-icon{background:#ffffff2e}.sidebar-link .nav-badge{margin-left:auto;background:#ffffff26;color:inherit;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:var(--radius-full)}.sidebar-footer{padding:12px 14px 14px;border-top:1px solid var(--surface-border-subtle)}.sidebar-logout-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:12px;color:var(--text-secondary);font-size:.875rem;font-weight:600;transition:all var(--transition-fast)}.sidebar-logout-btn:hover{background:#ef444414;color:var(--red)}.main-content{flex:1;margin-left:var(--sidebar-width);min-width:0;display:flex;flex-direction:column;min-height:100vh;background:#ffffff9e}.admin-users-page,.admin-users-page .users-page-header,.admin-users-page .users-filter-bar,.admin-users-page .users-table-card{min-width:0}.admin-users-page .users-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-users-page .users-table-wrap table{min-width:1040px}.product-modal input,.product-modal select,.product-modal textarea{color:var(--text-primary)!important}.product-modal input::-moz-placeholder,.product-modal textarea::-moz-placeholder{color:var(--text-muted)!important;opacity:1}.product-modal input::placeholder,.product-modal textarea::placeholder{color:var(--text-muted)!important;opacity:1}.product-modal{padding:16px!important}.product-modal-content{width:min(1180px,calc(100vw - 32px))!important}.product-modal-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px!important}.product-modal-form>.product-form-full{grid-column:1 / -1}.product-modal option{background:var(--surface-card);color:var(--text-primary)}.product-option-adder{display:flex;gap:8px;margin-top:8px}.product-option-adder input,.product-option-adder select{min-width:0;flex:1;padding:7px 10px;border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface-card)!important;color:var(--text-primary)!important}.product-option-adder button{padding:7px 11px;border:1px solid var(--brand-200);border-radius:var(--radius-sm);background:var(--brand-50);color:var(--brand-700);font-size:.75rem;font-weight:700;white-space:nowrap}.product-detail-fields{display:flex;flex-direction:column;gap:7px;padding:14px;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:#ffffff94}.product-detail-fields>label,.product-detail-grid label{color:var(--text-primary);font-size:.8rem;font-weight:700}.product-detail-fields label span,.product-detail-fields small{color:var(--text-muted);font-weight:500}.product-detail-fields textarea,.product-detail-fields input{width:100%;padding:10px 12px;border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text-primary);resize:vertical}.product-detail-fields input[type=file]{padding:8px;background:var(--surface-secondary)!important}.admin-user-modal[data-view-only=true] input,.admin-user-modal[data-view-only=true] select,.admin-user-modal[data-view-only=true] textarea{pointer-events:none;opacity:.78}.admin-customer-profile-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;padding:14px;background:var(--surface-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-md)}.admin-customer-profile-summary div{display:grid;gap:3px}.admin-customer-profile-summary span{color:var(--text-muted);font-size:.72rem}.admin-customer-profile-summary strong{color:var(--text-primary);font-size:.85rem}.profile-page,.profile-fields-page{max-width:1120px;margin:0 auto}.profile-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.profile-field{display:grid;gap:7px}.profile-field label{color:var(--text-primary);font-size:.82rem;font-weight:700}.profile-field input,.profile-field select,.profile-field textarea,.profile-field-title,.profile-field-row select{width:100%;border:1px solid var(--surface-border);border-radius:var(--radius-sm);padding:10px 12px;background:var(--surface-card);color:var(--text-primary)}.profile-field input:-moz-read-only{background:var(--surface-secondary);color:var(--text-muted)}.profile-field input:read-only{background:var(--surface-secondary);color:var(--text-muted)}.profile-field small{color:var(--text-muted);font-size:.72rem}.profile-actions{grid-column:1 / -1;display:flex;justify-content:flex-end}.profile-fields-actions{display:flex;gap:10px;flex-wrap:wrap}.profile-field-list{display:grid;gap:10px}.profile-field-row{display:grid;grid-template-columns:auto minmax(180px,1fr) 130px auto auto auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--surface-border);border-radius:var(--radius-md)}.profile-drag-icon{color:var(--text-muted)}.profile-checkbox{display:flex;gap:5px;align-items:center;color:var(--text-secondary);font-size:.75rem;white-space:nowrap}.profile-checkbox input{accent-color:var(--brand-600)}.icon-action{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--text-secondary)}.icon-action.danger{color:var(--red);background:#ef6d6d14}.profile-field-guidance{margin-top:18px}.profile-field-guidance p{margin-top:6px;color:var(--text-secondary)}@media (max-width: 760px){.profile-form{grid-template-columns:1fr}.profile-actions{grid-column:auto}.profile-field-row{grid-template-columns:auto 1fr}.profile-field-row select,.profile-checkbox,.profile-field-row .icon-action{grid-column:2}.admin-customer-profile-summary{grid-template-columns:1fr}}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}.product-detail-grid>div{display:flex;flex-direction:column;gap:7px}.review-toggle{display:flex;align-items:center;gap:8px;margin-top:5px}.review-toggle input{width:auto;accent-color:var(--brand-600)}.product-detail-page{width:min(1180px,calc(100vw - 40px));margin:28px auto 60px;color:var(--text-primary)}.ingredient-page-hero{padding:36px;background:linear-gradient(135deg,#edf8f1,#edf3ff);border:1px solid var(--surface-border);border-radius:var(--radius-xl)}.ingredient-icon{width:66px;height:66px;display:grid;place-items:center;margin-bottom:18px;color:var(--brand-700);background:var(--surface-card);border-radius:var(--radius-lg)}.ingredient-page-hero h1{margin:12px 0 8px;font-size:clamp(1.8rem,4vw,3rem)}.ingredient-page-hero p{color:var(--text-secondary)}.product-back-button{margin-bottom:18px}.product-detail-hero{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:36px;padding:28px;background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.product-detail-image-zoom{height:430px;overflow:hidden;border-radius:var(--radius-lg);background:var(--surface-secondary)}.product-detail-image-zoom img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .35s ease}.product-detail-image-zoom:hover img{transform:scale(1.18)}.product-thumbnails{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.product-thumbnails button{width:64px;height:64px;padding:4px;border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface-card)}.product-thumbnails button.active{border:2px solid var(--brand-600)}.product-thumbnails img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.product-detail-summary h1{margin:12px 0 8px;font-size:clamp(1.8rem,4vw,3rem)}.product-detail-tagline,.product-detail-description{color:var(--text-secondary)}.product-detail-review-summary{display:flex;align-items:center;gap:6px;margin:18px 0 10px;color:var(--text-muted);font-size:.85rem}.product-detail-price{font-size:2rem;font-weight:800;color:var(--brand-700);margin-bottom:16px}.product-detail-price del{color:var(--text-disabled);font-size:1rem;margin-left:8px;font-weight:500}.product-detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.product-detail-facts div{padding:12px;background:var(--surface-secondary);border-radius:var(--radius-md)}.product-detail-facts strong,.product-detail-facts span{display:block}.product-detail-facts strong{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.product-detail-facts span{margin-top:4px;font-size:.88rem}.product-detail-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.product-detail-section{margin-top:22px;padding:24px;background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg)}.product-detail-section h2{font-size:1.25rem;margin-bottom:8px}.product-detail-section p{color:var(--text-secondary);white-space:pre-line}.product-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.product-section-heading p{font-size:.82rem}.verified-review{padding:16px 0;border-top:1px solid var(--surface-border)}.review-stars{color:var(--yellow);letter-spacing:2px;margin-bottom:5px}.verified-review p{margin-top:5px}.empty-state.compact{padding:20px 0 0}.related-blog-list{display:grid;gap:10px}.related-blog-list a{display:flex;justify-content:space-between;align-items:center;padding:12px;color:var(--brand-700);background:var(--surface-secondary);border-radius:var(--radius-sm)}.related-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.related-product-grid button{display:flex;flex-direction:column;gap:7px;padding:12px;text-align:left;background:var(--surface-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-primary)}.related-product-grid img{width:100%;height:120px;-o-object-fit:contain;object-fit:contain}.related-product-grid span{color:var(--brand-700);font-weight:800}@media (max-width: 760px){.product-detail-page{width:min(100% - 24px,600px);margin-top:16px}.product-detail-hero,.product-detail-content-grid{grid-template-columns:1fr}.product-detail-hero{padding:18px;gap:22px}.product-detail-image-zoom{height:300px}.product-detail-facts,.product-detail-grid{grid-template-columns:1fr}.product-section-heading{flex-direction:column}.product-modal-content{padding:20px!important}.product-modal-form{grid-template-columns:1fr}.product-modal-form>.product-form-full{grid-column:auto}}.app-layout{background:linear-gradient(135deg,#f8fbfa,#edf5f1 52%,#f7f9fc);border-color:#64857a2e}.app-layout input[style*="#fff"],.app-layout textarea[style*="#fff"],.app-layout select[style*="#fff"]{color:var(--text-primary)!important}.app-layout [style*="rgba(0, 0, 0"]{background:var(--surface-card)!important}.topbar{height:var(--navbar-height);background:#ffffffb8;border-bottom:1px solid rgba(113,128,142,.16);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-left{display:flex;align-items:center;gap:16px}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-title{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.topbar-subtitle{font-size:.8rem;color:var(--text-muted);margin-top:2px}.hamburger-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);display:none}.hamburger-btn:hover{background:#5e63ff14;color:var(--brand-700)}.page-content{flex:1;padding:28px;overflow-x:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;transition:all var(--transition-fast);white-space:nowrap;letter-spacing:.2px}.btn-primary{background:linear-gradient(135deg,var(--brand-500),var(--brand-700));color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover{background:linear-gradient(135deg,var(--brand-400),var(--brand-600));transform:translateY(-1px);box-shadow:0 12px 28px #5e63ff40}.btn-secondary{background:var(--surface-card);color:var(--text-secondary);border:1px solid var(--surface-border)}.btn-secondary:hover{background:var(--gray-100);color:var(--text-primary)}.btn-danger{background:#ef444426;color:var(--red);border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef444440}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{background:var(--dark-700);color:var(--text-primary)}.btn-sm{padding:6px 14px;font-size:.8rem}.btn-lg{padding:14px 28px;font-size:1rem}.btn-xl{padding:16px 36px;font-size:1.1rem;border-radius:var(--radius-lg)}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:#fffc;border:1px solid rgba(113,128,142,.14);border-radius:var(--radius-xl);padding:24px;transition:all var(--transition-normal);box-shadow:0 8px 22px #1e293b0d}.card:hover{border-color:#5e63ff29;box-shadow:0 14px 30px #1e293b14}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--surface-border-subtle)}.card-title{font-size:1rem;font-weight:700;color:var(--text-primary)}.card-subtitle{font-size:.8rem;color:var(--text-muted);margin-top:2px}.stat-card{background:linear-gradient(180deg,#ffffffe6,#f9fafbcc);border:1px solid rgba(113,128,142,.12);border-radius:var(--radius-xl);padding:20px;transition:all var(--transition-normal);position:relative;overflow:hidden;box-shadow:0 10px 24px #1118270a}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.stat-card.green:before{background:linear-gradient(90deg,#ffb9d9,#f9d4e6)}.stat-card.blue:before{background:linear-gradient(90deg,#a9d1ff,#c8d8ff)}.stat-card.yellow:before{background:linear-gradient(90deg,#f7dca2,#f9e6b0)}.stat-card.orange:before{background:linear-gradient(90deg,#ffd1be,#fee2d8)}.stat-card.purple:before{background:linear-gradient(90deg,#cbb9ff,#e1d8ff)}.stat-card.teal:before{background:linear-gradient(90deg,#b7f3ea,#d7fbf5)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--surface-border)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:22px}.stat-icon.green{background:#ffc0dc6b;color:#dd5a94}.stat-icon.blue{background:#68a9ff2e;color:#427fc7}.stat-icon.yellow{background:#f5c86b2e;color:#c8952a}.stat-icon.orange{background:#f3a46b2e;color:#d57d43}.stat-icon.purple{background:#a78bfa2e;color:#6454d9}.stat-icon.teal{background:#52c6c12e;color:#279d97}.stat-value{font-size:1.75rem;font-weight:800;color:var(--text-primary);font-family:Poppins,sans-serif}.stat-label{font-size:.8rem;color:var(--text-muted);margin-top:4px;font-weight:500}.stat-change{font-size:.75rem;margin-top:8px;font-weight:600}.stat-change.positive{color:var(--brand-400)}.stat-change.negative{color:var(--red)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.product-card{background:var(--surface-card);border:1px solid var(--surface-border-subtle);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal);display:flex;flex-direction:column;position:relative}.product-card:hover{transform:translateY(-4px);border-color:var(--brand-700);box-shadow:0 12px 40px #00000080,0 0 0 1px #22c55e26}.product-badge{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;z-index:2;text-transform:uppercase;letter-spacing:.5px}.product-badge.bestseller{background:var(--yellow);color:#000}.product-badge.organic{background:var(--brand-600);color:#fff}.product-badge.new{background:var(--blue);color:#fff}.product-badge.sale{background:var(--red);color:#fff}.product-wishlist{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#00000080;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-muted);z-index:2;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.product-wishlist:hover{background:#ef44444d;color:var(--red)}.product-image-wrap{width:100%;height:200px;background:linear-gradient(145deg,var(--dark-800),var(--dark-700));display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.product-image-wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-image-wrap img{transform:scale(1.08)}.product-image-placeholder{font-size:4rem;opacity:.5}.product-body{padding:16px;flex:1;display:flex;flex-direction:column}.product-category{font-size:.7rem;font-weight:700;color:var(--brand-400);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.product-name{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-desc{font-size:.78rem;color:var(--text-muted);margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;flex:1}.product-rating{display:flex;align-items:center;gap:6px;margin-bottom:10px}.stars{color:var(--yellow);font-size:.8rem;letter-spacing:1px}.rating-count{font-size:.75rem;color:var(--text-muted)}.product-crops{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.crop-tag{background:var(--dark-800);border:1px solid var(--surface-border-subtle);color:var(--text-muted);font-size:.68rem;font-weight:500;padding:2px 8px;border-radius:var(--radius-full)}.product-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.product-price{font-size:1.3rem;font-weight:800;color:var(--brand-400);font-family:Poppins,sans-serif}.product-mrp{font-size:.85rem;color:var(--text-disabled);text-decoration:line-through}.product-discount{font-size:.75rem;font-weight:700;color:var(--orange);background:#f973161a;padding:2px 6px;border-radius:var(--radius-sm)}.product-stock-badge{font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:var(--radius-full);margin-bottom:12px;display:inline-block;width:-moz-fit-content;width:fit-content}.product-stock-badge.in-stock{background:#22c55e1a;color:var(--brand-400);border:1px solid rgba(34,197,94,.2)}.product-stock-badge.low-stock{background:#fbbf241a;color:var(--yellow);border:1px solid rgba(251,191,36,.2)}.product-stock-badge.out-of-stock{background:#ef44441a;color:var(--red);border:1px solid rgba(239,68,68,.2)}.product-actions{display:flex;gap:8px}.btn-add-cart{flex:1;background:linear-gradient(135deg,var(--brand-600),var(--brand-800));color:#fff;padding:10px;border-radius:var(--radius-md);font-size:.82rem;font-weight:700;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--brand-700)}.btn-add-cart:hover{background:linear-gradient(135deg,var(--brand-500),var(--brand-700));transform:translateY(-1px);box-shadow:var(--shadow-brand)}.btn-view-detail{width:40px;height:40px;background:var(--dark-700);border:1px solid var(--surface-border-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-fast)}.btn-view-detail:hover{background:var(--dark-600);color:var(--text-primary);border-color:var(--surface-border)}.form-group{margin-bottom:18px}.form-label{display:block;font-size:.82rem;font-weight:600;color:var(--text-secondary);margin-bottom:7px;letter-spacing:.2px}.form-input,.form-select,.form-textarea{width:100%;background:#ffffffd9;border:1.5px solid var(--surface-border-subtle);border-radius:var(--radius-md);padding:11px 14px;color:var(--text-primary);font-size:.9rem;transition:all var(--transition-fast);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand-600);background:#fffffff2;box-shadow:0 0 0 3px #5e63ff14}.form-input::-moz-placeholder{color:var(--text-disabled)}.form-input::placeholder{color:var(--text-disabled)}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234d5968' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-select option{background:#fffffff2;color:var(--text-primary)}.form-textarea{resize:vertical;min-height:100px}.form-error{font-size:.8rem;color:var(--red);margin-top:5px}.input-group{position:relative}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-disabled);pointer-events:none}.input-group .form-input{padding-left:40px}.input-group .input-icon-right{left:auto;right:12px;cursor:pointer;pointer-events:all}.table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--surface-border-subtle)}table{width:100%;border-collapse:collapse}thead{background:#5e63ff0a}thead th{padding:12px 16px;text-align:left;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;white-space:nowrap}tbody tr{border-top:1px solid var(--surface-border-subtle);transition:background var(--transition-fast)}tbody tr:hover{background:#5e63ff08}tbody td{padding:13px 16px;font-size:.875rem;color:var(--text-secondary);vertical-align:middle}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.badge-green{background:#5dc1951f;color:#2d9a66;border:1px solid rgba(93,193,149,.2)}.badge-yellow{background:#f5c86b1f;color:#c8942e;border:1px solid rgba(245,200,107,.2)}.badge-red{background:#ef44441f;color:var(--red);border:1px solid rgba(239,68,68,.2)}.badge-blue{background:#5ab0f01f;color:#3f7fbd;border:1px solid rgba(90,176,240,.2)}.badge-orange{background:#f3a46b1f;color:#d57c43;border:1px solid rgba(243,164,107,.2)}.badge-purple{background:#a78bfa1f;color:#7259db;border:1px solid rgba(167,139,250,.2)}.badge-teal{background:#52c6c11f;color:#2e9f99;border:1px solid rgba(82,198,193,.2)}.badge-gray{background:#64748b1f;color:var(--gray-400);border:1px solid rgba(100,116,139,.2)}.filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}.search-box{flex:1;min-width:240px;position:relative}.search-box input{width:100%;background:#ffffffd9;border:1.5px solid var(--surface-border-subtle);border-radius:var(--radius-full);padding:10px 16px 10px 42px;color:var(--text-primary);font-size:.875rem;transition:all var(--transition-fast);outline:none}.search-box input:focus{border-color:var(--brand-600);background:#fffffff2;box-shadow:0 0 0 3px #5e63ff14}.search-box .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-disabled)}.filter-select{background:#ffffffd9;border:1.5px solid var(--surface-border-subtle);border-radius:var(--radius-full);padding:10px 36px 10px 14px;color:var(--text-primary);font-size:.82rem;font-weight:500;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234d5968' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all var(--transition-fast)}.filter-select:focus{border-color:var(--brand-600);background:#fffffff2}.filter-select option{background:#fffffff2;color:var(--text-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.modal{background:var(--surface-card);border:1px solid var(--surface-border-subtle);border-radius:var(--radius-2xl);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .25s ease}.modal-lg{max-width:840px}.modal-xl{max-width:1100px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--surface-border-subtle)}.modal-title{font-size:1.1rem;font-weight:700}.modal-close{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-fast)}.modal-close:hover{background:var(--dark-700);color:var(--text-primary)}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid var(--surface-border-subtle);display:flex;gap:10px;justify-content:flex-end}.login-page{min-height:100vh;display:flex;background:var(--surface-primary);position:relative;overflow:hidden}.login-left{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;position:relative;z-index:2}.login-right{flex:1;background:linear-gradient(145deg,#0a1f0a,#0f2d0f,#0a1f0a);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-right:before{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(34,197,94,.15),transparent 70%);border-radius:50%;animation:pulse-glow 4s ease-in-out infinite}.login-card{width:100%;max-width:440px;background:var(--surface-card);border:1px solid var(--surface-border-subtle);border-radius:var(--radius-2xl);padding:40px;box-shadow:var(--shadow-lg)}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:32px}.login-logo-icon{width:52px;height:52px;background:linear-gradient(135deg,var(--brand-500),var(--brand-700));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:var(--shadow-brand)}.login-logo-text .brand{font-size:1.5rem;font-family:Poppins,sans-serif;font-weight:800;color:var(--brand-400)}.login-logo-text .tagline{font-size:.78rem;color:var(--text-muted)}.login-title{font-size:1.6rem;margin-bottom:6px}.login-subtitle{font-size:.9rem;color:var(--text-muted);margin-bottom:28px}.role-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px}.role-chip{padding:10px 8px;border-radius:var(--radius-md);border:1.5px solid var(--surface-border-subtle);background:var(--dark-800);color:var(--text-muted);font-size:.75rem;font-weight:600;text-align:center;cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;align-items:center;gap:5px}.role-chip:hover{border-color:var(--brand-600);color:var(--brand-400);background:var(--dark-700)}.role-chip.active{border-color:var(--brand-500);background:var(--brand-900);color:var(--brand-400)}.role-chip .role-emoji{font-size:1.3rem}.divider{display:flex;align-items:center;gap:12px;margin:20px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--surface-border-subtle)}.divider span{font-size:.78rem;color:var(--text-disabled);font-weight:500}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px}.page-header h1{font-size:1.6rem;color:var(--text-primary)}.page-header p{font-size:.875rem;color:var(--text-muted);margin-top:4px}.page-header-actions{display:flex;gap:10px;flex-wrap:wrap}.eyebrow{font-size:.68rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--brand-700);margin-bottom:8px}.admin-hero{background:linear-gradient(135deg,#101826,#1c2940 28%,#2f3d69);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:24px 26px;margin-bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#fff;box-shadow:0 18px 40px #19213433}.admin-hero h1{font-size:clamp(1.6rem,3vw,2.5rem);color:#fff;margin-bottom:6px;line-height:1.15}.admin-hero p{color:#ffffffbf;font-size:.9rem;max-width:680px}.hero-badge-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.analytics-page{display:flex;flex-direction:column;gap:18px}.analytics-header{align-items:center}.range-selector{display:flex;flex-wrap:wrap;gap:8px;background:#ffffffa8;border:1px solid rgba(113,128,142,.12);padding:6px;border-radius:999px;box-shadow:inset 0 1px #fffc}.range-pill{padding:9px 14px;border-radius:999px;background:transparent;color:var(--text-secondary);font-size:.74rem;font-weight:700;transition:all var(--transition-fast)}.range-pill.active{background:linear-gradient(135deg,var(--brand-500),var(--brand-700));color:#fff;box-shadow:var(--shadow-brand)}.analytics-metrics{margin-bottom:0}.analytics-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:20px}.chart-shell{padding-top:8px}.chart-bars-large{height:190px;display:flex;align-items:end;gap:12px;padding:12px 12px 0;background:linear-gradient(180deg,#5e63ff0d,#64b9a005);border-radius:16px;border:1px solid rgba(113,128,142,.14);box-shadow:inset 0 1px #ffffffb3}.bar-col{flex:1;height:100%;display:flex;align-items:end;justify-content:center}.bar-col span{width:100%;max-width:26px;min-height:20px;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#dfe2ff,#7f82ff);display:block}.bar-col span.active{background:linear-gradient(180deg,#c9f0e0,#64b9a0)}.chart-footer{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.7rem;margin-top:10px;padding:0 10px}.region-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:8px}.map-cell{min-height:92px;border-radius:16px;padding:12px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(255,255,255,.2)}.map-cell strong{font-size:.78rem;margin-bottom:4px}.map-cell span{font-size:.68rem;opacity:.9}.map-cell.high{background:linear-gradient(135deg,#5e63ffd1,#7f82ffb8);color:#fff}.map-cell.mid{background:linear-gradient(135deg,#64b9a0d9,#4fa087b8);color:#fff}.map-cell.low{background:linear-gradient(135deg,#f5c86bb3,#f3a46bb8);color:#2d3a45}.donut-wrap{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap;padding-top:12px}.donut-chart{width:180px;height:180px;border-radius:50%;position:relative;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff4d}.donut-chart:before{content:"";position:absolute;top:22px;right:22px;bottom:22px;left:22px;background:#fafbfff5;border-radius:50%;box-shadow:inset 0 0 0 1px #1118270d}.donut-center{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--text-primary)}.donut-center strong{font-size:1.05rem}.donut-legend{display:flex;flex-direction:column;gap:10px;min-width:180px}.legend-row{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;font-size:.82rem;color:var(--text-secondary)}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.region-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.region-row{display:grid;grid-template-columns:110px 1fr 38px;align-items:center;gap:10px;font-size:.8rem;color:var(--text-secondary)}.region-row strong{color:var(--text-primary);font-size:.72rem}.mini-progress{width:100%;height:8px;background:#5e63ff14;border-radius:999px;overflow:hidden}.mini-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-500),var(--mint-500))}.mini-graph{height:116px;display:flex;align-items:end;gap:10px;padding-top:6px}.mini-graph span{flex:1;min-height:14px;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#dfe2ff,#7f82ff);display:block}.mini-graph span.active{background:linear-gradient(180deg,#c9f0e0,#64b9a0)}.mini-graph-labels{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.68rem;margin-top:8px}.dashboard-ops-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;margin:4px 0 24px}.executive-panel{min-height:220px}.city-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px}.city-card{background:linear-gradient(135deg,#5e63ff14,#64b9a00f);border:1px solid var(--surface-border-subtle);border-radius:16px;padding:14px 16px;min-height:88px}.city-name{color:var(--text-muted);font-size:.72rem;font-weight:600;margin-bottom:8px}.city-value{font-size:1.35rem;font-weight:800;color:var(--text-primary)}.city-trend{display:inline-block;margin-top:10px;font-size:.72rem;font-weight:700}.city-trend.positive{color:#2d9a66}.alert-list{display:flex;flex-direction:column;gap:12px;margin-top:6px}.alert-row{display:flex;gap:10px;align-items:flex-start;padding:12px 10px;border-radius:12px;border:1px solid var(--surface-border-subtle);background:#ffffff5c}.alert-row.success{background:#5dc19514}.alert-row.warning{background:#f5c86b14}.alert-row.info{background:#5e63ff0f}.status-dot{width:10px;height:10px;border-radius:50%;margin-top:6px;background:var(--brand-500);box-shadow:0 0 0 5px #5e63ff14}.alert-row.warning .status-dot{background:var(--yellow);box-shadow:0 0 0 5px #f5c86b14}.alert-row.success .status-dot{background:#2d9a66;box-shadow:0 0 0 5px #5dc1951a}.alert-row.info .status-dot{background:var(--blue);box-shadow:0 0 0 5px #5ab0f01a}.alert-row strong{display:block;color:var(--text-primary);font-size:.78rem;margin-bottom:4px}.alert-row small{display:block;color:var(--text-muted);font-size:.7rem;line-height:1.5}.region-rank{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:8px;background:#5e63ff14;color:var(--brand-700);font-size:.7rem;font-weight:800;margin-right:8px}.lower-grid{margin-top:2px}@media (max-width: 900px){.dashboard-ops-grid{grid-template-columns:1fr}.city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid{grid-template-columns:1fr}.admin-hero{flex-direction:column;align-items:flex-start}.hero-badge-row{justify-content:flex-start}}.tabs{display:flex;gap:4px;background:var(--dark-800);border-radius:var(--radius-lg);padding:4px;margin-bottom:24px;overflow-x:auto;scrollbar-width:none}.tab-btn{padding:8px 18px;border-radius:var(--radius-md);font-size:.82rem;font-weight:600;color:var(--text-muted);transition:all var(--transition-fast);white-space:nowrap;display:flex;align-items:center;gap:6px}.tab-btn:hover{color:var(--text-secondary);background:var(--dark-700)}.tab-btn.active{background:var(--surface-card);color:var(--brand-400);box-shadow:var(--shadow-sm)}.cart-item{display:flex;align-items:center;gap:14px;padding:14px;background:var(--dark-800);border-radius:var(--radius-lg);border:1px solid var(--surface-border-subtle);margin-bottom:12px}.cart-item-img{width:70px;height:70px;border-radius:var(--radius-md);-o-object-fit:cover;object-fit:cover;background:var(--dark-700);display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0}.cart-item-details{flex:1;min-width:0}.cart-item-name{font-weight:600;font-size:.9rem;margin-bottom:4px}.cart-item-price{color:var(--brand-400);font-weight:700;font-size:1rem}.qty-control{display:flex;align-items:center;gap:8px;background:var(--dark-700);border-radius:var(--radius-md);padding:4px}.qty-btn{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--dark-600);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;transition:all var(--transition-fast)}.qty-btn:hover{background:var(--brand-700)}.qty-value{font-size:.9rem;font-weight:700;min-width:24px;text-align:center}.toast-success{background:var(--brand-900)!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .35s ease}.animate-slide-up{animation:slideUp .35s ease}.animate-slide-in{animation:slideIn .35s ease}.spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.15);border-top-color:var(--brand-400);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.spinner-lg{width:40px;height:40px;border-width:4px}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:var(--surface-primary)}.loading-screen p{color:var(--text-muted);font-size:.9rem}.empty-state{text-align:center;padding:60px 20px}.empty-state-icon{font-size:3.5rem;margin-bottom:16px;opacity:.4}.empty-state h3{font-size:1.1rem;color:var(--text-secondary);margin-bottom:8px}.empty-state p{font-size:.875rem;color:var(--text-muted);max-width:360px;margin:0 auto 20px}@media (max-width: 1024px){:root{--sidebar-width: 220px}}@media (max-width: 768px){:root{--sidebar-width: 0px}.sidebar{transform:translate(-260px);width:260px}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:99;display:none}.sidebar-overlay.show{display:block}.main-content{margin-left:0}.hamburger-btn{display:flex!important}.page-content{padding:16px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.login-right{display:none}.login-page{justify-content:center}.login-card{padding:28px 20px}.role-selector{grid-template-columns:repeat(2,1fr)}.filter-bar{flex-direction:column;align-items:stretch}.search-box{min-width:100%}.stat-grid{grid-template-columns:repeat(2,1fr)!important}table{font-size:.8rem}thead th,tbody td{padding:10px 12px}.admin-users-page .users-page-header{align-items:stretch!important}.admin-users-page .users-page-header>button{width:100%}.admin-users-page .users-filter-bar{align-items:stretch}.admin-users-page .users-filter-bar form,.admin-users-page .users-filter-bar .filter-select,.admin-users-page .users-filter-bar>button{width:100%;min-width:0}}@media (max-width: 480px){h1{font-size:1.6rem}.products-grid{grid-template-columns:repeat(2,1fr);gap:10px}.role-selector{grid-template-columns:repeat(3,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.flex-1{flex:1}.w-full{width:100%}.text-center{text-align:center}.text-right{text-align:right}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.p-4{padding:16px}.grid{display:grid}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:28px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.text-brand{color:var(--brand-400)}.text-muted{color:var(--text-muted)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:var(--radius-full)}.shrink-0{flex-shrink:0}.employee-workspace{background:#f5f7f9;color:#18232e}.employee-workspace .topbar{background:#fffffff0;border-bottom:1px solid #e4e8ec}.employee-workspace .topbar-title{color:#18232e;font-weight:700}.employee-workspace .topbar-subtitle,.employee-dashboard .page-header>div>p:last-child{color:#7a8792}.employee-workspace .page-content{padding:34px 38px 48px}.employee-dashboard .page-header{align-items:flex-end;margin-bottom:28px}.employee-dashboard .page-header h1{color:#18232e;font-size:1.9rem;margin:4px 0 5px}.employee-eyebrow{color:#e27354!important;font-size:.68rem!important;font-weight:800;letter-spacing:1.4px}.employee-page-actions{display:flex;gap:10px}.employee-workspace .btn-secondary{background:#fff;color:#4d5b66;border:1px solid #dfe5e9;box-shadow:0 2px 8px #24323c0a}.employee-workspace .btn-secondary:hover{background:#f4f7f8;color:#18232e}.employee-workspace .btn-primary{background:#e27354;box-shadow:0 5px 14px #e2735438}.employee-workspace .btn-primary:hover{background:#cf6044}.employee-header-actions{gap:14px}.employee-icon-button{position:relative;width:34px;height:34px;display:grid;place-items:center;color:#778591;border-radius:8px}.employee-icon-button:hover{background:#f0f3f5;color:#253440}.employee-notification span{position:absolute;top:0;right:0;width:15px;height:15px;border-radius:50%;background:#e27354;color:#fff;font-size:9px;display:grid;place-items:center;border:2px solid white}.employee-user-chip{display:flex;align-items:center;gap:9px;padding-left:4px;color:#263640}.employee-user-chip strong,.employee-user-chip small{display:block}.employee-user-chip strong{font-size:.78rem}.employee-user-chip small{color:#8a969e;font-size:.67rem;margin-top:1px}.employee-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#315b62;font-size:.7rem;font-weight:800}.employee-stat{background:#fff;border:1px solid #e6eaed;border-radius:10px;padding:18px;display:flex;align-items:center;gap:13px;box-shadow:0 3px 12px #27374109}.employee-stat-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:9px}.employee-stat-icon.coral{background:#fff0ec;color:#df7052}.employee-stat-icon.blue{background:#eaf4fb;color:#4689b7}.employee-stat-icon.amber{background:#fff6e5;color:#d69137}.employee-stat-icon.green{background:#eaf6ee;color:#4b9b70}.employee-stat strong,.employee-stat span,.employee-stat em{display:block}.employee-stat strong{font-size:1.25rem;color:#253540}.employee-stat span{color:#83909a;font-size:.73rem;margin-top:2px}.employee-stat em{color:#3c9a6b;font-size:.67rem;font-style:normal;font-weight:700;display:flex;align-items:center;gap:2px;margin-top:5px}.employee-stat em.negative{color:#d97858}.employee-overview-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.9fr);gap:18px;margin-bottom:35px}.employee-workspace .card{background:#fff;border:1px solid #e6eaed;border-radius:10px;padding:20px;box-shadow:0 3px 12px #27374109}.employee-workspace .card-header{border-bottom:0;margin-bottom:12px;padding-bottom:0}.employee-workspace .card-title{color:#253540}.employee-workspace .card-subtitle{color:#8b969f}.employee-more{color:#9aa4ab}.revenue-total{color:#253540;font-size:1.55rem;font-weight:800}.revenue-total span{color:#3d9a6c;font-size:.72rem;margin-left:8px;font-weight:700}.chart-bars{height:112px;margin:18px 4px 8px;display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid #edf0f2}.chart-bars span{flex:1;max-width:22px;min-height:16px;background:#dcecef;border-radius:4px 4px 0 0}.chart-bars span.active{background:#e27354}.chart-labels{color:#a1abb2;font-size:.66rem;display:flex;justify-content:space-between}.attention-card .card-header{margin-bottom:3px}.attention-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-top:1px solid #edf0f2}.attention-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px}.attention-icon.red{color:#d86e62;background:#fff0ee}.attention-icon.amber{color:#d58f32;background:#fff5e3}.attention-icon.blue{color:#4f91b6;background:#edf6fb}.attention-row div{flex:1}.attention-row strong,.attention-row small{display:block}.attention-row strong{color:#3e4c55;font-size:.78rem}.attention-row small{color:#97a1a8;font-size:.68rem;margin-top:2px}.text-action{color:#df7355;font-size:.7rem;font-weight:700}.employee-section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:15px}.employee-section-heading h2{color:#253540;font-size:1.2rem}.employee-section-heading p{color:#8b969f;font-size:.78rem;margin-top:3px}.employee-search{width:220px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dfe5e9;border-radius:7px;padding:9px 11px;color:#99a4aa}.employee-search input{width:100%;border:0;outline:0;font-size:.76rem;color:#3b4a53}.employee-tabs{border-bottom-color:#dce2e6}.employee-workspace .tab-btn{color:#89959d}.employee-workspace .tab-btn.active{color:#df7355;border-bottom-color:#df7355}.table-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.employee-workspace table th{color:#95a0a7;font-size:.67rem;letter-spacing:.4px}.employee-workspace table td{color:#687680;border-bottom-color:#edf0f2;font-size:.78rem}.employee-workspace table td strong{color:#3a4952}.employee-status{padding:5px 9px;border-radius:5px;font-size:.66rem;font-weight:700}.employee-status.ready{background:#fff0ec;color:#d66d50}.employee-status.progress{background:#fff6e4;color:#c98a31}.employee-status.done{background:#eaf6ee;color:#4b946a}.customer-cell{display:flex;align-items:center;gap:8px}.customer-cell span{width:25px;height:25px;display:grid;place-items:center;background:#e8f1f2;color:#477278;border-radius:50%;font-size:.58rem;font-weight:800}@media (max-width: 900px){.employee-overview-grid{grid-template-columns:1fr}.employee-workspace .page-content{padding:24px}}@media (max-width: 600px){.employee-dashboard .page-header,.employee-section-heading{align-items:stretch;flex-direction:column;gap:16px}.employee-page-actions{flex-wrap:wrap}.employee-page-actions .btn{flex:1}.employee-search{width:100%}.employee-header-actions .employee-icon-button,.employee-user-chip{display:none}.chart-bars{gap:5px}.employee-workspace .page-content{padding:18px 14px 36px}}