@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#000;background:#eefbd7;margin:0;font-family:Poppins,Arial,sans-serif}button,input{font-family:inherit}.auth-page{background:#eefbd7;min-height:100vh;position:relative;overflow:hidden}.auth-page:before{content:"";background:#fff;border-radius:50%;width:min(78vw,980px);min-width:560px;position:absolute;top:-34vh;bottom:-24vh;right:-20vw}.auth-layout{z-index:1;grid-template-columns:minmax(280px,380px) minmax(310px,560px);justify-content:center;align-items:center;column-gap:clamp(48px,10vw,150px);min-height:100vh;padding:clamp(32px,8vh,86px) clamp(24px,8vw,96px);display:grid;position:relative}.auth-card{color:#000;background:#fff;border:1px solid #9f9f9f;border-radius:6px;flex-direction:column;align-items:center;width:min(100%,380px);min-height:455px;padding:52px 34px 36px;display:flex;box-shadow:0 0 8px #0000006b}.forgot-page .auth-card{min-height:360px;padding-top:34px}.otp-page .auth-card{min-height:395px;padding-top:34px}.reset-page .auth-card{min-height:410px;padding-top:38px}.success-page .auth-card{width:min(100%,335px);min-height:305px;padding:33px 42px 32px}.auth-subtitle{text-align:center;margin:0;font-size:clamp(16px,1.35vw,18px);font-weight:400;line-height:1.2}.login-page .auth-subtitle{margin-top:20px;font-size:clamp(13px,1vw,16px)}.auth-brand-logo,.auth-brand-logo-top{object-fit:contain;width:auto;max-width:180px;height:auto;max-height:70px;margin:0 auto}.auth-brand-logo{order:-1}.auth-card h1{letter-spacing:0;text-align:center;margin:20px 0 0;font-size:clamp(22px,1.9vw,26px);font-weight:700;line-height:1.2}.forgot-page .auth-card h1,.otp-page .auth-card h1,.reset-page .auth-card h1{margin-top:14px;font-size:clamp(22px,1.9vw,26px);font-weight:700}.login-page .auth-card h1{order:-1;margin:0;font-size:clamp(34px,3vw,40px)}.auth-desc{text-align:center;width:100%;margin:22px 0 0;font-size:clamp(13px,1.05vw,16px);font-weight:400;line-height:1.45}.login-page .auth-desc{margin-top:18px;font-size:clamp(11px,.9vw,13px)}.otp-page .auth-desc{color:#666;font-size:clamp(11px,.9vw,13px)}.reset-page .auth-desc{width:min(100%,280px);font-size:clamp(16px,1.3vw,19px)}.field-block{width:100%;margin-top:22px}.password-field{margin-top:14px}.field-block label{margin-bottom:8px;font-size:clamp(10px,.8vw,13px);font-weight:400;line-height:1;display:block}.field-block input,.password-box input{color:#666;background:#fafafa;border:1px solid #ddd;border-radius:5px;outline:none;width:100%;height:38px;padding:0 14px;font-size:clamp(10px,.8vw,12px)}.field-block input::placeholder,.password-box input::placeholder{color:#9b9b9b}.field-block input:focus,.password-box input:focus,.otp-inputs input:focus{border-color:#a8cc6a;box-shadow:0 0 0 3px #a8cc6a3d}.field-block input.error,.password-box input.error{border-color:#ff4d4f}.field-block input.error:focus,.password-box input.error:focus{border-color:#ff4d4f;box-shadow:0 0 0 3px #ff4d4f33}.error-text{color:#ff4d4f;text-align:left;margin-top:5px;font-size:clamp(10px,.8vw,11px);line-height:1.2;display:block}.password-box input::-ms-reveal{display:none}.password-box input::-ms-clear{display:none}.password-box{width:100%;position:relative}.password-box input{padding-right:42px}.eye-btn{cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:opacity .2s;display:flex;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.eye-btn:hover{opacity:.9}.login-options{justify-content:space-between;align-items:center;gap:14px;width:100%;margin-top:16px;font-size:clamp(11px,.85vw,13px);display:flex}.remember-line{white-space:nowrap;align-items:center;gap:8px;display:flex}.remember-line input{accent-color:#a8cc6a;width:18px;height:18px;margin:0}.link-btn{color:#0d7519;font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;line-height:1}.main-btn{color:#000;cursor:pointer;background:#a8cc6a;border:0;border-radius:5px;width:100%;height:42px;margin-top:22px;font-size:clamp(11px,.85vw,13px);font-weight:600;line-height:1}.main-btn:hover{filter:brightness(.98)}.single-field{margin-top:24px}.back-text,.code-text,.timer-text{color:#777;text-align:center;margin:0;font-size:clamp(11px,.85vw,13px);line-height:1}.forgot-page .back-text{margin-top:24px}.forgot-page .main-btn{margin-top:28px}.otp-inputs{justify-content:center;gap:14px;margin-top:24px;display:flex}.otp-error{text-align:center;margin-top:12px}.otp-inputs input{color:gray;text-align:center;background:#fff;border:1px solid #ddd;border-radius:5px;outline:none;width:34px;height:34px;padding:0;font-size:18px}.code-text{margin-top:20px}.timer-text{color:#5d5d5d;margin-top:20px}.otp-back{margin-top:20px}.otp-page .main-btn{margin-top:26px}.reset-fields{gap:18px;width:100%;margin-top:28px;display:grid}.reset-back,.reset-page .main-btn{margin-top:26px}.success-content{flex-direction:column;align-items:center;width:100%;margin-top:28px;display:flex}.success-icon{background:#35c85a;border-radius:50%;width:48px;height:48px;position:relative;box-shadow:0 -14px 0 -8px #35c85a,0 14px 0 -8px #35c85a,-14px 0 0 -8px #35c85a,14px 0 0 -8px #35c85a}.success-icon:before{content:"";border:5px solid #fff;border-width:0 5px 5px 0;width:10px;height:20px;position:absolute;top:12px;left:17px;transform:rotate(45deg)}.success-icon+h1{width:min(100%,210px);margin:24px 0 0;font-size:clamp(20px,1.7vw,25px);line-height:1.25}.success-page .main-btn{width:100%;height:30px;margin-top:22px}.auth-art{z-index:1;object-fit:contain;width:min(100%,520px);max-height:58vh;display:block;position:relative}.forgot-page .auth-art{width:min(100%,450px)}.otp-page .auth-art{width:min(100%,420px)}.reset-page .auth-art{width:min(100%,480px)}.success-page .auth-art{width:min(100%,430px)}@media (width<=900px){.auth-page:before{width:120vw;min-width:520px;top:-22vh;right:-54vw}.auth-layout{grid-template-columns:1fr;gap:28px;padding:28px 20px 42px}.auth-art{order:-1;width:min(76vw,360px);max-height:34vh;margin:0 auto}.auth-card{justify-self:center;width:min(100%,380px);min-height:auto}}@media (width<=480px){.auth-layout{padding-inline:16px}.auth-card{padding:32px 22px 26px}.login-options{flex-direction:column;align-items:flex-start}.otp-inputs{gap:10px}}:root{--admin-font:"Outfit", "Plus Jakarta Sans", sans-serif;--sidebar-bg:#fff;--sidebar-text:#0f172a;--sidebar-text-muted:#64748b;--sidebar-hover-bg:#0000000d;--active-tab-bg:#a8d572;--active-tab-text:#0e1e05;--bg-primary:#f0f2f5;--bg-card:#fff;--border-light:#cfd8dc;--text-dark:#000;--text-muted:#455a64;--text-subtle:#78909c;--bg-stripe:#fafbfc;--bg-hover:#f5f5f5;--card-revenue-bg:#c8e6c9;--card-revenue-text:#2e7d32;--card-sales-bg:#fff9c4;--card-sales-text:#f57f17;--card-order-bg:#f8bbd0;--card-order-text:#c2185b;--card-vendors-bg:#e8eaf6;--card-vendors-text:#3949ab;--card-users-bg:#b3e5fc;--card-users-text:#0288d1}[data-theme=dark]{--sidebar-bg:#0f172a;--sidebar-text:#f8fafc;--sidebar-text-muted:#94a3b8;--sidebar-hover-bg:#ffffff0f;--active-tab-bg:#818cf8;--active-tab-text:#fff;--bg-primary:#020617;--bg-card:#0f172a;--border-light:#1e293b;--text-dark:#f8fafc;--text-muted:#94a3b8;--text-subtle:#64748b;--bg-stripe:#1e293b;--bg-hover:#1e293b;--card-revenue-bg:#10b98126;--card-revenue-text:#34d399;--card-sales-bg:#f59e0b26;--card-sales-text:#fbbf24;--card-order-bg:#ef444426;--card-order-text:#f87171;--card-vendors-bg:#6366f126;--card-vendors-text:#818cf8;--card-users-bg:#3b82f626;--card-users-text:#60a5fa}[data-theme=royal]{--sidebar-bg:#1e3a8a;--sidebar-text:#f8fafc;--sidebar-text-muted:#93c5fd;--sidebar-hover-bg:#ffffff14;--active-tab-bg:#f59e0b;--active-tab-text:#1e3a8a;--bg-primary:#f8fafc;--bg-card:#fff;--border-light:#e2e8f0;--text-dark:#0f172a;--text-muted:#475569;--text-subtle:#64748b;--bg-stripe:#f8fafc;--bg-hover:#f1f5f9;--card-revenue-bg:#d1fae5;--card-revenue-text:#065f46;--card-sales-bg:#fef3c7;--card-sales-text:#92400e;--card-order-bg:#fee2e2;--card-order-text:#991b1b;--card-vendors-bg:#e0e7ff;--card-vendors-text:#3730a3;--card-users-bg:#e0f2fe;--card-users-text:#075985}[data-theme=emerald]{--sidebar-bg:#064e3b;--sidebar-text:#f0fdf4;--sidebar-text-muted:#a7f3d0;--sidebar-hover-bg:#ffffff0f;--active-tab-bg:#10b981;--active-tab-text:#064e3b;--bg-primary:#f4fbf7;--bg-card:#fff;--border-light:#e6f4ea;--text-dark:#064e3b;--text-muted:#374151;--text-subtle:#4b5563;--bg-stripe:#f4fbf7;--bg-hover:#e8f5e9;--card-revenue-bg:#d1fae5;--card-revenue-text:#065f46;--card-sales-bg:#fef3c7;--card-sales-text:#92400e;--card-order-bg:#fee2e2;--card-order-text:#991b1b;--card-vendors-bg:#ecfdf5;--card-vendors-text:#047857;--card-users-bg:#e0f2fe;--card-users-text:#075985}[data-theme=sunset]{--sidebar-bg:#1c1917;--sidebar-text:#fafaf9;--sidebar-text-muted:#d6d3d1;--sidebar-hover-bg:#ffffff14;--active-tab-bg:#ea580c;--active-tab-text:#fff;--bg-primary:#fafaf9;--bg-card:#fff;--border-light:#e7e5e4;--text-dark:#1c1917;--text-muted:#57534e;--text-subtle:#78716c;--bg-stripe:#fafaf9;--bg-hover:#f5f5f4;--card-revenue-bg:#ffedd5;--card-revenue-text:#c2410c;--card-sales-bg:#fef3c7;--card-sales-text:#b45309;--card-order-bg:#fee2e2;--card-order-text:#991b1b;--card-vendors-bg:#f5f5f4;--card-vendors-text:#44403c;--card-users-bg:#ffedd5;--card-users-text:#ea580c}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--admin-font);background-color:var(--bg-primary);color:var(--text-dark);margin:0;padding:0;overflow:hidden}.admin-container{width:100vw;height:100vh;max-height:100vh;font-family:var(--admin-font);display:flex;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);width:280px;height:100vh;color:var(--sidebar-text);overscroll-behavior-y:contain;border-right:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;overflow-y:auto}.sidebar.collapsed{width:76px;overflow-x:hidden}.sidebar-logo-container{border-bottom:2px dotted #a8d57266;justify-content:center;align-items:center;padding:18px 20px;display:flex}.sidebar.collapsed .sidebar-logo-container{justify-content:center;padding:18px 8px}.sidebar-logo-image{object-fit:contain;flex-shrink:0;width:auto;max-width:170px;height:auto;max-height:48px;transition:max-width .25s,max-height .25s}.sidebar.collapsed .sidebar-logo-image{max-width:56px;max-height:32px}.sidebar-toggle-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.sidebar-toggle-btn:hover{background-color:var(--border-light);color:var(--text-dark)}.sidebar-collapse-btn{cursor:pointer;color:var(--sidebar-text-muted);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.sidebar-collapse-btn:hover{background-color:var(--sidebar-hover-bg);color:var(--sidebar-text)}.sidebar.collapsed .sidebar-item{justify-content:center;gap:0;padding:12px}.sidebar-menu{flex-direction:column;gap:6px;padding:20px 14px;list-style:none;display:flex}.sidebar-item{cursor:pointer;color:var(--sidebar-text-muted);border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:500;transition:all .2s ease-in-out;display:flex}.sidebar-item:hover{background-color:var(--sidebar-hover-bg);color:var(--sidebar-text)}.sidebar-item.active{background-color:var(--active-tab-bg);color:var(--active-tab-text);font-weight:600}.sidebar-item-icon{flex-shrink:0;width:20px;height:20px}.admin-workspace{flex-direction:column;flex:auto;min-width:0;height:100vh;max-height:100vh;display:flex;overflow:hidden}.top-header{background-color:var(--bg-card);border-bottom:1px solid var(--border-light);flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex}.header-title-section h2{color:var(--text-dark);font-size:20px;font-weight:600}.header-search-section{flex:1;justify-content:center;display:flex;position:relative}.search-input-wrapper{width:100%;max-width:480px;position:relative}.search-input-wrapper input{border:1px solid var(--border-light);width:100%;font-family:var(--admin-font);background-color:var(--bg-card);color:var(--text-dark);border-radius:10px;outline:none;padding:10px 16px 10px 42px;font-size:14px;transition:border-color .2s}.search-input-wrapper input:focus{border-color:var(--active-tab-bg);background-color:var(--bg-card)}.search-icon-header{color:#78909c;width:18px;height:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.header-actions{align-items:center;gap:20px;display:flex}.profile-trigger{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:4px 8px;transition:background-color .2s;display:flex}.profile-trigger:hover{background-color:#f5f5f5}.profile-avatar{object-fit:cover;border:1px solid var(--border-light);border-radius:50%;width:36px;height:36px}.profile-info{flex-direction:column;display:flex}.profile-name{color:var(--text-dark);font-size:14px;font-weight:600}.profile-role{color:var(--text-muted);font-size:11px;font-weight:500}.notification-bell-btn{background-color:var(--card-revenue-bg);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .2s,background-color .2s;display:flex;position:relative}.notification-bell-btn:hover{background-color:#c8e6c9;transform:scale(1.05)}.notification-bell-btn .bell-icon{color:#2e7d32;width:20px;height:20px}.notification-bell-btn .bell-dot{background-color:#d32f2f;border:1px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:2px;right:2px}.page-container{background-color:var(--bg-primary);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex:auto;min-width:0;min-height:0;padding:32px;overflow:hidden auto}.table-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.table-search-wrapper{width:280px;position:relative}.table-search-wrapper input{border:1px solid var(--border-light);width:100%;font-family:var(--admin-font);background-color:var(--bg-card);color:var(--text-dark);border-radius:8px;outline:none;padding:8px 12px 8px 36px;font-size:13px}.table-search-wrapper svg{color:#78909c;width:16px;height:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.status-select{border:1px solid var(--border-light);font-family:var(--admin-font);color:var(--text-dark);background-color:var(--bg-card);cursor:pointer;border-radius:8px;outline:none;padding:8px 16px;font-size:13px}.admins-table-wrapper{border:1px solid var(--border-light);border-radius:12px;overflow-x:auto}.admins-table{border-collapse:collapse;text-align:left;background-color:var(--bg-card);width:100%}.admins-table th{background-color:var(--active-tab-bg);color:var(--active-tab-text);border-bottom:1px solid var(--border-light);padding:14px 16px;font-size:13px;font-weight:600}.admins-table td{color:var(--text-dark);border-bottom:1px solid var(--border-light);padding:14px 16px;font-size:13px}.admins-table tr:last-child td{border-bottom:none}.admins-table tr:hover{background-color:var(--bg-hover)}.admins-table-checkbox{cursor:pointer;width:16px;height:16px;accent-color:var(--active-tab-bg)}.admin-status-badge{text-transform:capitalize;border-radius:20px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.admin-status-badge.active{color:#2e7d32;background-color:#e8f5e9}.vendor-badge{text-transform:capitalize;border-radius:6px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.vendor-badge.approved{color:#2e7d32;background-color:#e8f5e9}.vendor-badge.pending{color:#1565c0;background-color:#e3f2fd}.vendor-badge.rejected{color:#c62828;background-color:#ffebee}.vendor-badge.active{color:#2e7d32;background-color:#e8f5e9}.vendor-badge.inactive{color:#c62828;background-color:#ffebee}.table-action-btn{cursor:pointer;color:#78909c;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.table-action-btn:hover{color:var(--text-dark);background-color:#eceff1}.table-link-name{color:var(--text-dark);cursor:pointer;font-weight:700;text-decoration:none}.table-link-name:hover{color:#8bc34a;text-decoration:underline}.action-icon-group{justify-content:center;align-items:center;gap:12px;display:flex}.btn-action-icon{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex}.btn-action-icon:hover{background-color:#f5f5f5}.btn-action-icon.ban-active{color:#d32f2f}.btn-action-icon.ban-blocked{color:#2e7d32}.btn-action-icon.view-details{color:#1976d2}.btn-action-icon.delete-record{color:#d32f2f}.back-circle-btn{cursor:pointer;color:#000;background-color:#0000;border:1.5px solid #000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.back-circle-btn:hover{background-color:#0000000d}.form-workspace-header{border-bottom:1px solid #e0e0e0;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:12px;display:flex}.form-workspace-header h2{color:var(--text-dark);font-size:20px;font-weight:700}.admin-form-panel{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;margin-bottom:36px;padding:32px;box-shadow:0 4px 20px #00000008}.form-fields-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.form-field-item{flex-direction:column;gap:8px;display:flex}.form-field-item label{color:var(--text-dark);font-size:13px;font-weight:600}.form-field-item input,.form-field-item select{font-family:var(--admin-font);background-color:#fafbfc;border:1px solid #e0e0e0;border-radius:8px;outline:none;padding:12px 16px;font-size:13px;transition:border-color .2s,background-color .2s}.form-field-item input:focus,.form-field-item select:focus{border-color:var(--active-tab-bg);background-color:#fff}.form-field-full{grid-column:span 2}.image-upload-label{color:var(--text-dark);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.image-upload-box{text-align:center;cursor:pointer;background-color:#fafbfc;border:1px dashed #cfd8dc;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:120px;padding:32px;transition:background-color .2s,border-color .2s;display:flex}.image-upload-box:hover{border-color:var(--active-tab-bg);background-color:#f1f8e9}.upload-icon-cloud{color:#78909c;width:32px;height:32px}.upload-primary-text{color:var(--text-dark);font-size:13px;font-weight:600}.upload-secondary-text{color:var(--text-subtle);font-size:11px}.uploaded-preview-img{object-fit:cover;border:1px solid var(--border-light);border-radius:8px;width:80px;height:80px}.status-toggle-wrapper{grid-column:span 2;align-items:center;gap:16px;margin-top:8px;display:flex}.status-toggle-container{cursor:pointer;box-sizing:border-box;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:18px;width:140px;height:36px;transition:all .2s;position:relative;overflow:hidden}.status-toggle-container.active{background-color:#a8d5721f;border-color:#a8d57266}.status-toggle-pill{z-index:1;background-color:#64748b;border-radius:14px;justify-content:center;align-items:center;width:76px;height:28px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #00000014}.status-toggle-container.active .status-toggle-pill{background-color:#a8d572;transform:translate(56px)}.status-toggle-container:not(.active) .status-toggle-pill{background-color:#64748b;transform:translate(0)}.status-toggle-text{color:#fff;-webkit-user-select:none;user-select:none;text-transform:capitalize;letter-spacing:.2px;pointer-events:none;font-size:13px;font-weight:600;transition:color .3s}.status-toggle-container.active .status-toggle-text{color:#0e1e05}.form-actions-row{border-top:1px solid var(--border-light);flex-wrap:wrap;justify-content:flex-end;gap:16px;margin-top:28px;padding-top:20px;display:flex}.btn-cancel-red{color:#ff3b30;cursor:pointer;font-size:14px;font-weight:600;font-family:var(--admin-font);background-color:#fff;border:1px solid #ff3b30;border-radius:8px;padding:12px 54px;transition:background-color .2s,opacity .2s}.btn-cancel-red:hover{background-color:#ffebee}.btn-add-green{color:#0e1e05;cursor:pointer;font-size:14px;font-weight:600;font-family:var(--admin-font);background-color:#a8d572;border:none;border-radius:8px;padding:12px 68px;transition:background-color .2s,opacity .2s}.btn-add-green:hover{background-color:#97c362}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-box{background-color:#fff;border-radius:16px;width:480px;max-width:90%;padding:28px;animation:.2s ease-out slideUp;box-shadow:0 10px 30px #00000026}.modal-form{flex-direction:column;gap:16px;display:flex}.modal-field{flex-direction:column;gap:6px;display:flex}.modal-field label{color:var(--text-dark);font-size:13px;font-weight:600}.modal-field input,.modal-field select{font-family:var(--admin-font);border:1px solid #cfd8dc;border-radius:8px;outline:none;padding:10px 14px;font-size:13px}.modal-field input:focus,.modal-field select:focus{border-color:var(--active-tab-bg)}.modal-buttons{justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.delete-modal-box{text-align:center;border:1px solid var(--border-light);background-color:#fff;border-radius:12px;width:320px;max-width:90%;padding:24px;animation:.2s ease-out slideUp;box-shadow:0 10px 30px #00000026}.delete-modal-title{color:#ff3b30;text-transform:capitalize;width:100%;margin-bottom:12px;font-size:20px;font-weight:700;display:inline-block}.delete-modal-subtitle{color:#000;width:100%;margin-bottom:24px;font-size:13px;font-weight:700;display:inline-block}.delete-modal-buttons{justify-content:space-between;gap:16px;width:100%;display:flex}.btn-delete-cancel{color:#37474f;font-family:var(--admin-font);cursor:pointer;background-color:#fff;border:1px solid #cfd8dc;border-radius:8px;width:100%;padding:8px 24px;font-size:13px;font-weight:600}.btn-delete-cancel:hover{background-color:#f5f5f5}.btn-delete-confirm{color:#fff;font-family:var(--admin-font);cursor:pointer;background-color:#ff3b30;border:none;border-radius:8px;width:100%;padding:8px 24px;font-size:13px;font-weight:600}.btn-delete-confirm:hover{opacity:.9}.action-menu-wrapper{display:inline-block;position:relative}.action-menu-dropdown{border:1px solid var(--border-light);z-index:10;background-color:#fff;border-radius:8px;width:120px;margin-top:4px;padding:4px 0;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000014}.action-dropdown-item{width:100%;font-family:var(--admin-font);color:#37474f;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.action-dropdown-item:hover{background-color:#f5f5f5}.action-dropdown-item.delete{color:#d32f2f}.action-dropdown-item.delete:hover{background-color:#ffebee}.empty-tab-view{background-color:var(--bg-card);border:1px solid var(--border-light);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:450px;padding:48px;display:flex}.empty-tab-icon{width:64px;height:64px;color:var(--text-subtle);margin-bottom:16px}.empty-tab-view h2{color:var(--text-dark);margin-bottom:8px;font-size:20px;font-weight:700}.empty-tab-view p{color:var(--text-muted);max-width:400px;margin-bottom:24px;font-size:14px}.logout-dropdown{background-color:var(--bg-card);border:1px solid var(--border-light);z-index:100;border-radius:14px;flex-direction:column;gap:4px;width:240px;padding:8px;display:flex;position:absolute;top:60px;right:0;box-shadow:0 10px 30px #00000014}.dropdown-item{color:#000;text-align:left;cursor:pointer;width:100%;font-size:15px;font-family:var(--admin-font);background:0 0;border:none;border-radius:10px;align-items:center;gap:14px;padding:12px 16px;font-weight:500;transition:all .2s;display:flex}.dropdown-item svg{color:#000;flex-shrink:0;width:20px;height:20px;transition:transform .2s}.dropdown-item.logout-item{color:#000}.dropdown-item.logout-item svg{color:#ff3b30}.dropdown-item:hover{color:#000;background-color:#a8cc6a26}.dropdown-item:hover svg{transform:scale(1.05)}.edit-profile-btn{color:#0e1e05;cursor:pointer;background-color:#a8d572;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:background-color .2s,transform .1s}.edit-profile-btn:hover{background-color:#97c362}@media (width<=900px){.admin-container{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-light);width:100%;height:auto;max-height:280px}.sidebar-logo-container{padding:16px}.sidebar-menu{flex-direction:row;padding:10px 16px;overflow-x:auto}.sidebar-item{white-space:nowrap;padding:8px 12px}.admin-workspace{height:calc(100vh - 200px)}}@media (width<=600px){.top-header{padding:0 16px}.header-search-section{display:none}}.modal-overlay{-webkit-backdrop-filter:blur(3px);z-index:1000;background-color:#0006;justify-content:center;align-items:center;padding:20px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{background-color:var(--bg-card);box-sizing:border-box;border-radius:14px;width:90%;max-width:480px;padding:30px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 10px 30px #00000014}.logout-modal{text-align:center;max-width:400px}.modal-title{color:var(--text-dark);margin-bottom:20px;font-size:24px;font-weight:700}.modal-title.font-large{margin-bottom:12px;font-size:24px}.modal-field{text-align:left;flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.modal-label{color:var(--text-dark);font-size:13px;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.modal-input{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:12px 40px 12px 14px;font-family:inherit;font-size:15px;transition:border-color .15s}.modal-input:focus{border-color:#a8d572}.password-toggle-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.password-toggle-btn:hover{color:#4b5563}.modal-text{color:var(--text-dark);margin-bottom:24px;font-size:16px;font-weight:600}.text-danger{color:#ff4d4f;font-weight:700}.modal-actions{justify-content:stretch;gap:12px;margin-top:8px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px 18px;font-size:15px;font-weight:600;transition:all .15s}.cancel-btn{color:#0e1e05;background-color:#daf5b3}.cancel-btn:hover{background-color:#cbeb9f}.submit-btn{color:#0e1e05;background-color:#a8d572}.submit-btn:hover{background-color:#97c263}.stat-card,.offers-stat-card,.payment-stat-card,.orders-stat-card{background-color:var(--bg-card)!important;border:1px solid var(--border-light)!important;box-sizing:border-box!important;border-radius:10px!important;grid-template:"icon value""icon label"/auto 1fr!important;align-items:center!important;gap:2px 14px!important;height:auto!important;padding:12px 16px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;display:grid!important;box-shadow:0 4px 10px #00000005!important}.stat-card:hover,.offers-stat-card:hover,.payment-stat-card:hover,.orders-stat-card:hover{transform:translateY(-4px)scale(1.01)!important;box-shadow:0 12px 20px #0000000f!important}.stat-card .stat-icon-wrapper,.offers-stat-card .offers-stat-icon,.payment-stat-card .payment-stat-icon,.orders-stat-card .orders-stat-icon{background-color:currentColor!important;border-radius:6px!important;flex-shrink:0!important;grid-area:icon!important;justify-content:center!important;align-items:center!important;width:42px!important;height:42px!important;margin:0!important;display:flex!important}.stat-card .stat-icon-wrapper svg,.offers-stat-card .offers-stat-icon svg,.payment-stat-card .payment-stat-icon svg,.orders-stat-card .orders-stat-icon svg{color:#fff!important;stroke:#fff!important;width:20px!important;height:20px!important}.stat-card .stat-value,.offers-stat-card .offers-stat-value,.payment-stat-card .payment-stat-value,.orders-stat-card .orders-stat-value{color:var(--text-dark)!important;grid-area:value!important;align-self:end!important;margin:0!important;font-size:18px!important;font-weight:700!important;line-height:1.2!important}.stat-card .stat-label,.offers-stat-card .offers-stat-label,.payment-stat-card .payment-stat-label,.orders-stat-card .orders-stat-label{color:var(--text-muted)!important;grid-area:label!important;align-self:start!important;margin:0!important;font-size:12px!important;font-weight:500!important;line-height:1.2!important}.dashboard-card-panel,.admin-profile-card,.history-logs-card,.card{border:1px solid var(--border-light)!important;box-shadow:0 8px 24px #0000000a!important}.admin-profile-card.customer-profile-card-green{background-color:#d6f3a266!important;border:1px solid #a8cc6acc!important;border-radius:12px!important;padding:16px 20px!important}.admin-profile-card.customer-profile-card-red{background-color:#ffebee!important;border:1px solid #ffcdd2!important;border-radius:12px!important;padding:16px 20px!important}.theme-switcher-container{position:relative}.theme-trigger-btn{background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-dark);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.theme-trigger-btn:hover{background:var(--border-light)}.theme-dropdown-menu{background:var(--bg-card);border:1px solid var(--border-light);z-index:100;border-radius:12px;flex-direction:column;gap:4px;width:220px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px #00000026}.theme-option-btn{cursor:pointer;width:100%;color:var(--text-dark);text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.theme-option-btn:hover{background:var(--bg-primary)}.theme-option-btn.active{background:var(--active-tab-bg);color:var(--active-tab-text);font-weight:600}.theme-dot{border:1px solid #0000001a;border-radius:50%;width:12px;height:12px;display:inline-block}.admin-profile-card,.history-logs-card,.bulk-actions-bar,.dashboard-card-panel,.category-card,.card,.modal-card,input[type=text],input[type=password],input[type=email],input[type=number],input[type=tel],select,textarea,.btn-profile-edit,.edit-profile-btn,.btn-secondary{background-color:var(--bg-card)!important;color:var(--text-dark)!important;border-color:var(--border-light)!important}.btn-profile-edit:hover,.edit-profile-btn:hover{background-color:var(--bg-hover)!important}.table-admin-avatar{background-color:var(--bg-primary)!important}.admin-detail-item .value,.stat-value,.panel-title,.order-number,.order-amount,.activity-title,.modal-title,.modal-label,.modal-text{color:var(--text-dark)!important}.admin-detail-item .label,.stat-label,.order-customer,.activity-timestamp,.profile-role{color:var(--text-muted)!important}.top-header{background-color:var(--bg-card)!important;border-bottom:1px solid var(--border-light)!important;color:var(--text-dark)!important}.sidebar{border-right:1px solid var(--border-light)!important}.empty-tab-view h2{color:var(--text-dark)!important}.empty-tab-view p{color:var(--text-muted)!important}.stat-card.stat-revenue,.stat-card.stat-sales{color:#2ecc71!important}.stat-card.stat-order{color:#3b82f6!important}.stat-card.stat-vendors,.stat-card.stat-users{color:#2ecc71!important}.offers-table-footer{border-top:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000002e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000059}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#fff3}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff59}.welcome-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.welcome-header h1{color:var(--text-dark);margin-bottom:4px;font-size:24px;font-weight:700}.welcome-header p{color:var(--text-muted);font-size:14px}.dashboard-refresh-btn{color:#334155;cursor:pointer;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.dashboard-refresh-btn:hover:not(:disabled){color:#0f172a;background-color:#e2e8f0}.dashboard-refresh-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stats-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:20px;margin-bottom:32px;display:grid}.stat-card-new{background-color:var(--bg-card);border:1px solid var(--border-light);box-sizing:border-box;border-radius:14px;align-items:center;gap:18px;height:100%;padding:18px 22px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #00000008,0 1px 3px #00000005}.stat-card-new:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #0000000a}.stat-icon-new{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.stat-icon-new svg{stroke-width:2px;width:24px;height:24px}.stat-icon-new.green{color:#fff;background-color:#2ecc71}.stat-icon-new.blue{color:#fff;background-color:#3b82f6}.stat-icon-new.red{color:#fff;background-color:#f43f5e}.stat-icon-new.lightblue{color:#fff;background-color:#38bdf8}.stat-info-new{flex-direction:column;gap:4px;display:flex}.stat-label-new{color:var(--text-muted);white-space:nowrap;font-size:13px;font-weight:500}.stat-value-new{color:var(--text-dark);font-size:20px;font-weight:700}.dashboard-grid-columns{grid-template-columns:1fr 1fr;align-items:stretch;gap:24px;display:grid}.dashboard-card-panel{background-color:var(--bg-card);border:1px solid var(--border-light);box-sizing:border-box;border-radius:16px;height:100%;padding:24px}.panel-header-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.panel-title{color:var(--text-dark);font-size:16px;font-weight:700}.panel-link-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex}.panel-link-btn:hover{color:var(--text-dark)}.panel-link-btn svg{width:18px;height:18px}.orders-list{flex-direction:column;gap:16px;display:flex}.order-row-item{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.order-row-item:last-child{border-bottom:none;padding-bottom:0}.order-meta-info{flex-direction:column;gap:4px;display:flex}.order-number{color:var(--text-dark);font-size:14px;font-weight:700}.order-customer{color:var(--text-muted);font-size:12px}.order-time{color:var(--text-subtle);font-size:11px}.order-finance-status{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.order-amount{color:var(--text-dark);font-size:14px;font-weight:700}.order-badge{text-transform:capitalize;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.order-badge.delivered{color:#2e7d32;background-color:#e8f5e9}.order-badge.out-of-delivery{color:#1565c0;background-color:#e3f2fd}.order-badge.pending{color:#ef6c00;background-color:#fff3e0}.activities-list{flex-direction:column;gap:20px;display:flex}.activity-item{border-bottom:1px solid var(--border-light);flex-direction:column;gap:4px;padding-bottom:16px;display:flex}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-title{color:var(--text-dark);font-size:13px;font-weight:600}.activity-timestamp{color:var(--text-muted);font-size:11px}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid-columns{grid-template-columns:1fr}}@media (width<=900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.stats-grid{grid-template-columns:1fr}}.notifications-panel{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;min-height:500px;padding:32px;box-shadow:0 4px 20px -2px #00000008}.notifications-header-wrapper{border-bottom:1px solid var(--border-light);flex-direction:column;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.notifications-title-row{align-items:center;gap:16px;display:flex}.notifications-title-text h1{color:var(--text-dark);margin-bottom:4px;font-size:24px;font-weight:700}.notifications-title-text p{color:var(--text-subtle);margin:0;font-size:13px}.notifications-top-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.notifications-filters{align-items:center;gap:8px;display:flex}.filter-chip{color:#475569;cursor:pointer;background-color:#f1f5f9;border:1px solid #0000;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s}.filter-chip:hover{background-color:#e2e8f0}.filter-chip.active{color:#33691e;background-color:#a8cc6a40;border-color:#a8cc6a99}.mark-read-btn{color:#475569;cursor:pointer;background-color:#0000;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.mark-read-btn:hover{color:#0f172a;background-color:#f8fafc;border-color:#94a3b8}.notifications-list{flex-direction:column;gap:12px;display:flex}.notification-card{cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.notification-card.unread{background-color:#f7fee7;border-color:#d9f99d}.notification-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000d}.notification-card.unread:hover{border-color:#bef264}.notification-left-content{flex:1;align-items:flex-start;gap:16px;display:flex}.notification-icon-wrapper{color:#33691e;background-color:#a8cc6a33;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;margin-top:2px;display:flex}.notification-icon-wrapper svg{width:20px;height:20px}.notification-message-block{flex-direction:column;gap:4px;display:flex}.notification-msg-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notification-msg-title{color:var(--text-dark);font-size:14px;font-weight:700}.notification-category-tag{color:#475569;text-transform:uppercase;letter-spacing:.3px;background-color:#f1f5f9;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.unread-dot-badge{background-color:#65a30d;border-radius:50%;width:8px;height:8px;display:inline-block}.notification-msg-desc{color:#4b5563;font-size:13px;line-height:1.45}.notification-right-content{text-align:right;flex-shrink:0;margin-left:20px}.timestamp-badge-group{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.notification-relative-badge{color:#1e293b;background-color:#f1f5f9;border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.notification-card.unread .notification-relative-badge{color:#33691e;background-color:#a8cc6a40}.notification-exact-time{color:#64748b;align-items:center;gap:4px;font-size:11px;font-weight:500;display:inline-flex}.notification-exact-time svg{color:#94a3b8}.empty-notifications-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-notifications-state h3{color:#1e293b;margin-bottom:6px;font-size:16px;font-weight:700}.empty-notifications-state p{max-width:400px;font-size:13px;line-height:1.5}@media (width<=768px){.notification-card{flex-direction:column;align-items:flex-start;gap:12px}.notification-right-content{border-top:1px dashed #e2e8f0;width:100%;margin-left:0;padding-top:8px}.timestamp-badge-group{flex-direction:row;justify-content:space-between;width:100%}}.profile-panel-container{background-color:#0000;padding:0}.profile-header-meta{margin-bottom:28px}.profile-header-title-row{align-items:center;gap:16px;display:flex}.profile-header-text{flex-direction:column;display:flex}.profile-header-meta h1{color:var(--text-dark);margin-bottom:4px;font-size:24px;font-weight:700}.profile-header-meta p{color:var(--text-subtle);margin:0;font-size:14px}.profile-card-details{border:1px solid var(--border-light);background-color:#fff;border-radius:16px;flex-direction:column;gap:32px;padding:36px;display:flex;box-shadow:0 10px 25px -5px #00000008,0 8px 10px -6px #00000008}.profile-identity-row{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px;display:flex}.profile-identity-left{align-items:center;gap:24px;display:flex}.profile-large-avatar{object-fit:cover;border:3px solid #fff;border-radius:16px;width:90px;height:90px;box-shadow:0 4px 12px #00000014}.profile-identity-details{flex-direction:column;gap:8px;display:flex}.profile-identity-details h2{color:var(--text-dark);letter-spacing:-.5px;font-size:26px;font-weight:700}.profile-badge{color:#558b2f;background-color:#a8cc6a26;border-radius:9999px;align-items:center;gap:6px;width:fit-content;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.edit-profile-btn{cursor:pointer;border:none;border-radius:10px;padding:12px 28px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 10px #a8cc6a33;color:#0e1e05!important;background-color:#a8cc6a!important}.edit-profile-btn:hover{background-color:#97c362;transform:translateY(-2px);box-shadow:0 6px 14px #a8cc6a4d}.edit-profile-btn:active{transform:translateY(0)}.profile-info-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.info-box-field{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:14px;align-items:center;gap:20px;padding:24px;transition:all .2s;display:flex}.info-box-field:hover{background-color:#fff;border-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.info-box-icon-container{color:#558b2f;background-color:#a8cc6a26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.info-box-field:hover .info-box-icon-container{transform:scale(1.05)}.info-box-field.phone .info-box-icon-container,.info-box-field.email .info-box-icon-container,.info-box-field.password .info-box-icon-container{color:#558b2f;background-color:#a8cc6a26}.info-box-icon-container svg{width:22px;height:22px}.info-box-content{flex-direction:column;gap:4px;display:flex}.info-box-label{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:700}.info-box-value{color:var(--text-dark);font-size:15px;font-weight:600}.full-width-field{grid-column:span 2}.edit-form-wrapper{flex-direction:column;gap:16px;margin-top:16px;display:flex}.edit-form-row{flex-direction:column;gap:6px;display:flex}.edit-form-row label{color:var(--text-dark);font-size:13px;font-weight:600}.edit-form-row input{font-family:var(--admin-font);border:1px solid #cfd8dc;border-radius:8px;outline:none;padding:10px 14px;font-size:14px}.edit-form-row input:focus{border-color:var(--active-tab-bg)}.edit-actions-row{gap:12px;margin-top:8px;display:flex}.save-changes-btn{background-color:var(--active-tab-bg);color:var(--active-tab-text);cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600}.cancel-edit-btn{color:#37474f;cursor:pointer;background-color:#eceff1;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600}.cancel-edit-btn:hover{background-color:#cfd8dc}@media (width<=900px){.profile-info-grid{grid-template-columns:1fr}.full-width-field{grid-column:span 1}}.avatar-edit-container{justify-content:center;margin-bottom:24px;display:flex}.avatar-edit-wrapper{display:inline-block;position:relative}.avatar-edit-image{object-fit:cover;border:1.5px solid #000;border-radius:16px;width:140px;height:140px;display:block}.avatar-edit-btn{cursor:pointer;background-color:#000;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .15s;display:flex;position:absolute;bottom:-6px;right:-6px;box-shadow:0 2px 8px #00000040}.avatar-edit-btn:hover{transform:scale(1.1)}.admin-profile-card:not(.customer-profile-card-green){border:1px solid var(--border-light);background-color:#fff;border-radius:16px;margin-bottom:24px;padding:32px}.admin-profile-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:24px;display:flex}.admin-profile-left{align-items:center;gap:20px;display:flex}.admin-profile-avatar{object-fit:cover;border:1px solid var(--border-light);border-radius:50%;width:72px;height:72px}.admin-profile-info{flex-direction:column;gap:6px;display:flex}.admin-profile-info h3{color:var(--text-dark);font-size:20px;font-weight:700}.btn-profile-edit{color:#37474f;font-family:var(--admin-font);cursor:pointer;background-color:#fff;border:1px solid #cfd8dc;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.btn-profile-edit:hover{background-color:#f5f5f5}.admin-details-fields-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.admin-detail-item{flex-direction:column;gap:4px;display:flex}.admin-detail-item .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.admin-detail-item .value{color:var(--text-dark);font-size:14px;font-weight:600}.activity-log-green-tag{color:#2e7d32;margin-top:4px;font-size:12px;font-weight:600}.history-logs-card{border:1px solid var(--border-light);background-color:#fff;border-radius:16px;padding:24px}.table-admin-name-cell{align-items:center;gap:12px;display:flex}.table-admin-avatar{object-fit:cover;border:1px solid var(--border-light);background-color:#f1f3f4;border-radius:50%;width:32px;height:32px}.bulk-actions-bar{border:1px solid var(--border-light);z-index:1000;background:#fff;border-radius:50px;align-items:center;gap:20px;padding:12px 28px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(120px);box-shadow:0 10px 25px #00000026}.bulk-actions-bar.show{transform:translate(-50%)translateY(0)}.bulk-actions-count{color:var(--text-dark);border-right:1px solid var(--border-light);margin-right:4px;padding-right:20px;font-size:14px;font-weight:600}.bulk-action-btn{font-family:var(--admin-font);cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:background-color .2s,transform .1s;display:flex}.bulk-action-btn.activate{color:#2e7d32}.bulk-action-btn.activate:hover{background-color:#e8f5e9}.bulk-action-btn.deactivate{color:#c62828}.bulk-action-btn.deactivate:hover{background-color:#ffebee}.bulk-action-btn.delete{color:#37474f}.bulk-action-btn.delete:hover{background-color:#f5f5f5}.form-section-card{border:1px solid var(--border-light);background-color:#fff;border-radius:12px;margin-bottom:24px;padding:24px}.form-section-title{color:var(--text-dark);text-transform:capitalize;border-bottom:1px solid #f1f3f4;margin-bottom:20px;padding-bottom:8px;font-size:15px;font-weight:700}.vendor-avatar{object-fit:cover;border:1px solid var(--border-light);border-radius:50%;flex-shrink:0;width:32px;height:32px}.vendor-name-row{align-items:center;gap:12px;display:flex}.vendor-name-text{color:var(--text-dark);font-size:13px;font-weight:700}.btn-link-action{color:#5e5ff5;font-family:var(--admin-font);cursor:pointer;background:0 0;border:none;align-items:center;width:fit-content;padding:0;font-size:13px;font-weight:600;display:flex}.btn-link-action:hover{text-decoration:underline}.date-input-wrapper{width:100%;display:flex;position:relative}.date-input-wrapper input{width:100%;padding-right:40px!important}.date-input-icon{color:#78909c;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.date-input-wrapper input[type=date]::-webkit-calendar-picker-indicator{color:#0000;cursor:pointer;background:0 0;width:auto;height:auto;position:absolute;inset:0}.vendor-audit-card{border-radius:12px;flex-direction:column;gap:12px;width:100%;padding:16px 20px;display:flex}.vendor-audit-card.approved{color:#1b5e20;background-color:#c8e5cc}.vendor-audit-card.rejected{color:#c62828;background-color:#f8d7da}.vendor-audit-title{color:#000;text-transform:capitalize;font-size:14px;font-weight:700}.audit-user-row{align-items:center;gap:12px;display:flex}.audit-avatar{object-fit:cover;border:1px solid #0000000d;border-radius:50%;width:32px;height:32px}.audit-user-details{flex-direction:column;display:flex}.audit-user-name{color:#000;font-size:13px;font-weight:700}.audit-user-role{color:#555;font-size:11px;font-weight:500}.vendor-refresh-btn{color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #cfd8dc;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.vendor-refresh-btn:hover:not(:disabled){color:#111827;background-color:#f8fafc;border-color:#94a3b8;box-shadow:0 1px 3px #00000014}.vendor-refresh-btn:active:not(:disabled){transform:scale(.98)}.vendor-refresh-btn:disabled{opacity:.65;cursor:not-allowed}.spin-animation,.spinning-icon{animation:1s linear infinite spin}.calendar-card-dropdown{border:1px solid var(--border-light);z-index:100;background-color:#fff;border-radius:12px;width:280px;margin-top:8px;padding:16px;animation:.2s ease-out fadeIn;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #0000001f}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.calendar-selects{gap:8px;display:flex}.calendar-select{font-family:var(--admin-font);cursor:pointer;background-color:#fff;border:1px solid #cfd8dc;border-radius:6px;outline:none;padding:4px 8px;font-size:13px;font-weight:600}.calendar-btn-nav{cursor:pointer;color:#546e7a;background:0 0;border:none;align-items:center;padding:4px;display:flex}.calendar-weekdays{text-align:center;color:#90a4ae;grid-template-columns:repeat(7,1fr);margin-bottom:8px;font-size:12px;font-weight:600;display:grid}.calendar-days-grid{text-align:center;grid-template-columns:repeat(7,1fr);row-gap:6px;display:grid}.calendar-day-cell{color:#37474f;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin:0 auto;padding:8px 0;font-size:13px;font-weight:600;transition:background-color .2s;display:flex}.calendar-day-cell:hover{background-color:#f1f3f4}.calendar-day-cell.selected{color:#0e1e05;background-color:#a8d572}.calendar-day-cell.empty{cursor:default;color:#cfd8dc}.order-history-card-item{border:1px solid var(--border-light);background-color:#f5f5f5;border-radius:12px;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;display:flex}.order-card-left-block{align-items:center;gap:16px;display:flex}.order-product-thumbnail{object-fit:cover;border:1px solid var(--border-light);border-radius:8px;width:60px;height:60px}.order-info-details{flex-direction:column;gap:4px;display:flex}.order-number-title{color:#2e7d32;font-size:13px;font-weight:700}.order-product-name{color:var(--text-dark);font-size:14px;font-weight:700}.order-attributes-text{color:#78909c;font-size:12px;font-weight:500}.order-price-line{align-items:center;gap:8px;margin-top:4px;display:flex}.discount-green-arrow{color:#2e7d32;align-items:center;font-size:13px;font-weight:700;display:flex}.price-text-bold{color:var(--text-dark);font-size:13px;font-weight:700}.order-status-right-block{flex-direction:column;align-items:flex-end;gap:16px;display:flex}.order-status-label{font-size:13px;font-weight:700}.order-status-label.delivered{color:#2e7d32}.order-status-label.placed{color:#1976d2}.order-status-label.cancelled{color:#d32f2f}.order-time-ago{color:#90a4ae;font-size:12px}@keyframes slideInToast{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.customer-edit-modal-box{background-color:#fff;border-radius:16px;width:90%;max-width:520px;padding:28px;animation:.25s ease-out modalScaleIn;box-shadow:0 20px 60px #00000040}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.admin-status-badge.inactive{color:#8e24aa;background-color:#f3e5f5}.admin-status-badge.out-of-stock{color:#c62828;background-color:#ffebee}.admin-status-badge.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease-in-out}.admin-status-badge.clickable:hover{filter:brightness(.92);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.vendor-badge.clickable:hover{filter:brightness(.9);transform:translateY(-1px)}.form-split-layout{grid-template-columns:.8fr 1fr;align-items:flex-start;gap:32px;display:grid}.additional-info-panel{background-color:#f1f8e9;border:1px solid #d4e157;border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.additional-info-title{color:#000;margin-bottom:8px;font-size:16px;font-weight:700}.product-thumbnail-img{object-fit:cover;border:1px solid var(--border-light);border-radius:8px;width:40px;height:40px}.product-slider-container{border:1px solid var(--border-light);background-color:#fff;border-radius:16px;justify-content:center;align-items:center;height:320px;display:flex;position:relative;overflow:hidden}.slider-nav-btn{color:#37474f;cursor:pointer;z-index:5;background-color:#fffc;border:1px solid #cfd8dc;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-nav-btn:hover{background-color:#fff}.slider-nav-btn.prev{left:16px}.slider-nav-btn.next{right:16px}.slider-main-img{object-fit:contain;max-width:90%;max-height:90%;transition:transform .2s}.product-slider-container:hover .slider-main-img{transform:scale(1.02)}.slider-fullscreen-btn{color:#1e293b;cursor:pointer;z-index:6;background-color:#ffffffe6;border:1px solid #cbd5e1;border-radius:20px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #00000014}.slider-fullscreen-btn:hover{color:#0f172a;background-color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #00000026}.product-thumbnails-row{justify-content:center;gap:12px;margin-top:16px;display:flex}.product-thumbnail-item{object-fit:cover;cursor:pointer;border:1px solid #cfd8dc;border-radius:8px;width:60px;height:60px;transition:all .2s}.product-thumbnail-item:hover{border-color:#94a3b8;transform:translateY(-2px)}.product-thumbnail-item.active{border-width:2.5px;border-color:#a8d572}.product-lightbox-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background-color:#0f172ae0;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out lightboxFadeIn;display:flex;position:fixed;inset:0}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.product-lightbox-content{background-color:#0b1120;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;width:95vw;max-width:1000px;height:88vh;max-height:800px;animation:.25s cubic-bezier(.16,1,.3,1) lightboxScaleUp;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #000000b3}@keyframes lightboxScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.product-lightbox-header{background-color:#0f172abf;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.product-lightbox-title-info h4{color:#f8fafc;margin:0 0 2px;font-size:16px;font-weight:700}.product-lightbox-title-info span{color:#94a3b8;font-size:12px}.product-lightbox-actions{align-items:center;gap:10px;display:flex}.lightbox-action-btn{color:#f1f5f9;cursor:pointer;background-color:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;padding:6px 12px;transition:all .2s;display:flex}.lightbox-action-btn:hover{color:#fff;background-color:#fff3}.lightbox-action-btn.close-btn{color:#f87171;background-color:#ef444426;border-color:#ef44444d}.lightbox-action-btn.close-btn:hover{color:#fff;background-color:#ef4444}.product-lightbox-stage{background-color:#030712;flex:1;justify-content:center;align-items:center;padding:20px;display:flex;position:relative;overflow:hidden}.product-lightbox-image-box{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.product-lightbox-image{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:8px;max-width:90%;max-height:90%}.lightbox-nav-btn{color:#f8fafc;cursor:pointer;z-index:10;background-color:#0f172ab3;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav-btn:hover{background-color:#fff3;transform:translateY(-50%)scale(1.1)}.lightbox-nav-btn.prev{left:20px}.lightbox-nav-btn.next{right:20px}.product-lightbox-bottom-thumbnails{background-color:#0f172ad9;border-top:1px solid #ffffff14;justify-content:center;gap:10px;padding:14px 20px;display:flex;overflow-x:auto}.lightbox-thumbnail-box{cursor:pointer;opacity:.6;border:2px solid #0000;border-radius:8px;flex-shrink:0;width:52px;height:52px;transition:all .2s;overflow:hidden}.lightbox-thumbnail-box img{object-fit:cover;width:100%;height:100%}.lightbox-thumbnail-box:hover{opacity:.9}.lightbox-thumbnail-box.active{opacity:1;border-color:#a8d572;transform:scale(1.05)}.product-props-card{border:1px solid var(--border-light);background-color:#fff;border-radius:16px;margin-top:24px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 30px #0000000f}.product-props-card:hover{transform:translateY(-2px);box-shadow:0 12px 35px #0000001a}.product-props-card-title{color:var(--text-dark);margin-bottom:16px;font-size:16px;font-weight:700}.product-props-list{flex-direction:column;gap:14px;display:flex}.product-prop-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.product-prop-left{color:var(--text-subtle);align-items:center;gap:8px;display:flex}.product-prop-value{color:var(--text-dark);font-weight:700}.prod-stats-card{background-color:#c6e78c;border:none;border-radius:8px;flex-direction:column;flex:1;gap:2px;padding:16px 20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 24px #a8cc6a8c}.prod-stats-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #a8cc6ab3}.prod-stats-value{color:#000;font-size:24px;font-weight:800}.prod-stats-label{color:#555;text-transform:capitalize;font-size:12px;font-weight:600}.tags-container{flex-wrap:wrap;gap:8px;margin-top:8px;margin-bottom:16px;display:flex}.tag-pill-badge{color:#2e7d32;text-transform:capitalize;background-color:#e8f5e9;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:600}.avail-status-tag{font-size:13px;font-weight:700}.avail-status-tag.in-stock{color:#2e7d32}.avail-status-tag.out-of-stock{color:#d32f2f}.btn-reset-white{color:#000;cursor:pointer;font-size:14px;font-weight:600;font-family:var(--admin-font);background-color:#fff;border:1px solid #000;border-radius:8px;padding:12px 48px;transition:background-color .2s}.btn-reset-white:hover{background-color:#f5f5f5}.btn-save-green{color:#0e1e05;cursor:pointer;font-size:14px;font-weight:600;font-family:var(--admin-font);background-color:#a8d572;border:none;border-radius:8px;padding:12px 48px;transition:background-color .2s,opacity .2s}.btn-save-green:hover{background-color:#97c362}.admin-status-badge.inactive-orange{color:#ef6c00;background-color:#fff3e0}.category-banner-card{border:1px solid var(--border-light);border-radius:16px;align-items:center;gap:24px;width:100%;padding:24px;display:flex}.category-banner-card.active{background-color:#f1f8e9;border-color:#d4e157}.category-banner-card.inactive{background-color:#fffde7;border-color:#ffe082}.category-banner-img{object-fit:cover;border:1px solid #0000000d;border-radius:12px;width:120px;height:80px}.category-banner-info{flex-direction:column;flex:1;gap:6px;display:flex}.category-banner-name{color:var(--text-dark);font-size:20px;font-weight:800}.category-banner-subcats{color:#555;font-size:13px;font-weight:600}.subcat-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:16px;display:grid}.subcat-card{border:1px solid var(--border-light);background-color:#fff;border-radius:12px;flex-direction:column;gap:12px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000005}.subcat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.subcat-card-img{object-fit:cover;border:1px solid #0000000d;border-radius:8px;width:100%;height:140px}.subcat-card-details{flex-direction:column;gap:4px;display:flex}.subcat-card-title-row{justify-content:space-between;align-items:center;display:flex}.subcat-card-name{color:var(--text-dark);font-size:14px;font-weight:700}.subcat-card-products{color:#78909c;font-size:12px;font-weight:500}@media (width<=900px){.subcat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.subcat-grid{grid-template-columns:1fr}}.stat-card.clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.stat-card.clickable:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000014}.stat-card.active-filter{outline:none;border-top:4px solid!important;box-shadow:0 10px 28px #0000001f!important}.stat-card.active-filter:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0000002e!important}.admin-status-badge.clickable{cursor:pointer;transition:opacity .2s,transform .1s}.admin-status-badge.clickable:hover{opacity:.85;transform:scale(1.05)}.admin-status-badge.clickable:active{transform:scale(.95)}.spinning-loader{animation:1s linear infinite spin}.orders-management-view{flex-direction:column;gap:24px;display:flex}.orders-page-title h1{color:var(--text-dark);margin-bottom:4px;font-size:24px;font-weight:700}.orders-page-title p{color:var(--text-muted);font-size:13px}.orders-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.orders-stat-card{border-radius:14px;flex-direction:column;gap:10px;padding:22px 20px;transition:transform .2s,box-shadow .2s;display:flex}.orders-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000012}.orders-stat-icon{background-color:#ffffffb3;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.orders-stat-icon svg{width:22px;height:22px}.orders-stat-value{color:var(--text-dark);font-size:26px;font-weight:700}.orders-stat-label{color:var(--text-muted);font-size:13px;font-weight:500}.orders-filter-selects{align-items:center;gap:12px;display:flex}.orders-select-wrapper{align-items:center;display:flex;position:relative}.orders-select-wrapper .status-select{appearance:none;padding-right:32px}.select-chevron{color:#78909c;pointer-events:none;width:14px;height:14px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.orders-table .order-id-cell{color:var(--text-dark);font-weight:600}.orders-table .order-amount-cell{font-weight:600}.orders-payment-badge{border-radius:20px;align-items:center;padding:4px 14px;font-size:12px;font-weight:600;display:inline-flex}.payment-paid{color:#fff;background-color:#4caf50}.payment-pending{color:#fff;background-color:#ff9800}.payment-refund{color:#fff;background-color:#f44336}.orders-status-badge{white-space:nowrap;border-radius:20px;align-items:center;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.status-delivered{color:#fff;background-color:#4caf50}.status-out-of-delivery{color:#fff;background-color:#2196f3}.status-shipped{color:#fff;background-color:#ff9800}.status-cancelled{color:#fff;background-color:#f44336}.status-ordered{color:#fff;background-color:#9c27b0}.orders-view-btn{cursor:pointer;color:#4db6e8;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin:0 auto;padding:6px;transition:color .2s,transform .2s;display:flex}.orders-view-btn:hover{color:#0288d1;background-color:#f5f5f5;transform:scale(1.15)}.orders-detail-view{flex-direction:column;gap:20px;display:flex}.orders-detail-header{align-items:center;gap:14px;display:flex}.orders-detail-header h2{color:var(--text-dark);font-size:20px;font-weight:700}.back-circle-btn{cursor:pointer;color:#37474f;background-color:#fff;border:1px solid #cfd8dc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s,transform .2s;display:flex}.back-circle-btn:hover{background-color:#f5f5f5;transform:scale(1.05)}.orders-detail-id-row{justify-content:space-between;align-items:center;display:flex}.orders-detail-order-no{color:var(--text-dark);font-size:17px;font-weight:700}.orders-timeline-card{border:1px solid var(--border-light);background-color:#fff;border-radius:14px;padding:24px 28px}.orders-timeline{align-items:flex-start;gap:0;display:flex}.timeline-step{flex-direction:column;flex:1;display:flex;position:relative}.timeline-dot-line{align-items:center;margin-bottom:10px;display:flex}.timeline-dot{z-index:1;background-color:#cfd8dc;border:2px solid #b0bec5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .3s;display:flex}.timeline-dot.done{background-color:#4caf50;border-color:#4caf50}.timeline-dot.red.done{background-color:#f44336;border-color:#f44336}.timeline-check-icon{color:#fff;stroke-width:3px;width:12px;height:12px}.timeline-connector{background-color:#cfd8dc;flex:1;height:2px;transition:background-color .3s}.timeline-connector.done{background-color:#4caf50}.timeline-connector.red.done{background-color:#f44336}.timeline-info{flex-direction:column;gap:4px;padding-right:12px;display:flex}.timeline-label{color:#90a4ae;text-transform:capitalize;font-size:13px;font-weight:700}.timeline-label.done{color:#2e7d32}.timeline-label.red.done{color:#c62828}.timeline-desc{color:#607d8b;font-size:12px;line-height:1.4}.timeline-date{color:#90a4ae;font-size:11px;font-weight:500}.orders-detail-main-grid{grid-template-columns:1fr 350px;align-items:start;gap:24px;display:grid}.orders-detail-left{flex-direction:column;gap:20px;display:flex}.orders-title-info{flex-direction:column;gap:4px;display:flex}.orders-detail-invoice-no{color:var(--text-muted);font-size:13px;font-weight:500}.orders-product-card{border:1px solid var(--border-light);background-color:#fff;border-radius:16px;align-items:flex-start;gap:20px;padding:24px;display:flex;box-shadow:0 4px 20px #00000005}.orders-product-img{object-fit:cover;border:1px solid var(--border-light);border-radius:12px;flex-shrink:0;width:120px;height:120px}.orders-product-info{flex-direction:column;flex:1;gap:8px;display:flex}.orders-product-category-tag{letter-spacing:1px;color:#3b82f6;text-transform:uppercase;font-size:9px;font-weight:800}.orders-product-name{color:var(--text-dark);font-size:18px;font-weight:700}.orders-product-meta-tags{flex-wrap:wrap;gap:8px;margin:4px 0;display:flex}.orders-product-meta-tags .meta-tag{color:#475569;background-color:#f1f5f9;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500}.orders-product-meta-tags .meta-tag strong{color:#1e293b;font-weight:600}.orders-product-rating{color:#475569;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.star-icon{color:#f59e0b;fill:#f59e0b;width:15px;height:15px}.orders-product-price-row{align-items:baseline;gap:8px;margin-top:6px;display:flex}.orders-final-price{color:var(--text-dark);font-size:18px;font-weight:800}.orders-original-price{color:var(--text-muted);font-size:13px;text-decoration:line-through}.orders-discount-badge{color:#065f46;background-color:#d1fae5;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.orders-pricing-card{border:1px solid var(--border-light);background-color:#fff;border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex;box-shadow:0 4px 20px #00000005}.orders-pricing-card .pricing-header h3{color:var(--text-dark);margin-bottom:4px;font-size:15px;font-weight:700}.pricing-row{color:#475569;border-bottom:1px dashed var(--border-light);justify-content:space-between;align-items:center;padding-bottom:12px;font-size:14px;display:flex}.pricing-row.total{color:var(--text-dark);border-bottom:none;padding-bottom:0;font-weight:700}.pricing-row.total .total-value{color:#0f172a;font-size:20px;font-weight:800}.pricing-row .delivery-free{color:#10b981;font-weight:600}.pricing-footer-flex{border-top:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding-top:16px;display:flex}.orders-prepaid-badge{color:#15803d;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.orders-savings-note{color:#1d4ed8;background-color:#eff6ff;border:1px dashed #bfdbfe;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600}.orders-detail-right{flex-direction:column;gap:16px;display:flex}.orders-side-card{border:1px solid var(--border-light);background-color:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:22px 24px;display:flex;box-shadow:0 4px 20px #00000005}.orders-side-card-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-light);align-items:center;gap:8px;margin-bottom:4px;padding-bottom:12px;font-size:13px;font-weight:700;display:flex}.orders-side-content{flex-direction:column;gap:12px;display:flex}.side-card-section{flex-direction:column;gap:4px;display:flex}.orders-side-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.orders-side-value{color:var(--text-dark);font-size:13px;line-height:1.5}.orders-side-value.bold{color:#0f172a;font-size:15px;font-weight:700}.orders-side-value.address-text{color:#475569;font-size:12.5px}.gst-badge{color:#334155;background-color:#f1f5f9;border-radius:4px;align-self:flex-start;padding:3px 8px;font-family:monospace;font-size:12px;font-weight:600;display:inline-block}.customer-profile-row{align-items:center;gap:12px;display:flex}.customer-avatar-initials{color:#475569;text-transform:uppercase;background-color:#e2e8f0;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 8px #0000000d}.email-text{color:var(--text-muted)!important;font-size:12px!important}.side-card-actions{gap:8px;margin-top:10px;display:flex}.side-card-btn{color:#475569;cursor:pointer;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.side-card-btn:hover{color:#0f172a;background-color:#f1f5f9;border-color:#94a3b8}.orders-detail-id-row{border:1px solid var(--border-light);background-color:#fff;border-radius:16px;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;box-shadow:0 4px 20px #00000005}.orders-detail-actions-panel{align-items:center;gap:16px;display:flex}.orders-action-select-group{align-items:center;gap:8px;display:flex}.orders-action-select-group label{color:var(--text-muted);font-size:12px;font-weight:600}.orders-action-select{color:#1e293b;cursor:pointer;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:6px 12px;font-size:13px;font-weight:600;transition:border .2s}.orders-action-select:focus{border-color:#a8d572}.orders-product-card.interactive{cursor:pointer;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s}.orders-product-card.interactive:hover{border-color:#a8d57280;transform:translateY(-2px);box-shadow:0 10px 25px #0000000d}.orders-side-card.interactive{cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.orders-side-card.interactive:hover{border-color:#a8d5724d;transform:translateY(-2px);box-shadow:0 8px 20px #0000000a}.orders-toast{color:#fff;z-index:9999;background-color:#0f172a;border-radius:8px;padding:12px 24px;font-size:13px;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #00000040}@media (width<=1100px){.orders-stats-grid{grid-template-columns:repeat(2,1fr)}.orders-detail-main-grid{grid-template-columns:1fr}.orders-detail-right{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}}@media (width<=700px){.orders-stats-grid{grid-template-columns:1fr 1fr}.orders-filter-selects{flex-wrap:wrap}.orders-timeline{flex-direction:column;gap:16px}.timeline-dot-line{flex-direction:column;align-items:flex-start}.timeline-connector{flex:none;width:2px;height:24px}.orders-detail-right{grid-template-columns:1fr}}.orders-refund-btn{color:#b91c1c;cursor:pointer;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.orders-refund-btn:hover{color:#991b1b;background-color:#fecaca;border-color:#f87171;transform:translateY(-1px)}.orders-refund-btn:active{transform:translateY(0)}.orders-stat-card.active-filter{border-top:4px solid!important}.orders-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.orders-modal{background-color:#fff;border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:460px;padding:28px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.orders-modal h3{color:#0f172a;margin:0;font-size:18px;font-weight:700}.orders-modal p{color:#475569;margin:0;font-size:14px;line-height:1.5}.orders-modal-details{color:#64748b;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:8px;padding:14px;font-size:13px;display:flex}.orders-modal-details strong{color:#1e293b}.orders-modal-buttons{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.orders-modal-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.orders-modal-btn.cancel{color:#475569;background-color:#f1f5f9}.orders-modal-btn.cancel:hover{background-color:#e2e8f0}.orders-modal-btn.approve{color:#0e1e05;background-color:#a8d572}.orders-modal-btn.approve:hover{background-color:#97c363}.orders-modal-btn.reject{color:#991b1b;background-color:#fee2e2}.orders-modal-btn.reject:hover{background-color:#fecaca}.orders-refresh-btn{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.orders-refresh-btn:hover:not(:disabled){color:#0f172a;background-color:#f8fafc;border-color:#cbd5e1}.orders-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.spin-animation{animation:1s linear infinite spin}.orders-loading-state{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.orders-error-banner{color:#b91c1c;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 16px;font-size:13px;display:flex}.orders-retry-btn{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;transition:background-color .2s}.orders-retry-btn:hover{background-color:#b91c1c}.orders-modal-btn.danger{color:#fff;background-color:#ef4444}.orders-modal-btn.danger:hover:not(:disabled){background-color:#dc2626}.orders-modal-btn.danger:disabled{opacity:.6;cursor:not-allowed}.orders-cancel-btn{color:#dc2626;cursor:pointer;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.orders-cancel-btn:hover:not(:disabled){color:#b91c1c;background-color:#fee2e2;border-color:#fca5a5}.orders-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.orders-product-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:9998;background-color:#0f172ab3;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out modalBackdropFade;display:flex;position:fixed;inset:0}@keyframes modalBackdropFade{0%{opacity:0}to{opacity:1}}.orders-product-modal-dialog{background-color:#fff;border-radius:20px;flex-direction:column;width:95vw;max-width:960px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) modalDialogScale;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #0f172a4d,0 0 0 1px #e2e8f0cc}@keyframes modalDialogScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.orders-product-modal-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.orders-product-modal-title-box{flex-direction:column;gap:4px;display:flex}.orders-product-modal-eyebrow{align-items:center;gap:8px;display:flex}.orders-product-modal-cat-badge{color:#3b82f6;text-transform:uppercase;letter-spacing:.5px;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.orders-product-modal-sku-badge{color:#64748b;background-color:#f1f5f9;border-radius:6px;padding:2px 8px;font-family:monospace;font-size:11px;font-weight:600}.orders-product-modal-title{color:#0f172a;margin:0;font-size:20px;font-weight:800}.orders-product-modal-header-actions{align-items:center;gap:12px;display:flex}.orders-product-modal-status-pill{text-transform:capitalize;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.orders-product-modal-status-pill.active{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.orders-product-modal-status-pill.out-of-stock{color:#b91c1c;background-color:#fee2e2;border:1px solid #fca5a5}.orders-product-modal-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.orders-product-modal-close-btn:hover{color:#dc2626;background-color:#fee2e2;transform:rotate(90deg)}.orders-product-modal-body{flex:1;padding:24px;overflow-y:auto}.orders-product-modal-grid{grid-template-columns:360px 1fr;gap:28px;display:grid}.orders-product-modal-left{flex-direction:column;gap:16px;display:flex}.orders-product-slider-card{cursor:zoom-in;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;height:320px;display:flex;position:relative;overflow:hidden}.orders-product-slider-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.orders-product-slider-card:hover .orders-product-slider-img{transform:scale(1.03)}.orders-product-slider-nav-btn{color:#1e293b;cursor:pointer;z-index:2;background-color:#ffffffe6;border:1px solid #e2e8f0cc;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #0000001a}.orders-product-slider-nav-btn:hover{background-color:#fff;transform:translateY(-50%)scale(1.1)}.orders-product-slider-nav-btn.prev{left:10px}.orders-product-slider-nav-btn.next{right:10px}.orders-product-enlarge-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;z-index:2;background-color:#0f172abf;border:1px solid #fff3;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.orders-product-enlarge-btn:hover{background-color:#0f172a;transform:scale(1.05)}.orders-product-slide-counter{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;letter-spacing:.5px;z-index:2;background-color:#0f172ab3;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;bottom:10px;right:10px}.orders-product-modal-thumbs{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.orders-product-modal-thumb{object-fit:cover;cursor:pointer;border:2px solid #e2e8f0;border-radius:10px;flex-shrink:0;width:64px;height:64px;transition:all .2s}.orders-product-modal-thumb:hover{border-color:#94a3b8;transform:translateY(-2px)}.orders-product-modal-thumb.active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.orders-product-spec-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:16px}.orders-product-spec-title{color:#1e293b;align-items:center;gap:6px;margin-bottom:12px;font-size:13px;font-weight:700;display:flex}.orders-product-spec-list{flex-direction:column;gap:8px;display:flex}.orders-product-spec-row{border-bottom:1px dashed #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:6px;font-size:12px;display:flex}.orders-product-spec-row:last-child{border-bottom:none;padding-bottom:0}.orders-product-spec-key{color:#64748b;align-items:center;gap:6px;font-weight:500;display:flex}.orders-product-spec-val{color:#0f172a;font-weight:700}.orders-product-modal-right{flex-direction:column;gap:20px;display:flex}.orders-product-price-banner{background:linear-gradient(135deg,#f0fdf4 0%,#e0f2fe 100%);border:1px solid #bbf7d0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.orders-product-price-left{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.orders-product-price-main{color:#166534;font-size:26px;font-weight:800}.orders-product-price-orig{color:#94a3b8;font-size:15px;font-weight:500;text-decoration:line-through}.orders-product-discount-badge{color:#fff;letter-spacing:.5px;background-color:#dc2626;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800}.orders-product-savings-callout{color:#0284c7;background-color:#e0f2fe;border:1px solid #bae6fd;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700}.orders-product-rating-row{color:#475569;align-items:center;gap:8px;font-size:13px;display:flex}.orders-product-rating-stars{color:#f59e0b;align-items:center;gap:3px;display:flex}.orders-product-stat-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.orders-product-stat-box{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;padding:14px;display:flex;box-shadow:0 2px 8px #00000005}.orders-product-stat-val{color:#0f172a;font-size:20px;font-weight:800}.orders-product-stat-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.orders-product-desc-box{flex-direction:column;gap:6px;display:flex}.orders-product-desc-title{color:#1e293b;font-size:13px;font-weight:700}.orders-product-desc-text{color:#64748b;margin:0;font-size:13px;line-height:1.6}.orders-product-tags-box{flex-direction:column;gap:8px;display:flex}.orders-product-tags-title{color:#475569;font-size:12px;font-weight:700}.orders-product-tags-flex{flex-wrap:wrap;gap:6px;display:flex}.orders-product-tag-chip{color:#334155;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.orders-product-vendor-info-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex}.orders-product-vendor-header{justify-content:space-between;align-items:center;display:flex}.orders-product-vendor-title{color:#0f172a;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.orders-product-vendor-content{color:#475569;flex-direction:column;gap:6px;font-size:12px;display:flex}.orders-product-vendor-name{color:#0f172a;font-weight:700}.orders-product-modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.orders-product-footer-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.orders-product-footer-btn.secondary{color:#475569;background-color:#fff;border-color:#cbd5e1}.orders-product-footer-btn.secondary:hover{color:#0f172a;background-color:#f1f5f9}.orders-product-footer-btn.primary{color:#fff;background-color:#0f172a}.orders-product-footer-btn.primary:hover{background-color:#1e293b}.orders-product-lightbox-overlay{-webkit-backdrop-filter:blur(8px);z-index:10005;background-color:#0f172aeb;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out modalBackdropFade;display:flex;position:fixed;inset:0}.orders-product-lightbox-dialog{background-color:#0b1120;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;width:95vw;max-width:1000px;height:85vh;max-height:800px;animation:.25s cubic-bezier(.16,1,.3,1) modalDialogScale;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #000c}.orders-product-lightbox-header{background-color:#0f172acc;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.orders-product-lightbox-title h4{color:#f8fafc;margin:0 0 2px;font-size:16px;font-weight:700}.orders-product-lightbox-title span{color:#94a3b8;font-size:12px}.orders-product-lightbox-actions{align-items:center;gap:10px;display:flex}.orders-product-lightbox-action-btn{color:#f1f5f9;cursor:pointer;background-color:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.orders-product-lightbox-action-btn:hover{color:#fff;background-color:#fff3}.orders-product-lightbox-action-btn.close{color:#f87171;background-color:#ef444433;border-color:#ef444466}.orders-product-lightbox-action-btn.close:hover{color:#fff;background-color:#ef4444}.orders-product-lightbox-stage{background-color:#030712;flex:1;justify-content:center;align-items:center;padding:20px;display:flex;position:relative;overflow:hidden}.orders-product-lightbox-img-wrap{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.orders-product-lightbox-img{object-fit:contain;border-radius:8px;max-width:90%;max-height:90%;transition:transform .2s}.orders-product-lightbox-nav-btn{color:#fff;cursor:pointer;z-index:5;background-color:#0f172ab3;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.orders-product-lightbox-nav-btn:hover{background-color:#0f172af2;transform:translateY(-50%)scale(1.1)}.orders-product-lightbox-nav-btn.prev{left:16px}.orders-product-lightbox-nav-btn.next{right:16px}.orders-product-lightbox-thumbs{background-color:#0f172ad9;border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:10px;padding:12px 24px;display:flex}.orders-product-lightbox-thumb{object-fit:cover;cursor:pointer;opacity:.6;border:2px solid #0000;border-radius:8px;width:50px;height:50px;transition:all .2s}.orders-product-lightbox-thumb:hover{opacity:.9}.orders-product-lightbox-thumb.active{opacity:1;border-color:#3b82f6;transform:scale(1.05)}@media (width<=820px){.orders-product-modal-grid{grid-template-columns:1fr}.orders-product-slider-card{height:260px}}.permissions-page-container{background-color:#fafafa;flex-direction:column;gap:24px;min-height:100%;padding:24px 32px;font-family:Inter,sans-serif;animation:.4s ease-out fadeIn;display:flex}.permissions-content-header{justify-content:space-between;align-items:flex-start;margin-top:12px;display:flex}.title-area h2{color:#000;letter-spacing:-.5px;margin:0 0 6px;font-size:28px;font-weight:700}.title-area p{color:#444;margin:0;font-size:14px}.save-changes-btn{color:#fff;cursor:pointer;background-color:#a3cc66;border:none;border-radius:6px;padding:10px 24px;font-size:15px;font-weight:600;transition:all .2s;box-shadow:0 1px 2px #a3cc6633}.save-changes-btn:hover{background-color:#92b956}.permissions-layout-grid{grid-template-columns:1fr;display:grid;position:relative}.table-container{background-color:#fff;border:1.5px solid #1a1a1a;border-radius:0;overflow:hidden}.permissions-table{border-collapse:collapse;text-align:left;width:100%}.table-header-row th{color:#000;background-color:#c5e396;border-bottom:1.5px solid #1a1a1a;padding:20px 24px;font-size:17px;font-weight:700}.col-actions{text-align:left;width:40%}.col-role{width:20%}.text-center{text-align:center}.module-group-header-row td{background-color:#fff;border-bottom:1.5px solid #1a1a1a;padding:14px 24px}.module-header-content{justify-content:space-between;align-items:center;width:100%;display:flex}.module-name-wrapper{align-items:center;gap:12px;display:flex}.module-icon{color:#000}.module-name{color:#000;font-size:16px;font-weight:700}.edit-module-btn{cursor:pointer;color:#000;background:0 0;border:1.5px solid #1a1a1a;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:all .2s;display:flex}.edit-module-btn:hover{background-color:#f4f4f5;transform:scale(1.05)}.permission-item-row td{color:#888;border-bottom:none;padding:18px 24px;font-size:15px}.permission-name-cell{font-weight:500;padding-left:56px!important}.permission-item-row.last-in-group td{border-bottom:1.5px solid #1a1a1a}.checkbox-cell{vertical-align:middle}.custom-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;width:22px;height:22px;display:inline-block;position:relative}.custom-checkbox input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark{background-color:#fff;border:1.5px solid #a1a1aa;border-radius:5px;width:20px;height:20px;transition:all .2s;position:absolute;top:0;left:0}.custom-checkbox:hover input~.checkmark{border-color:#000}.custom-checkbox input:checked~.checkmark{background-color:#fff;border-color:#000}.checkmark:after{content:"";border:2px solid #000;border-width:0 2px 2px 0;width:5px;height:10px;display:none;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.custom-checkbox input:checked~.checkmark:after{display:block}.permissions-drawer-backdrop{z-index:1000;background-color:#0003;justify-content:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.permissions-drawer-container{background-color:#fff;border-left:1px solid #e4e4e7;flex-direction:column;width:380px;height:100vh;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex;box-shadow:-4px 0 20px #0000001a}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1.5px solid #27272a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.drawer-title-wrapper{align-items:center;gap:10px;display:flex}.drawer-title-wrapper h3{color:#18181b;margin:0;font-size:16px;font-weight:700}.drawer-icon{color:#18181b}.drawer-close-btn{cursor:pointer;color:#71717a;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.drawer-close-btn:hover{color:#18181b;background-color:#f4f4f5}.drawer-body{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.drawer-permissions-list{border:1px solid #e4e4e7;border-radius:8px;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.drawer-permission-item{border-bottom:1px solid #e4e4e7;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.drawer-permission-item:last-child{border-bottom:none}.perm-text{color:#3f3f46;font-size:14px;font-weight:500}.delete-perm-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex}.delete-perm-btn:hover{background-color:#fef2f2}.add-permission-form{flex-direction:column;gap:8px;display:flex}.form-label{color:#18181b;font-size:13px;font-weight:600}.add-permission-form input{border:1px solid #e4e4e7;border-radius:6px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .2s}.add-permission-form input:focus{border-color:#a3cc66}.add-perm-btn-submit{color:#18181b;cursor:pointer;background-color:#fafafa;border:1px solid #e4e4e7;border-radius:6px;padding:8px;font-size:13px;font-weight:600;transition:all .2s}.add-perm-btn-submit:hover{background-color:#f4f4f5}.drawer-footer{border-top:1px solid #e4e4e7;padding:16px 20px}.drawer-save-btn{color:#fff;cursor:pointer;background-color:#a3cc66;border:none;border-radius:6px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:background-color .2s}.drawer-save-btn:hover{background-color:#92b956}.permissions-toast{color:#2e7d32;z-index:1100;background-color:#e8f5e9;border:1px solid #c8e6c9;border-radius:8px;align-items:center;gap:10px;padding:12px 20px;font-size:13px;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) toastFadeIn;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #0000000d}.permissions-toast.error{color:#dc2626;background-color:#fef2f2;border-color:#fecaca}.permissions-header-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-selector-wrapper{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;display:flex}.admin-select-label{color:#374151;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.admin-select-dropdown{color:#111827;cursor:pointer;background:0 0;border:none;outline:none;max-width:220px;font-size:13px;font-weight:500}.permissions-quick-actions{align-items:center;gap:6px;display:flex}.quick-toggle-btn{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.quick-toggle-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.selected-admin-badge-banner{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;display:flex}.badge-info{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.badge-label{color:#15803d}.badge-name{color:#14532d;font-weight:700}.badge-email{color:#4b5563;font-size:12px}.api-endpoint-tag{color:#15803d;background:#dcfce7;border-radius:4px;padding:3px 8px;font-family:monospace;font-size:11px;font-weight:600}@keyframes toastFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.permissions-content-header{flex-direction:column;align-items:flex-start;gap:12px}.permissions-header-controls{flex-direction:column;align-items:stretch;width:100%}.save-changes-btn,.delete-admin-btn{justify-content:center;width:100%}.permissions-drawer-container{width:100%}}.delete-admin-btn{color:#dc2626;cursor:pointer;background-color:#fff;border:1px solid #fca5a5;border-radius:6px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.delete-admin-btn:hover:not(:disabled){color:#b91c1c;background-color:#fef2f2;border-color:#ef4444}.delete-admin-btn:disabled{opacity:.5;cursor:not-allowed}.permissions-page-container .delete-modal-backdrop{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeInBackdrop;display:flex;position:fixed;inset:0}.permissions-page-container .delete-modal-box{text-align:center;background:#fff;border-radius:12px;width:90%;max-width:440px;padding:28px 24px;animation:.2s ease-out scaleInModal;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.permissions-page-container .delete-modal-title{color:#111827;margin-bottom:8px;font-size:18px;font-weight:700}.permissions-page-container .delete-modal-subtitle{color:#6b7280;margin-bottom:24px;font-size:14px;line-height:1.5}.permissions-page-container .delete-modal-buttons{justify-content:center;gap:12px;display:flex}.permissions-page-container .btn-modal-cancel{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;flex:1;padding:10px 16px;font-size:14px;font-weight:600;transition:all .15s}.permissions-page-container .btn-modal-cancel:hover:not(:disabled){background-color:#f3f4f6}.permissions-page-container .btn-modal-delete{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;flex:1;padding:10px 16px;font-size:14px;font-weight:600;transition:all .15s}.permissions-page-container .btn-modal-delete:hover:not(:disabled){background-color:#b91c1c}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}@keyframes scaleInModal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.offers-coupons-view{flex-direction:column;gap:24px;display:flex}.offers-title-header h1{color:var(--text-dark);margin-bottom:4px;font-size:24px;font-weight:700}.offers-title-header p{color:var(--text-muted);font-size:13px}.offers-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.offers-stat-card{background-color:var(--bg-card)!important;border:1px solid var(--border-light)!important;box-sizing:border-box!important;border-radius:10px!important;grid-template:"icon value""icon label"/auto 1fr!important;align-items:center!important;gap:2px 14px!important;height:auto!important;padding:12px 16px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;display:grid!important;box-shadow:0 4px 10px #00000005!important}.offers-stat-card:hover{transform:translateY(-4px)scale(1.01)!important;box-shadow:0 12px 20px #0000000f!important}.offers-stat-icon{background-color:currentColor!important;border-radius:6px!important;flex-shrink:0!important;grid-area:icon!important;justify-content:center!important;align-items:center!important;width:42px!important;height:42px!important;margin:0!important;display:flex!important}.offers-stat-icon svg{color:#fff!important;stroke:#fff!important;width:20px!important;height:20px!important}.offers-stat-value{color:var(--text-dark)!important;grid-area:value!important;align-self:end!important;margin:0!important;font-size:18px!important;font-weight:700!important;line-height:1.2!important}.offers-stat-label{color:var(--text-muted)!important;grid-area:label!important;align-self:start!important;margin:0!important;font-size:12px!important;font-weight:500!important;line-height:1.2!important}.card-yellow,.card-green,.card-teal,.card-pink{background-color:var(--bg-card)!important;border-color:var(--border-light)!important}.icon-yellow,.icon-green,.icon-teal,.icon-pink{background-color:#0000!important}.offers-tabs-card{flex-direction:column;gap:20px;display:flex}.offers-tab-headers-row{border-bottom:1px solid var(--border-light);gap:24px;padding-bottom:4px;display:flex}.offers-tab-btn{font-family:var(--admin-font);color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:8px 4px;font-size:15px;font-weight:700;transition:color .2s;position:relative}.offers-tab-btn:hover,.offers-tab-btn.active{color:var(--text-dark)}.offers-tab-btn.active:after{content:"";background-color:#9c27b0;border-radius:4px;width:100%;height:2.5px;position:absolute;bottom:-5px;left:0}.offers-filters-bar{justify-content:space-between;align-items:center;gap:16px;display:flex}.filter-actions-right{align-items:center;gap:12px;display:flex}.add-offer-green-btn{background-color:var(--active-tab-bg);color:var(--active-tab-text);font-family:var(--admin-font);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:background-color .2s,transform .1s;display:flex}.add-offer-green-btn:hover{background-color:#92be5d;transform:translateY(-1px)}.offers-table .table-offer-banner-img{object-fit:cover;border:1px solid var(--border-light);border-radius:6px;width:110px;height:38px}.offer-status-badge{text-transform:capitalize;border-radius:20px;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.offer-status-badge.sheduled{color:#fff;background-color:#ff9800}.offer-status-badge.ending{color:#fff;background-color:#f44336}.offer-status-badge.active{color:#fff;background-color:#4caf50}.offers-actions-row{align-items:center;gap:8px;display:flex}.offer-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.offer-action-btn.view{color:#2196f3}.offer-action-btn.view:hover{background-color:#e3f2fd}.offer-action-btn.edit{color:#4caf50}.offer-action-btn.edit:hover{background-color:#e8f5e9}.offer-action-btn.delete{color:#f44336}.offer-action-btn.delete:hover{background-color:#ffebee}.offers-table-footer{border-top:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.footer-entries-text{color:var(--text-muted);font-size:13px}.offers-pagination{align-items:center;gap:8px;display:flex}.pag-btn{cursor:pointer;width:32px;height:32px;font-family:var(--admin-font);color:#37474f;background-color:#fff;border:1px solid #cfd8dc;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .2s;display:flex}.pag-btn:hover{background-color:#f5f5f5;border-color:#b0bec5}.pag-btn.active{background-color:var(--active-tab-bg);border-color:var(--active-tab-bg);color:var(--active-tab-text)}.offer-form-modal-box{border:1px solid var(--border-light);background-color:#fff;border-radius:18px;flex-direction:column;width:100%;max-width:500px;max-height:90vh;margin:auto;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 45px #0000002e,0 0 0 1px #0000000d}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.offer-modal-header-row{z-index:5;background-color:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.offer-modal-header-row h2{color:var(--text-dark);margin:0;font-size:18px;font-weight:700}.offer-modal-circle-close{cursor:pointer;color:#64748b;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-left:auto;transition:all .2s;display:flex;position:static;box-shadow:0 1px 3px #0000000d}.offer-modal-circle-close:hover:not(:disabled){color:#dc2626;background-color:#fee2e2;border-color:#fca5a5;transform:rotate(90deg)scale(1.05)}.offer-modal-circle-close:disabled{opacity:.5;cursor:not-allowed}.offer-modal-form{flex-direction:column;flex:1;gap:16px;padding:20px 24px 24px;display:flex;overflow-y:auto}.offer-modal-field{flex-direction:column;gap:6px;display:flex}.offer-modal-field label{color:var(--text-dark);font-size:13px;font-weight:700}.offer-modal-field input[type=text],.offer-modal-field select,.date-input-wrapper input{width:100%;font-family:var(--admin-font);background-color:#fafafa;border:1px solid #cfd8dc;border-radius:8px;outline:none;padding:10px 14px;font-size:13px;transition:border-color .2s,background-color .2s}.offer-modal-field input[type=text]:focus,.offer-modal-field select:focus,.date-input-wrapper input:focus{border-color:var(--active-tab-bg);background-color:#fff}.offer-modal-field .orders-select-wrapper,.offer-modal-field .orders-select-wrapper select{width:100%}.offer-modal-form-row{gap:16px;display:flex}.flex-1{flex:1}.offer-upload-dashed-box{cursor:pointer;background-color:#f8f9fa;border:2px dashed #b0bec5;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:120px;transition:background-color .2s,border-color .2s;display:flex;overflow:hidden}.offer-upload-dashed-box:hover{background-color:#f1f3f4;border-color:#78909c}.offer-upload-dashed-box span{color:#607d8b;font-size:13px;font-weight:600}.upload-image-preview-container{width:100%;height:100%;position:relative}.upload-preview-banner{object-fit:cover;width:100%;height:100%}.upload-preview-overlay{color:#fff;opacity:0;background-color:#0006;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.upload-image-preview-container:hover .upload-preview-overlay{opacity:1}.upload-preview-overlay span{color:#fff}.date-input-wrapper{align-items:center;display:flex;position:relative}.date-input-wrapper input{padding-right:38px}.date-calendar-icon{color:#78909c;pointer-events:none;width:16px;height:16px;position:absolute;right:12px}.offer-modal-buttons-row{justify-content:center;gap:16px;margin-top:10px;display:flex}.offer-btn-cancel{color:#2e7d32;font-family:var(--admin-font);cursor:pointer;background-color:#d4e8b3;border:none;border-radius:8px;padding:10px 32px;font-size:14px;font-weight:700;transition:background-color .2s}.offer-btn-cancel:hover{background-color:#c5dfa0}.offer-btn-submit{background-color:var(--active-tab-bg);color:var(--active-tab-text);font-family:var(--admin-font);cursor:pointer;border:none;border-radius:8px;padding:10px 32px;font-size:14px;font-weight:700;transition:background-color .2s}.offer-btn-submit:hover{background-color:#92be5d}.view-offer-detail-container{flex-direction:column;gap:20px;display:flex}.view-offer-header{align-items:center;gap:14px;display:flex}.view-offer-header h2{color:var(--text-dark);font-size:20px;font-weight:700}.offer-detail-main-layout{grid-template-columns:1.1fr .9fr;align-items:start;gap:24px;display:grid}.offer-detail-left-col{flex-direction:column;gap:16px;display:flex}.detail-banner-card{border:1px solid var(--border-light);background-color:#fff;border-radius:14px;padding:16px;display:flex}.detail-banner-img{object-fit:cover;border-radius:10px;width:100%;height:220px}.detail-info-card{border:1px solid var(--border-light);background-color:#fff;border-radius:14px;flex-direction:column;gap:14px;padding:20px;display:flex}.detail-info-card h3{color:var(--text-dark);border-bottom:1px solid var(--border-light);margin-bottom:4px;padding-bottom:10px;font-size:15px;font-weight:700}.detail-field-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.detail-field-left{align-items:center;gap:8px;display:flex}.detail-field-icon{flex-shrink:0}.field-label{color:var(--text-muted);font-weight:500}.field-value{color:var(--text-dark);font-weight:700}.offer-detail-right-col{border:1px solid var(--border-light);background-color:#fff;border-radius:14px;flex-direction:column;gap:20px;padding:24px;display:flex}.right-col-header-info{border-bottom:1px solid var(--border-light);flex-direction:column;gap:10px;padding-bottom:20px;display:flex}.right-col-meta{justify-content:space-between;align-items:center;display:flex}.offer-brand-subtitle{color:var(--text-dark);font-size:26px;font-weight:700}.right-col-header-info h2{color:var(--text-dark);font-size:18px;font-weight:700}.offer-desc-text{color:var(--text-muted);font-size:13px;line-height:1.5}.additional-info-card{flex-direction:column;gap:20px;display:flex}.additional-info-card h3{color:var(--text-dark);font-size:15px;font-weight:700}.info-tags-section{flex-direction:column;gap:10px;display:flex}.info-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.info-tags-list{flex-wrap:wrap;gap:8px;display:flex}.info-tag-badge{color:#2e7d32;background-color:#e8f5e9;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.info-availability-section{flex-direction:column;gap:6px;display:flex}.availability-status{color:#2e7d32;font-size:13px;font-weight:700}.coupon-detail-main-layout{flex-direction:column;gap:16px;max-width:480px;display:flex}.coupon-header-banner-card{border:1px solid var(--border-light);background-color:#fff;border-radius:14px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.coupon-code-meta-left{align-items:center;gap:12px;display:flex}.coupon-icon-rounded-bg{background-color:#f3e5f5;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.coupon-banner-code-txt{color:var(--text-dark);font-size:16px;font-weight:700}@media (width<=1100px){.offer-detail-main-layout{grid-template-columns:1fr}}.delete-modal-box{text-align:center;border:1px solid var(--border-light);background-color:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:16px;width:90%;max-width:360px;padding:32px;animation:.25s ease-out modalSlideUp;display:flex;box-shadow:0 12px 36px #00000026}.delete-modal-title{color:#ff3d00;margin:0;font-size:24px;font-weight:700}.delete-modal-question{color:var(--text-dark);margin:0 0 10px;font-size:14px;font-weight:700}.delete-modal-actions{gap:16px;width:100%;display:flex}.delete-btn-cancel{color:#37474f;font-family:var(--admin-font);cursor:pointer;background-color:#fff;border:1px solid #cfd8dc;border-radius:8px;flex:1;padding:10px 20px;font-size:13px;font-weight:700;transition:background-color .2s}.delete-btn-cancel:hover{background-color:#f5f5f5}.delete-btn-confirm{color:#fff;font-family:var(--admin-font);cursor:pointer;background-color:#ff3d00;border:none;border-radius:8px;flex:1;padding:10px 20px;font-size:13px;font-weight:700;transition:background-color .2s}.delete-btn-confirm:hover{background-color:#e53500}.countdown-timer-banner{background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 100%);border:1px solid #ffe0b2;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:16px 20px;display:flex;box-shadow:0 4px 12px #ffb74d1a}.timer-label{color:#e65100;font-size:15px;font-weight:700;font-family:var(--admin-font)}.timer-digits-row{gap:12px;display:flex}.timer-digit-box{background-color:#fff;border:1px solid #ffd180;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 2px 6px #e651000d}.digit-num{color:#e65100;font-size:16px;font-weight:800;font-family:var(--admin-font)}.digit-lbl{color:#ffb74d;text-transform:uppercase;font-size:9px;font-weight:600;font-family:var(--admin-font);margin-top:2px}.offers-stat-card.active-filter{border-top:4px solid!important}.product-toast-banner{z-index:9999;border-radius:10px;align-items:center;gap:12px;padding:14px 20px;font-size:14px;font-weight:600;animation:.3s ease-out slideInToast;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 10px 30px #00000026}.product-toast-banner.success{color:#1b5e20;background-color:#e8f5e9;border:1px solid #a5d6a7}.product-toast-banner.error{color:#b71c1c;background-color:#ffebee;border:1px solid #ffcdd2}.btn-spinner{animation:1s linear infinite spin;display:inline-block}.commission-management-view{padding:8px 0;animation:.3s ease-in-out fadeIn}.commission-title-header{margin-bottom:24px}.commission-title-header h1{color:var(--text-dark);font-size:26px;font-weight:800}.commission-title-header p{color:var(--text-muted);margin-top:4px;font-size:13px}.commission-main-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:0;overflow:hidden;box-shadow:0 4px 20px #00000005}.commission-filters-bar{border-bottom:1px solid var(--border-light);padding:20px 24px}.add-commission-green-btn{color:#1b5e20;font-family:var(--admin-font);cursor:pointer;background-color:#9ccc65;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .2s ease-in-out;display:flex}.add-commission-green-btn:hover{background-color:#8bc34a;transform:translateY(-1px)}.add-commission-green-btn:active{transform:translateY(0)}.commission-table thead th{color:#33691e;font-weight:700;background-color:#f1f8e9!important}.commission-table tbody tr{transition:background-color .2s}.commission-table tbody tr:hover{background-color:#f9fbe7}.commission-status-badge{text-align:center;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}.commission-status-badge.active{color:#2e7d32;background-color:#e8f5e9}.commission-status-badge.inactive{color:#ef6c00;background-color:#fff3e0}.commission-status-badge.viewed{align-self:flex-start}.commission-actions-row{justify-content:center;align-items:center;gap:12px;display:flex}.commission-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;transition:background-color .2s}.commission-action-btn:hover{background-color:#f1f8e9}.commission-action-btn.delete:hover{background-color:#ffebee}.commission-form-modal-box{border:1px solid var(--border-light);background-color:#fff;border-radius:16px;width:90%;max-width:500px;animation:.3s ease-out modalSlideUp;overflow:hidden;box-shadow:0 16px 48px #00000026}.commission-modal-header{border-bottom:1px dashed var(--border-light);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.commission-modal-header h2{color:var(--text-dark);font-size:18px;font-weight:800}.commission-modal-close{cursor:pointer;color:#1b5e20;background-color:#c5e1a5;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s;display:flex}.commission-modal-close:hover{background-color:#a5d6a7}.commission-modal-form{flex-direction:column;gap:20px;padding:24px;display:flex}.commission-modal-row{gap:16px;display:flex}.commission-modal-field{flex-direction:column;gap:8px;display:flex}.commission-modal-field.flex-1{flex:1}.commission-modal-field label{color:var(--text-dark);font-size:13px;font-weight:700}.commission-modal-field input[type=text],.commission-modal-field input[type=number],.commission-modal-select{width:100%;font-family:var(--admin-font);color:var(--text-dark);background-color:#fcfdfc;border:1px solid #cfd8dc;border-radius:8px;outline:none;padding:12px 16px;font-size:13px;transition:border-color .2s}.commission-modal-field input:focus,.commission-modal-select:focus{border-color:#9ccc65}.commission-form-error{color:#c62828;background-color:#ffebee;border:1px solid #ffcdd2;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.commission-toast{color:#fff;z-index:9999;background-color:#2e7d32;border-radius:8px;align-items:center;gap:10px;padding:12px 20px;font-size:13px;font-weight:600;animation:.3s slideInRight;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 4px 16px #00000026}.commission-toast.error{background-color:#c62828}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.status-toggle-row{border-top:1px dashed var(--border-light);flex-direction:row;justify-content:space-between;align-items:center;padding-top:16px}.toggle-label-text{color:var(--text-dark);font-size:14px;font-weight:700}.premium-toggle-switch{width:48px;height:24px;display:inline-block;position:relative}.premium-toggle-switch input{opacity:0;width:0;height:0}.premium-toggle-slider{cursor:pointer;background-color:#cfd8dc;border-radius:24px;transition:all .3s;position:absolute;inset:0}.premium-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}.premium-toggle-switch input:checked+.premium-toggle-slider{background-color:#4caf50}.premium-toggle-switch input:checked+.premium-toggle-slider:before{transform:translate(24px)}.commission-modal-buttons{gap:16px;margin-top:8px;display:flex}.commission-btn-cancel{color:#33691e;font-family:var(--admin-font);cursor:pointer;text-align:center;background-color:#dcedc8;border:none;border-radius:8px;flex:1;padding:12px;font-size:13px;font-weight:700;transition:background-color .2s}.commission-btn-cancel:hover{background-color:#c5e1a5}.commission-btn-submit{color:#1b5e20;font-family:var(--admin-font);cursor:pointer;text-align:center;background-color:#9ccc65;border:none;border-radius:8px;flex:1;padding:12px;font-size:13px;font-weight:700;transition:background-color .2s}.commission-btn-submit:hover{background-color:#8bc34a}.commission-view-modal-box{border:1px solid var(--border-light);background-color:#fff;border-radius:16px;width:90%;max-width:450px;animation:.3s ease-out modalSlideUp;overflow:hidden;box-shadow:0 16px 48px #00000026}.commission-view-content{justify-content:space-between;align-items:center;padding:24px;display:flex}.commission-view-details{flex-direction:column;flex:1;gap:16px;display:flex}.commission-view-row{gap:24px;font-size:14px;display:flex}.view-label{color:var(--text-dark);width:90px;font-weight:800}.view-value{color:var(--text-dark);font-weight:500}.commission-refresh-btn{color:#33691e;font-family:var(--admin-font);cursor:pointer;background-color:#f1f8e9;border:1px solid #dcedc8;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.commission-refresh-btn:hover:not(:disabled){color:#1b5e20;background-color:#dcedc8}.commission-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.commission-error-banner{color:#c62828;background-color:#ffebee;border:1px solid #ffcdd2;border-radius:10px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:13px;animation:.2s ease-in fadeIn;display:flex}.commission-retry-btn{color:#fff;cursor:pointer;background-color:#d32f2f;border:none;border-radius:6px;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:700;transition:background-color .2s}.commission-retry-btn:hover{background-color:#b71c1c}.commission-loading-state{color:var(--text-dark);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.spin-icon{animation:1s linear infinite spin}.payment-monitoring-view{padding:8px 0;animation:.3s ease-in-out fadeIn}.payment-title-header{margin-bottom:24px}.payment-title-header h1{color:var(--text-dark);font-size:26px;font-weight:800}.payment-title-header p{color:var(--text-muted);margin-top:4px;font-size:13px}.payment-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:28px;display:grid}.payment-stat-card{background-color:var(--bg-card)!important;border:1px solid var(--border-light)!important;box-sizing:border-box!important;border-radius:10px!important;grid-template:"icon value""icon label"/auto 1fr!important;align-items:center!important;gap:2px 14px!important;height:auto!important;padding:12px 16px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;display:grid!important;box-shadow:0 4px 10px #00000005!important}.payment-stat-card:hover{transform:translateY(-4px)scale(1.01)!important;box-shadow:0 12px 20px #0000000f!important}.payment-stat-icon{background-color:currentColor!important;border-radius:6px!important;flex-shrink:0!important;grid-area:icon!important;justify-content:center!important;align-items:center!important;width:42px!important;height:42px!important;margin:0!important;display:flex!important}.payment-stat-icon svg{color:#fff!important;stroke:#fff!important;width:20px!important;height:20px!important}.card-yellow,.card-green,.card-pink{background-color:var(--bg-card)!important;border-color:var(--border-light)!important}.icon-yellow,.icon-green,.icon-pink{background-color:#0000!important}.payment-stat-value{color:var(--text-dark);font-size:28px;font-weight:800}.payment-stat-label{color:var(--text-muted);font-size:13px;font-weight:600}.payment-main-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;padding:0;overflow:hidden;box-shadow:0 4px 20px #00000005}.payment-filters-bar{border-bottom:1px solid var(--border-light);padding:20px 24px}.payment-table thead th{color:#33691e;font-weight:700;background-color:#f1f8e9!important}.payment-table tbody tr{transition:background-color .2s}.payment-table tbody tr:hover{background-color:#f9fbe7}.payment-status-badge{text-align:center;border-radius:20px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-block}.payment-status-badge.success,.payment-status-badge.paid{color:#2e7d32;background-color:#e8f5e9}.payment-status-badge.pending{color:#f57f17;background-color:#fff8e1}.payment-status-badge.refund,.payment-status-badge.failed{color:#c62828;background-color:#ffebee}.payment-actions-row{justify-content:center;display:flex}.payment-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;transition:background-color .2s}.payment-action-btn:hover{background-color:#f1f8e9}.view-payment-detail-container{padding:8px 0;animation:.3s ease-in-out fadeIn}.view-payment-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.view-payment-header h2{color:var(--text-dark);font-size:20px;font-weight:800}.payment-detail-main-layout{flex-direction:column;gap:20px;display:flex}.payment-customer-banner-card{border:1px solid var(--border-light);background-color:#fff;border-radius:14px;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;box-shadow:0 4px 16px #00000003}.customer-avatar-meta-left{align-items:center;gap:16px;display:flex}.customer-detail-avatar-img{object-fit:cover;border:1px solid var(--border-light);border-radius:10px;width:64px;height:64px}.customer-avatar-info h3{color:var(--text-dark);margin-bottom:4px;font-size:16px;font-weight:800}.customer-avatar-info p{color:var(--text-muted);margin:2px 0;font-size:13px}.payment-info-card{border:1px solid var(--border-light);background-color:#fff;border-radius:14px;padding:24px;box-shadow:0 4px 16px #00000003}.payment-info-card h3{color:var(--text-dark);border-bottom:1px solid var(--border-light);margin-bottom:16px;padding-bottom:12px;font-size:15px;font-weight:750}.payment-details-table{flex-direction:column;gap:12px;display:flex}.payment-detail-row{grid-template-columns:180px 1fr;align-items:center;font-size:13px;display:grid}.payment-detail-row.highlight{border-top:1px dashed var(--border-light);margin-top:4px;padding-top:12px}.payment-detail-row.highlight .info-value{color:var(--text-dark);font-weight:850}.info-label{color:var(--text-muted);font-weight:500}.info-value{color:var(--text-dark);font-weight:700}.payment-stat-card.active-filter{border-top:4px solid!important}