@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-dark: #f8fafc;--bg-panel: #ffffff;--bg-panel-hover: #f1f5f9;--border-color: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--accent-primary: #2563eb;--accent-secondary: #7c3aed;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--glass-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--glass-border: 1px solid #e2e8f0;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow-x:hidden;top:0!important}.goog-te-banner-frame.skiptranslate,.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,.goog-te-banner-frame{display:none!important}.glass-panel{background:var(--bg-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-md)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:var(--radius-sm);border:none;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:14px}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 15px #3b82f666}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-panel-hover);color:var(--text-primary)}.layout-wrapper{display:flex;height:100vh;width:100vw;overflow:hidden;background:var(--bg-dark);position:relative}.sidebar{width:260px;height:100vh;border-right:var(--glass-border);background:var(--bg-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;transition:transform .3s ease;z-index:100}.sidebar-header{height:72px;display:flex;align-items:center;padding:0 24px;border-bottom:var(--glass-border)}.brand-logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:var(--text-primary);text-decoration:none}.logo-icon{color:var(--accent-primary)}.sidebar-nav{flex:1;padding:24px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:all .2s ease;font-weight:500}.nav-item:hover,.nav-item.active{background:var(--bg-panel-hover);color:var(--text-primary)}.nav-item.active{background:#2563eb1a;border-left:3px solid var(--accent-primary)}.main-content{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.main-content:before{content:"";position:absolute;top:-20%;left:-10%;width:50vw;height:50vw;background:radial-gradient(circle,#3b82f60d,#0f172a00 70%);z-index:0;pointer-events:none}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:var(--glass-border);background:var(--bg-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.topbar-left{display:flex;align-items:center;gap:16px}.page-title{font-size:20px;font-weight:600}.topbar-right{display:flex;align-items:center;gap:16px}.icon-btn{width:40px;height:40px;border-radius:50%;background:var(--bg-panel-hover);border:1px solid var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative}.icon-btn:hover{background:var(--border-color);color:var(--text-primary)}.notification-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;background:var(--danger);border-radius:50%;border:2px solid var(--bg-panel)}.user-profile{display:flex;align-items:center;gap:12px;padding:6px 12px;background:var(--bg-panel-hover);border-radius:30px;border:1px solid var(--border-color);cursor:pointer}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.page-container{flex:1;overflow-y:auto;padding:32px;z-index:1}.topbar-action-wrapper{position:relative}.search-dropdown{position:absolute;top:120%;right:-100px;width:350px;background:var(--bg-panel);border:var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);overflow:hidden;animation:dropIn .2s ease-out}.search-input-wrapper{display:flex;align-items:center;padding:12px 16px;gap:12px;border-bottom:var(--glass-border)}.search-input-wrapper input{flex:1;border:none;background:transparent;outline:none;color:var(--text-primary);font-size:14px}.search-results{padding:16px}.recent-search-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;cursor:pointer;transition:background .2s}.recent-search-item:hover{background:var(--bg-panel-hover)}.notif-dropdown{position:absolute;top:120%;right:-50px;width:320px;background:var(--bg-panel);border:var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);overflow:hidden;animation:dropIn .2s ease-out}.notif-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:var(--glass-border)}.notif-header h3{font-size:15px;font-weight:600;margin:0}.notif-body{max-height:300px;overflow-y:auto}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s}.notif-item:hover{background:var(--bg-panel-hover)}.notif-item.unread{background:#2563eb0d}.notif-icon{width:32px;height:32px;border-radius:50%;background:#2563eb1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-content{flex:1}.notif-text{font-size:13px;color:var(--text-primary);margin-bottom:4px;line-height:1.4}.notif-time{font-size:11px;color:var(--text-secondary)}.notif-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-primary);margin-top:6px}.notif-footer{padding:8px;border-top:var(--glass-border)}@keyframes dropIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown{position:absolute;top:50px;right:0;width:250px;background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--glass-shadow);z-index:1000;animation:dropIn .2s ease forwards;overflow:hidden}.profile-header{padding:16px;display:flex;align-items:center;border-bottom:1px solid var(--border-color);background:var(--bg-light)}.profile-body{padding:8px 0}.profile-link{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-primary);font-size:14px;text-decoration:none;transition:background .2s ease;width:100%;text-align:left;background:none;border:none;cursor:pointer}.profile-link:hover{background:#4ba2420d;color:var(--primary-color)}.profile-link.text-danger{color:#ef4444}.profile-link.text-danger:hover{background:#ef44440d;color:#dc2626}.profile-divider{height:1px;background:var(--border-color);margin:8px 0}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dashboard-actions{display:flex;gap:12px}.live-badge{display:flex;align-items:center;gap:6px;background:#10b9811a;color:var(--success);padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;border:1px solid rgba(16,185,129,.2)}.live-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.spin{animation:spin 1s linear infinite}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.widget-card{background:var(--bg-panel);border:var(--glass-border);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;transition:transform .2s ease,box-shadow .2s ease}.edit-mode .widget-card{cursor:grab;border:1px dashed var(--text-secondary)}.edit-mode .widget-card:active{cursor:grabbing}.drag-handle{position:absolute;top:10px;right:10px;color:var(--text-secondary);cursor:grab;opacity:.5}.drag-handle:hover{opacity:1}.stat-widget{grid-column:span 3}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:var(--text-secondary);font-size:14px}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-icon.orders{background:#10b9811a;color:var(--success)}.stat-icon.users{background:#8b5cf61a;color:var(--accent-secondary)}.stat-icon.leads{background:#f59e0b1a;color:var(--warning)}.stat-value{font-size:28px;font-weight:700;margin-bottom:4px}.stat-trend{font-size:13px;display:flex;align-items:center;gap:4px}.chart-widget{grid-column:span 8;min-height:350px}.pie-widget{grid-column:span 4;min-height:350px}.widget-title{font-size:16px;font-weight:600;margin-bottom:20px}.list-widget{grid-column:span 4;min-height:300px}.list-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.list-item:last-child{border-bottom:none}.item-icon{width:36px;height:36px;border-radius:8px;background:#ffffff0d;display:flex;align-items:center;justify-content:center}.item-details{flex:1}.item-title{font-size:14px;font-weight:500}.item-sub{font-size:12px;color:var(--text-secondary);margin-top:2px}.item-action{font-size:13px;font-weight:600}.funnel-step{display:flex;align-items:center;margin-bottom:12px}.funnel-label{width:100px;font-size:13px;color:var(--text-secondary)}.funnel-bar-bg{flex:1;height:8px;background:#ffffff0d;border-radius:4px;margin:0 12px;overflow:hidden}.funnel-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:4px}.funnel-val{font-size:13px;font-weight:600;width:40px;text-align:right}.activity-feed{position:relative;padding-left:20px}.activity-feed:before{content:"";position:absolute;top:0;left:6px;bottom:0;width:2px;background:#ffffff1a}.activity-item{position:relative;padding-bottom:16px}.activity-item:before{content:"";position:absolute;top:4px;left:-18px;width:10px;height:10px;border-radius:50%;background:var(--accent-primary);border:2px solid var(--bg-panel)}@media(max-width:1200px){.stat-widget{grid-column:span 6}.chart-widget{grid-column:span 12}.pie-widget,.list-widget{grid-column:span 6}}@media(max-width:768px){.stat-widget,.pie-widget,.list-widget{grid-column:span 12}}.users-page{display:flex;flex-direction:column;gap:24px}.page-title{font-size:24px;font-weight:600;color:var(--text-primary)}.users-toolbar{display:flex;gap:16px;background:var(--bg-panel);padding:16px;border-radius:var(--radius-md);border:var(--glass-border);align-items:center}.search-box{display:flex;align-items:center;background:#fff3;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:8px 12px;flex:1;gap:8px}.filter-select{background:#fff3;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:8px 12px;border-radius:var(--radius-sm);outline:none;cursor:pointer}.table-container{background:var(--bg-panel);border:var(--glass-border);border-radius:var(--radius-md);overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{padding:16px;color:var(--text-secondary);font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1)}.data-table td{padding:16px;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px}.data-table tbody tr:hover{background:#ffffff05}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar-small{width:36px;height:36px;border-radius:50%;background:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600}.user-email{font-size:12px;color:var(--text-secondary)}.badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;display:inline-block;text-align:center}.badge-banned{background:#ef44441a;color:var(--danger)}.badge-pending{background:#f59e0b1a;color:var(--warning)}.badge-role-admin{background:#8b5cf61a;color:var(--accent-secondary)}.badge-role-user{background:#3b82f61a;color:var(--accent-primary)}.btn-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:#ffffff0d;border:none;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-icon:hover{background:#ffffff1a;color:var(--text-primary)}.btn-icon.danger:hover{background:#ef444433;color:var(--danger)}.profile-modal-overlay{position:fixed;inset:0;background:#fff9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:flex-end}.profile-modal{width:500px;height:100%;background:var(--bg-dark);border-left:1px solid rgba(255,255,255,.1);box-shadow:-5px 0 30px #ffffff80;display:flex;flex-direction:column;animation:slideIn .3s ease-out}.modal-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:flex-start}.modal-header-left{display:flex;gap:16px;align-items:center}.modal-avatar{width:64px;height:64px;border-radius:50%;background:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.modal-title{font-size:20px;font-weight:600}.modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer}.modal-body{padding:24px;overflow-y:auto;flex:1}.profile-tabs{display:flex;gap:16px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:24px}.tab-btn{background:transparent;border:none;color:var(--text-secondary);padding:8px 0;cursor:pointer;font-weight:500;position:relative}.tab-btn.active{color:var(--text-primary)}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--accent-primary)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.info-item{background:#ffffff05;padding:12px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.05)}.info-label{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.info-val{font-weight:500;font-size:14px}.timeline{display:flex;flex-direction:column;gap:16px}.timeline-item{display:flex;gap:12px}.timeline-icon{width:32px;height:32px;border-radius:50%;background:#3b82f61a;color:var(--accent-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-content{flex:1}.timeline-text{font-size:14px}.timeline-time{font-size:12px;color:var(--text-secondary)}.modal-actions{padding:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:12px;flex-wrap:wrap}.modal-actions .btn{flex:1;min-width:120px}.admin-mgmt-page{display:flex;flex-direction:column;gap:24px}.admin-header{display:flex;justify-content:space-between;align-items:center}.admin-title{font-size:24px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:12px}.admin-tabs{display:flex;gap:8px;background:#fff3;padding:6px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05)}.admin-tab{padding:8px 16px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.admin-tab:hover{color:var(--text-primary)}.admin-tab.active{background:#ffffff1a;color:var(--text-primary);box-shadow:0 2px 8px #fff3}.admin-card{background:var(--bg-panel);border:var(--glass-border);border-radius:var(--radius-md);padding:24px;display:flex;flex-direction:column;gap:20px}.matrix-container{overflow-x:auto;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm)}.permission-matrix{width:100%;border-collapse:collapse}.permission-matrix th{padding:16px;background:#fff3;text-align:center;font-size:13px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05)}.permission-matrix th:first-child{text-align:left}.permission-matrix td{padding:16px;text-align:center;border-bottom:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05)}.permission-matrix td:first-child{text-align:left;font-weight:500}.permission-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary)}.role-list{display:flex;flex-direction:column;gap:12px}.role-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.role-item:hover,.role-item.active{background:#3b82f61a;border-color:#3b82f64d}.role-info h4{margin-bottom:4px}.role-info p{font-size:13px;color:var(--text-secondary)}.grid-2-col{display:grid;grid-template-columns:300px 1fr;gap:24px}.log-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05)}.log-icon{width:40px;height:40px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center}.log-details{flex:1}.log-title{font-weight:500;margin-bottom:4px}.log-meta{font-size:13px;color:var(--text-secondary);display:flex;gap:16px}.whiltelist-input-group{display:flex;gap:12px}.whiltelist-input-group input{flex:1;background:#fff3;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:10px 16px;color:var(--text-primary);outline:none}.products-page{display:flex;flex-direction:column;gap:24px;position:relative}.products-success-toast{position:fixed;top:24px;right:24px;z-index:1200;display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 16px 40px #05966947;font-size:14px;font-weight:600;animation:toastSlideIn .25s ease-out}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;justify-content:space-between;align-items:center}.products-toolbar{display:flex;justify-content:space-between;background:var(--bg-panel);padding:16px;border-radius:var(--radius-md);border:var(--glass-border);align-items:center}.product-image-thumb{width:48px;height:48px;border-radius:8px;background:#ffffff0d;object-fit:cover}.product-cell{display:flex;align-items:center;gap:16px}.product-name{font-weight:600;margin-bottom:4px}.product-sku{font-size:12px;color:var(--text-secondary);font-family:monospace}.product-upload-preview{width:80px;height:80px;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.1);flex-shrink:0;position:relative;background:#ffffff0a}.product-upload-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0f172a9e;color:#fff;font-size:11px;font-weight:600;letter-spacing:.2px}.switch{position:relative;display:inline-block;width:40px;height:20px}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ffffff1a;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:var(--text-secondary);transition:.4s;border-radius:50%}input:checked+.slider{background-color:#10b9814d}input:checked+.slider:before{transform:translate(20px);background-color:var(--success)}.product-modal-overlay{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:flex-end}.product-modal{width:800px;height:100%;background:#fff;border-left:1px solid #e2e8f0;box-shadow:-10px 0 40px #0f172a14;display:flex;flex-direction:column;animation:slideIn .3s cubic-bezier(.16,1,.3,1) forwards;overflow:hidden}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.modal-header{padding:24px 32px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.modal-title{font-size:20px;font-weight:600;color:#0f172a}.modal-close{background:transparent;border:none;color:#64748b;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px}.modal-close:hover{color:#0f172a;background:#e2e8f0;transform:scale(1.05)}.profile-tabs{display:flex;gap:8px;border-bottom:1px solid #e2e8f0;background:#f8fafc;padding:0 32px}.tab-btn{padding:14px 16px;background:transparent;border:none;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;position:relative;transition:all .2s ease}.tab-btn:hover{color:#0f172a}.tab-btn.active{color:var(--accent-primary);font-weight:600}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--accent-primary);border-radius:2px}.modal-body{flex:1;overflow-y:auto;background:#fff}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:20px;width:100%}.form-group label{font-size:13px;font-weight:600;color:#334155;letter-spacing:.2px}.form-control{background:#fff;border:1px solid #cbd5e1;padding:10px 14px;border-radius:8px;color:#0f172a;outline:none;font-family:inherit;font-size:14px;transition:all .2s ease;box-shadow:0 1px 2px #0f172a0d}.form-control:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #2563eb1f}.form-control::placeholder{color:#94a3b8}textarea.form-control{resize:vertical;min-height:100px}select.form-control{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.upload-area{border:2px dashed #cbd5e1;border-radius:var(--radius-md);padding:40px;text-align:center;background:#f8fafc;cursor:pointer;transition:all .2s}.upload-area:hover{background:#2563eb05;border-color:var(--accent-primary)}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.gallery-item{aspect-ratio:1;background:#f1f5f9;border-radius:var(--radius-sm);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e2e8f0}.gallery-item-remove{position:absolute;top:4px;right:4px;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.gallery-item-remove:hover{background:#dc2626}.variant-table{width:100%;border-collapse:collapse;margin-top:16px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.variant-table th{background:#f8fafc;padding:12px 16px;font-size:12px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0;text-align:left}.variant-table td{padding:12px 16px;border-bottom:1px solid #e2e8f0;font-size:14px;color:#0f172a;background:#fff}.variant-table tr:last-child td{border-bottom:none}.variant-table input{background:#fff;border:1px solid #cbd5e1;color:#0f172a;padding:8px 12px;border-radius:6px;width:100%;font-size:14px;outline:none}.variant-table input:focus{border-color:var(--accent-primary)}.modal-actions{padding:20px 32px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px;background:#f8fafc}.badges-container{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px;padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.badge-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:12px 16px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;transition:all .2s ease;font-size:13px;font-weight:500;color:#334155;-webkit-user-select:none;user-select:none}.badge-checkbox-label:hover{border-color:var(--accent-primary);background:#2563eb05}.badge-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-primary)}@media(max-width:640px){.products-success-toast{top:16px;left:16px;right:16px;justify-content:center}}.other-products-page{padding:20px;background:#fff;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.products-toolbar{display:flex;gap:16px;margin-bottom:24px}.search-box{display:flex;align-items:center;background:var(--bg-panel, rgba(255, 255, 255, .05));border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;flex:1;max-width:400px}.search-box input{border:none;background:transparent;outline:none;margin-left:8px;font-size:14px;color:var(--text-primary);flex:1}.table-container{background:#fff;border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.data-table thead{background:var(--bg-panel)}.data-table th{padding:16px;text-align:left;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:16px;border-bottom:1px solid var(--border-color);font-size:14px;color:var(--text-primary)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--bg-panel)}.font-bold{font-weight:600}.badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600}.badge-active{background:#10b9811a;color:var(--success)}.badge-inactive{background:#ef44441a;color:var(--danger)}.badge-brand{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color);background:#fff;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s}.btn-icon:hover{background:var(--bg-panel);color:var(--text-primary)}.btn-icon.danger:hover{background:#ef44441a;color:var(--danger);border-color:var(--danger)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;border:1px solid var(--border-color);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.modal-form{padding:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-secondary)}.form-control{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-panel);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.form-control:focus{border-color:var(--accent-primary)}.form-control textarea{resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-ghost:hover{background:var(--bg-panel);color:var(--text-primary)}.category-page{display:flex;flex-direction:column;gap:24px}.category-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cat-stat-card{background:var(--bg-panel);border:var(--glass-border);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;gap:16px}.cat-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.cat-stat-info h3{font-size:14px;color:var(--text-secondary);font-weight:500;margin-bottom:4px}.cat-stat-info p{font-size:24px;font-weight:700}.category-main-grid{display:grid;grid-template-columns:350px 1fr;gap:24px;align-items:start}.category-tree-card{background:var(--bg-panel);border:var(--glass-border);border-radius:var(--radius-md);padding:20px;max-height:800px;overflow-y:auto}.tree-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tree-item{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.tree-node{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.tree-node:hover,.tree-node.active{background:#3b82f61a;border-color:#3b82f64d}.tree-node-left{display:flex;align-items:center;gap:12px}.drag-handle{color:var(--text-secondary);cursor:grab}.drag-handle:hover{color:var(--text-primary)}.node-icon{width:24px;height:24px;background:#ffffff1a;border-radius:4px;display:flex;align-items:center;justify-content:center}.node-title{font-weight:500;font-size:14px}.tree-children{padding-left:24px;border-left:1px dashed rgba(255,255,255,.1);margin-left:12px;margin-top:4px}.category-editor-card{background:var(--bg-panel);border:var(--glass-border);border-radius:var(--radius-md);padding:24px}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.05)}.upload-box{border:1px dashed rgba(255,255,255,.2);background:#fff3;border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.upload-box:hover{background:#3b82f60d;border-color:#3b82f64d;color:var(--accent-primary)}.upload-icon-box{width:100px;height:100px}.upload-banner-box{width:100%;height:150px}.mapping-box{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);padding:16px}.attribute-tag{display:inline-flex;align-items:center;gap:6px;background:#3b82f633;color:var(--accent-primary);padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;margin-right:8px;margin-bottom:8px}.attribute-tag button{background:transparent;border:none;color:inherit;cursor:pointer;display:flex;align-items:center}.category-modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;justify-content:center;align-items:center;padding:24px 16px;background:#0a0f1e8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow-y:auto}.category-modal-content{width:min(100%,500px);background:var(--bg-panel);border:var(--glass-border);border-radius:12px;box-shadow:var(--glass-shadow);padding:24px;margin:0 auto;max-height:calc(100vh - 80px);overflow-y:auto}.category-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.category-modal-body{display:flex;flex-direction:column;gap:16px}.category-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}@media(max-width:640px){.category-modal-overlay{align-items:flex-start;padding-top:16px}.category-modal-content{padding:18px;max-height:calc(100vh - 32px)}.category-modal-actions{flex-direction:column-reverse}.category-modal-actions .btn{width:100%;justify-content:center}}.orders-page{display:flex;flex-direction:column;gap:24px}.orders-toolbar{display:flex;justify-content:space-between;background:var(--bg-panel);padding:16px;border-radius:var(--radius-md);border:var(--glass-border);align-items:center;gap:24px;flex-wrap:wrap}.search-box{display:flex;align-items:center;background:#fff3;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:8px 12px;width:300px;gap:8px}.search-box input{background:transparent;border:none;outline:none;color:var(--text-primary);width:100%}.filter-group{display:flex;gap:12px}.order-status{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;display:inline-block;text-align:center}.status-pending{background:#f59e0b1a;color:var(--warning)}.status-processing{background:#3b82f61a;color:var(--accent-primary)}.status-shipped{background:#8b5cf61a;color:var(--accent-secondary)}.status-delivered{background:#10b9811a;color:var(--success)}.status-cancelled{background:#ef44441a;color:var(--danger)}.status-returned{background:#ef444433;color:var(--text-secondary)}.order-modal-overlay{position:fixed;inset:0;background:#fff9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:flex-end}.order-modal{position:fixed;right:0;top:0;bottom:0;width:900px;height:100vh;max-height:100vh;background:var(--bg-dark);border-left:1px solid rgba(255,255,255,.1);box-shadow:-5px 0 30px #00000080;display:flex;flex-direction:column;overflow:hidden;z-index:1001;animation:orderModalSlideIn .3s cubic-bezier(.16,1,.3,1) forwards}.modal-title{color:var(--text-primary);font-size:20px;font-weight:600}.modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:var(--text-primary)}.modal-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.order-id-badge{font-family:monospace;font-size:16px;background:#ffffff0d;padding:4px 12px;border-radius:6px;letter-spacing:1px}.order-timeline{display:flex;flex-direction:column;gap:16px;position:relative;padding-left:20px;margin-top:16px}.order-timeline:before{content:"";position:absolute;top:0;left:6px;bottom:0;width:2px;background:#ffffff1a}.timeline-step{position:relative;display:flex;flex-direction:column}.timeline-step.completed:before{content:"";position:absolute;top:4px;left:-19px;width:10px;height:10px;border-radius:50%;background:var(--success);border:2px solid var(--bg-dark)}.timeline-step.active:before{content:"";position:absolute;top:4px;left:-19px;width:10px;height:10px;border-radius:50%;background:var(--accent-primary);border:2px solid var(--bg-dark);box-shadow:0 0 0 3px #3b82f633}.timeline-step.pending:before{content:"";position:absolute;top:4px;left:-19px;width:10px;height:10px;border-radius:50%;background:var(--text-secondary);border:2px solid var(--bg-dark)}.items-table{width:100%;border-collapse:collapse}.items-table th,.items-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px}.item-thumb{width:40px;height:40px;border-radius:4px;background:#ffffff0d;object-fit:cover}.comments-section{display:flex;flex-direction:column;gap:12px;margin-top:16px}.comment-bubble{background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:12px;border-radius:8px;display:flex;gap:12px}.comment-bubble.admin{background:#3b82f60d;border-color:#3b82f61a}.comment-input-area{display:flex;gap:8px;margin-top:12px}.comment-input-area input{flex:1;background:#fff3;border:1px solid rgba(255,255,255,.1);padding:10px;border-radius:var(--radius-sm);color:#fff;outline:none}.totals-box{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:16px}.totals-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.split-fulfill-card{border:1px dashed rgba(139,92,246,.4);background:#8b5cf60d;padding:16px;border-radius:var(--radius-sm);margin-top:16px}@keyframes orderModalSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.inventory-page{display:flex;flex-direction:column;gap:24px}.inventory-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.inv-stat-card{background:var(--bg-panel);border:var(--glass-border);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;gap:16px}.inv-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.inv-stat-info h3{font-size:13px;color:var(--text-secondary);font-weight:500;margin-bottom:4px}.inv-stat-info p{font-size:20px;font-weight:700}.warehouse-table{width:100%;border-collapse:collapse}.warehouse-table th,.warehouse-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px}.wh-badge{padding:4px 8px;border-radius:4px;background:#ffffff0d;font-size:12px;font-weight:500;margin-right:8px}.transfer-interface{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:24px;border-radius:var(--radius-md);margin-bottom:24px}.transfer-box{background:#fff3;border:1px solid rgba(255,255,255,.05);padding:16px;border-radius:var(--radius-sm)}.transfer-box h4{font-size:14px;margin-bottom:12px;color:var(--text-secondary)}.po-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:16px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.po-details h4{font-size:16px;margin-bottom:4px}.po-details p{font-size:13px;color:var(--text-secondary)}.barcode-input{display:flex;align-items:center;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);padding:8px 16px;border-radius:20px;color:var(--accent-secondary);font-family:monospace}.barcode-input input{background:transparent;border:none;outline:none;color:#fff;margin-left:8px;font-family:monospace}.grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin-card{background:var(--bg-panel);border:var(--glass-border);border-radius:var(--radius-md);padding:24px;display:flex;flex-direction:column}.inventory-po-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.inventory-po-form textarea.form-control{resize:vertical;min-height:96px}.scanner-container{position:relative;width:100%;height:250px;background:#000;border-radius:8px;overflow:hidden;border:2px solid rgba(139,92,246,.4);margin-bottom:16px}.scanner-video{width:100%;height:100%;object-fit:cover}.scanner-laser{position:absolute;top:0;left:0;right:0;height:2px;background:#10b981;box-shadow:0 0 12px 2px #10b981;animation:scanning 2s linear infinite;z-index:10}@keyframes scanning{0%{top:0%}50%{top:100%}to{top:0%}}.scanner-overlay{position:absolute;inset:0;border:30px solid rgba(0,0,0,.6);pointer-events:none;z-index:5}.scanner-target{position:absolute;inset:30px;border:2px dashed #10b981;pointer-events:none;z-index:6}.quick-scan-btn{padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.quick-scan-btn:hover{background:#8b5cf626;border-color:#8b5cf64d;color:var(--accent-secondary)}.payment-management{display:flex;flex-direction:column;gap:24px}.payment-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.stat-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center}.stat-icon.revenue{background:#3b82f61a;color:var(--accent-primary)}.stat-icon.wallet{background:#8b5cf61a;color:var(--accent-secondary)}.stat-icon.refunds{background:#f59e0b1a;color:var(--warning)}.stat-icon.fraud{background:#ef44441a;color:var(--danger)}.stat-info h3{font-size:14px;color:var(--text-secondary);font-weight:500;margin-bottom:8px}.stat-value{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.stat-trend{font-size:13px;display:flex;align-items:center;gap:4px;font-weight:500}.trend-up{color:var(--success)}.trend-down{color:var(--danger)}.payment-tabs{display:flex;gap:8px;padding:8px;border-radius:var(--radius-md)}.tab-btn{padding:10px 20px;border:none;background:transparent;color:var(--text-secondary);font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.tab-btn.active{background:#ffffff1a;color:var(--text-primary)}.main-content-panel{padding:24px;min-height:500px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.panel-header h2{font-size:20px;font-weight:600}.header-actions{display:flex;gap:12px}.search-box{display:flex;align-items:center;gap:8px;background:#0003;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1)}.search-box input{background:transparent;border:none;color:var(--text-primary);outline:none;width:250px}.filter-select{background:#0003;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:8px 16px;border-radius:var(--radius-sm);outline:none}.filter-select option{background:var(--bg-dark)}.table-responsive{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}.data-table th{color:var(--text-secondary);font-weight:500;font-size:14px}.font-mono{font-family:monospace;font-size:13px;color:var(--text-secondary)}.amount{font-size:15px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.status-success{background:#10b9811a;color:var(--success)}.status-warning{background:#f59e0b1a;color:var(--warning)}.status-danger{background:#ef44441a;color:var(--danger)}.status-info{background:#3b82f61a;color:var(--accent-primary)}.method-badge{background:#ffffff1a;padding:4px 8px;border-radius:4px;font-size:12px;margin-right:6px}.type-badge.refund{background:#f59e0b33;color:var(--warning);padding:4px 8px;border-radius:4px;font-size:12px}.risk-indicator{font-size:12px;font-weight:700;letter-spacing:.5px}.action-buttons{display:flex;gap:8px}.btn-action{width:32px;height:32px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:#ffffff0d;color:var(--text-secondary)}.btn-action:hover{background:#ffffff1a;color:var(--text-primary)}.btn-action.refund:hover{background:#f59e0b33;color:var(--warning)}.panel-desc{color:var(--text-secondary);margin-bottom:24px}.gateway-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.gateway-card{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:24px}.gateway-card.active{border-color:#10b9814d}.gateway-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.gw-title{display:flex;align-items:center;gap:12px}.gw-title h3{font-size:18px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:8px}.form-group input{width:100%;padding:10px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text-primary);font-family:monospace}.input-with-icon{position:relative;display:flex;align-items:center}.toggle-password{position:absolute;right:12px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.toggle-password:hover{color:var(--text-primary)}.gw-footer{display:flex;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.05)}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#fff3;transition:.4s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--success)}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.alert-box{display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--radius-md);margin-bottom:24px;font-size:14px}.alert-box.warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:var(--warning)}.payment-modal-overlay{position:fixed;inset:0;background:#020617b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1100}.payment-modal{width:min(680px,100%);background:var(--bg-panel);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);overflow:hidden}.payment-modal-header,.payment-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px}.payment-modal-header{border-bottom:1px solid rgba(255,255,255,.08)}.payment-modal-header h3{margin:0 0 6px;font-size:20px}.payment-modal-header p{margin:0;color:var(--text-secondary);font-size:13px}.payment-modal-close{width:36px;height:36px;border-radius:10px;border:none;background:#ffffff0f;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer}.payment-modal-body{padding:24px;display:flex;flex-direction:column;gap:24px}.payment-rule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.payment-rule-toggles{display:flex;flex-direction:column;gap:14px}.payment-toggle-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px;border-radius:var(--radius-md);background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.payment-toggle-row span{display:flex;flex-direction:column;gap:4px}.payment-toggle-row small{color:var(--text-secondary);font-size:12px;line-height:1.5}.payment-toggle-row input[type=checkbox]{width:18px;height:18px;margin-top:2px}.payment-modal-actions{border-top:1px solid rgba(255,255,255,.08);justify-content:flex-end}.txn-details-card{background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:24px;position:relative;box-shadow:inset 0 1px #ffffff0d}.txn-hero{text-align:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px dashed rgba(255,255,255,.12)}.txn-hero-amount{font-size:36px;font-weight:800;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.5px}.txn-hero-status{display:inline-flex;justify-content:center}.txn-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 24px}.txn-info-item{display:flex;flex-direction:column;gap:6px}.txn-info-label{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);font-weight:600}.txn-info-value{font-size:14px;color:var(--text-primary);font-weight:500;display:flex;align-items:center;gap:8px}.txn-info-value.mono{font-family:monospace;color:var(--accent-primary)}.txn-details-icon{color:var(--text-secondary);opacity:.7}.payment-toast{position:fixed;top:24px;right:24px;z-index:1200;padding:16px 20px;border-radius:var(--radius-md);box-shadow:0 10px 25px -5px #00000080,var(--glass-shadow);display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;animation:slideIn .3s cubic-bezier(.16,1,.3,1) forwards;max-width:380px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.payment-toast.success{background:#10b98126;border-color:#10b9814d;color:#10b981}.payment-toast.info{background:#3b82f626;border-color:#3b82f64d;color:#3b82f6}.payment-toast.error{background:#ef444426;border-color:#ef44444d;color:#ef4444}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shipping-management{display:flex;flex-direction:column;gap:24px}.shipping-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.stat-card{padding:24px;display:flex;align-items:center;gap:20px}.stat-icon.delivery{background:#3b82f61a;color:var(--accent-primary)}.stat-icon.delivered{background:#10b9811a;color:var(--success)}.stat-icon.exception{background:#ef44441a;color:var(--danger)}.stat-desc{font-size:13px;color:var(--text-secondary)}.shipping-tabs{display:flex;gap:8px;padding:8px;border-radius:var(--radius-md)}.courier-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.courier-badge.delhivery{background:#dc26261a;color:#dc2626;border:1px solid rgba(220,38,38,.2)}.courier-badge.bluedart{background:#2563eb1a;color:#2563eb;border:1px solid rgba(37,99,235,.2)}.courier-badge.unassigned{background:#64748b1a;color:var(--text-secondary);border:1px solid rgba(100,116,139,.2)}.btn-small{padding:4px 10px;font-size:12px;border-radius:4px}.btn-action.print:hover{background:#3b82f633;color:var(--accent-primary)}.btn-action.print:disabled{opacity:.5;cursor:not-allowed}.zone-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.zone-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:20px}.zone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.zone-header h3{font-size:16px}.zone-pincodes{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.zone-stats{display:flex;gap:16px;font-size:13px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.05)}.zone-actions{display:flex;justify-content:space-between}.text-danger{color:var(--danger)!important}.rule-list{display:flex;flex-direction:column;gap:16px}.rule-item{display:flex;align-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:20px}.rule-info{flex:1}.rule-info h4{font-size:16px;margin-bottom:4px}.rule-info p{font-size:13px;color:var(--text-secondary)}.rule-value{font-size:18px;font-weight:700;margin-right:24px}.courier-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.courier-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:24px}.courier-card.active{border-color:#3b82f64d}.courier-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.courier-logo{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff}.courier-logo.delhivery{background:#dc2626}.courier-logo.bluedart{background:#2563eb}.courier-status-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.courier-sync-text,.courier-settings-note{font-size:13px;color:var(--text-secondary)}.courier-settings-note{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:14px 16px}.shipping-modal{width:min(720px,calc(100vw - 32px));margin:8vh auto;background:var(--bg-panel);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:24px}.shipping-modal-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.shipping-modal-header h3{font-size:20px;margin-bottom:6px}.shipping-modal-header p{color:var(--text-secondary);font-size:13px}.shipping-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}.shipping-modal-list{display:flex;flex-direction:column;gap:12px;max-height:320px;overflow-y:auto}.shipping-selection-card{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);cursor:pointer}.shipping-selection-card input{margin-top:3px}.shipping-selection-title{font-weight:600;margin-bottom:4px}.shipping-selection-meta,.shipping-empty-state{color:var(--text-secondary);font-size:13px}.shipping-empty-state{padding:24px;text-align:center;background:#ffffff08;border-radius:var(--radius-md)}.shipping-toggle-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;color:var(--text-secondary)}.shipping-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}@media(max-width:640px){.shipping-modal-grid{grid-template-columns:1fr}.shipping-modal-header,.shipping-modal-actions{flex-direction:column}.shipping-modal-actions .btn{width:100%}}.leads-management{display:flex;flex-direction:column;gap:24px}.text-info{color:var(--accent-primary)!important}.text-success{color:var(--success)!important}.btn-action.email:hover{background:#8b5cf633;color:var(--accent-secondary)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:var(--bg-surface);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0006}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.05)}.modal-header h2{font-size:18px;margin:0;font-weight:600}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.cms-page,.cms-builder{display:flex;flex-direction:column;gap:24px}.builder-section{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{font-size:16px;display:flex;align-items:center;gap:8px}.settings-management{display:flex;flex-direction:column;gap:24px}.settings-layout{display:flex;min-height:600px}.settings-sidebar{width:250px;border-right:var(--glass-border);padding:24px;display:flex;flex-direction:column;gap:8px}.settings-sidebar h3{font-size:14px;color:var(--text-secondary);margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.nav-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;text-align:left;font-size:14px;font-weight:500;transition:all .2s}.nav-btn:hover{background:#ffffff0d;color:var(--text-primary)}.nav-btn.active{background:#3b82f61a;color:var(--accent-primary)}.settings-content{flex:1;padding:32px}.settings-form{max-width:600px;display:flex;flex-direction:column;gap:24px}.settings-form textarea{width:100%;padding:12px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;resize:vertical}.service-centers-page,.dealers-management-page{display:flex;flex-direction:column;gap:24px}.badge-brand{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-brand.shaktiman{background:#dc26261a;color:#ef4444}.badge-brand.bcs{background:#1e40af1a;color:#3b82f6}.badge-brand.vardman{background:#10b9811a;color:#10b981}.badge-brand.kisankraft{background:#f59e0b1a;color:#f59e0b}.badge-brand.dashmesh{background:#8b5cf61a;color:#8b5cf6}.badge-brand.moga{background:#ec48991a;color:#ec4899}.modal-overlay{position:fixed;inset:0;background:#0a0f1e99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;display:flex;align-items:center;justify-content:center;overflow-y:auto}.modal-content{animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.youtube-videos-page{padding:24px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.youtube-videos-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.youtube-videos-page .page-title{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.youtube-videos-page .table-container{background:var(--bg-panel);border:var(--glass-border);border-radius:12px;overflow:hidden;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.youtube-videos-page .data-table{width:100%;border-collapse:collapse}.youtube-videos-page .data-table th{padding:16px;text-align:left;border-bottom:1px solid var(--border-color)}.youtube-videos-page .data-table td{padding:16px;text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.youtube-videos-page .data-table th{background:#f8fafc;color:var(--text-secondary);font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.05em}.youtube-videos-page .data-table tr:hover{background:var(--bg-panel-hover)}.youtube-videos-page .action-buttons{display:flex;gap:8px}.youtube-videos-page .btn-icon{background:#ffffff0d;border:none;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s}.youtube-videos-page .btn-icon:hover{background:#ffffff1a;color:#fff}.youtube-videos-page .btn-icon.danger:hover{background:#ef44441a;color:var(--danger)}.youtube-videos-page .btn{padding:8px 16px;border-radius:6px;border:none;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.youtube-videos-page .btn-primary{background:var(--accent-primary);color:#fff}.youtube-videos-page .btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.youtube-videos-page .btn-ghost{background:transparent;color:var(--text-secondary)}.youtube-videos-page .btn-ghost:hover{background:#ffffff1a;color:#fff}.youtube-videos-page .badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.youtube-videos-page .badge-role-admin{background:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.2)}.youtube-videos-page .badge-role-user{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.youtube-videos-page .profile-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.youtube-videos-page .profile-modal{background:#1f2937;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080}.youtube-videos-page .modal-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.youtube-videos-page .modal-title{margin:0;color:#fff}.youtube-videos-page .modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:color .2s}.youtube-videos-page .modal-close:hover{color:#fff}.youtube-videos-page .modal-body{padding:24px}.youtube-videos-page .modal-actions{display:flex;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.offers-management{padding:24px}.offers-header-actions{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.page-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.page-subtitle{font-size:14px;color:var(--text-secondary)}.offers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.offer-admin-card{position:relative;display:flex;flex-direction:column;border-radius:16px;border:1px solid var(--glass-border);background:var(--bg-card);overflow:hidden;transition:transform .2s,box-shadow .2s}.offer-admin-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0003}.offer-badge-wrapper{position:absolute;top:16px;right:16px;z-index:2}.discount-badge{padding:6px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:30px;box-shadow:0 4px 10px #00000026}.badge-green{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge-orange{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.badge-blue{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.offer-card-body{padding:24px;flex-grow:1}.offer-icon-wrapper{font-size:32px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px}.offer-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.offer-subtitle{font-size:13px;font-weight:600;color:#10b981;margin-bottom:12px}.offer-desc{font-size:13.5px;color:var(--text-secondary);line-height:1.5;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.offer-meta-info{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.meta-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.subject-tag{background:#ffffff0a;padding:2px 6px;border-radius:4px;font-family:monospace}.offer-card-actions{display:flex;border-top:1px solid var(--glass-border);background:#0000001a}.offer-card-actions button{flex:1;padding:12px;border:none;background:transparent;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .2s}.offer-card-actions button:first-child{border-right:1px solid var(--glass-border)}.offer-card-actions button:hover{background:#ffffff08}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center;width:100%}.empty-state h3{font-size:18px;font-weight:700;margin:16px 0 8px;color:var(--text-primary)}.empty-state p{font-size:14px;color:var(--text-secondary);margin-bottom:20px;max-width:300px}.offers-modal-backdrop{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;padding:60px 20px;overflow-y:auto;z-index:1000}.offers-modal-content{width:100%;max-width:600px;border-radius:16px;border:1px solid #e2e8f0;background:#fff;overflow:hidden;box-shadow:0 20px 50px #00000026}.offers-modal-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.offers-modal-header h3{font-size:18px;font-weight:700;color:#1e293b!important;margin:0}.offers-modal-close-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:50%;transition:background .2s,color .2s}.offers-modal-close-btn:hover{background:#f1f5f9;color:#0f172a}.offers-modal-form{padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:span 2}.form-group label{font-size:12px;font-weight:600;color:#334155}.form-group input,.form-group textarea,.form-group select{padding:10px 14px;border-radius:8px;border:1px solid #cbd5e1;background:#f8fafc!important;color:#0f172a!important;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent-primary, #4ba242);box-shadow:0 0 0 3px #4ba24226}.form-group select option{background:#fff;color:#0f172a}.help-text{font-size:11px;color:#64748b;display:flex;align-items:center;gap:4px;margin-top:4px}.offers-modal-footer{grid-column:span 2;margin-top:24px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e2e8f0;padding-top:16px}:root{--primary-glow: linear-gradient(135deg, #4ba83d 0%, #3a8a2d 100%);--secondary-glow: linear-gradient(135deg, #e8762e 0%, #c45b18 100%);--glass-bg: rgba(255, 255, 255, .85);--glass-border: 1px solid rgba(255, 255, 255, .5);--card-shadow: 0 20px 50px rgba(0, 0, 0, .08)}.login-container{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f4f7f6;padding:24px;overflow:hidden;font-family:Inter,sans-serif}.bg-blobs{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.55;animation:floatBlob 12s infinite alternate ease-in-out}.blob-1{top:-10%;left:10%;width:400px;height:400px;background:radial-gradient(circle,#4ba83d40,#4ba83d00 70%);animation-duration:14s}.blob-2{bottom:-15%;right:15%;width:500px;height:500px;background:radial-gradient(circle,#e8762e33,#e8762e00 70%);animation-duration:18s;animation-delay:2s}.blob-3{top:40%;left:50%;transform:translate(-50%,-50%);width:350px;height:350px;background:radial-gradient(circle,#fbc02d26,#fbc02d00 70%);animation-duration:16s;animation-delay:4s}@keyframes floatBlob{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,-40px) scale(1.1)}to{transform:translate(-20px,20px) scale(.95)}}.login-card-wrapper{position:relative;z-index:1;width:100%;max-width:440px;animation:cardFadeIn .6s cubic-bezier(.16,1,.3,1) forwards}.login-glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:var(--glass-border);border-radius:24px;box-shadow:var(--card-shadow);padding:48px 40px;display:flex;flex-direction:column}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:36px}.logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.login-logo-img{height:70px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(75,168,61,.15))}.login-header h2{font-size:24px;font-weight:800;color:#1e293b;margin:0 0 6px;letter-spacing:-.5px}.login-header p{font-size:14px;color:#64748b;margin:0;font-weight:500}.login-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:13px;font-weight:700;color:#475569;margin-bottom:8px;letter-spacing:.2px}.label-row{display:flex;justify-content:space-between;align-items:center}.forgot-password-link{font-size:12px;color:#e8762e;font-weight:600;text-decoration:none;transition:color .2s ease}.forgot-password-link:hover{color:#c45b18;text-decoration:underline}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon-left{position:absolute;left:16px;color:#94a3b8;pointer-events:none;transition:color .2s ease}.input-wrapper input{width:100%;padding:14px 16px 14px 48px;font-size:15px;font-weight:500;color:#1e293b;background:#ffffffb3;border:1px solid #cbd5e1;border-radius:12px;outline:none;transition:all .25s ease}.input-wrapper input::placeholder{color:#94a3b8}.input-wrapper input:focus{background:#fff;border-color:#4ba83d;box-shadow:0 0 0 4px #4ba83d1f}.input-wrapper input:focus+.input-icon-left{color:#4ba83d}.password-toggle-btn{position:absolute;right:16px;background:none;border:none;color:#94a3b8;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.password-toggle-btn:hover{color:#475569}.login-submit-btn{width:100%;padding:15px;background:var(--primary-glow);color:#fff;font-size:15px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #4ba83d33;display:flex;align-items:center;justify-content:center;margin-top:8px}.login-submit-btn:hover{transform:translateY(-1.5px);box-shadow:0 6px 16px #4ba83d4d}.login-submit-btn:active{transform:translateY(0)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-footer{margin-top:36px;display:flex;align-items:center;justify-content:center;gap:8px;color:#64748b;font-size:12px;font-weight:500}.security-icon{color:#4ba83d}.loader-spinner{display:flex;gap:6px}.spinner-dot{width:8px;height:8px;background-color:#fff;border-radius:50%;display:inline-block;animation:dotBlink 1.4s infinite both}.spinner-dot:nth-child(2){animation-delay:.2s}.spinner-dot:nth-child(3){animation-delay:.4s}@keyframes dotBlink{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media(max-width:480px){.login-glass-card{padding:36px 24px;border-radius:20px}.login-header h2{font-size:22px}}