body{margin:0}.navbar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;display:flex;height:70px;justify-content:space-between;left:260px;padding:0 32px;position:fixed;right:0;top:0;transition:left .3s ease;z-index:999}.navbar.collapsed{left:80px}.navbar-brand{font-size:1.5rem;font-weight:700}.signup-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.signup-button:hover{background-color:#0056b3}.navbar-left{gap:24px}.navbar-left,.navbar-toggle{align-items:center;display:flex}.navbar-toggle{background:#f3f4f6;border:none;border-radius:10px;color:#6b7280;cursor:pointer;height:40px;justify-content:center;transition:all .2s ease;width:40px}.navbar-toggle:hover{background:#e5e7eb;color:#374151;transform:scale(1.05)}.navbar-toggle:active{transform:scale(.95)}.navbar-search{position:relative;width:400px}.navbar-search input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;height:42px;padding:0 16px 0 44px;transition:all .2s ease;width:100%}.navbar-search input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.navbar-search input::placeholder{color:#9ca3af}.navbar-search svg{color:#9ca3af;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.navbar-right{gap:16px}.navbar-icon-btn,.navbar-right{align-items:center;display:flex}.navbar-icon-btn{background:#f3f4f6;border:none;border-radius:10px;color:#6b7280;cursor:pointer;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.navbar-icon-btn:hover{background:#e5e7eb;color:#374151;transform:scale(1.05)}.navbar-icon-btn:active{transform:scale(.95)}.navbar-icon-btn .badge{background:#ef4444;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.navbar-divider{background:#e5e7eb;height:32px;margin:0 8px;width:1px}.navbar-user{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:6px 6px 6px 12px;transition:all .2s ease}.navbar-user:hover{background:#f3f4f6;border-color:#d1d5db}.navbar-user-info{align-items:flex-end;display:flex;flex-direction:column}.navbar-user-name{color:#111827;font-size:14px;font-weight:600;line-height:1.2;margin:0}.navbar-user-role{color:#6b7280;font-size:12px;margin:0}.navbar-user-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;display:flex;height:36px;justify-content:center;width:36px}.navbar-logout,.navbar-user-avatar{color:#fff;font-size:14px;font-weight:600}.navbar-logout{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 2px 8px #ef444433;cursor:pointer;padding:10px 20px;transition:all .2s ease}.navbar-logout:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.navbar-logout:active{transform:translateY(0)}@media (max-width:768px){.navbar{left:0;padding:0 16px}.navbar.collapsed{left:0}.navbar-search{width:200px}.navbar-icon-btn:not(.navbar-toggle),.navbar-user-info{display:none}}@media (max-width:480px){.navbar-search{display:none}}.sidebar{background:linear-gradient(180deg,#1e293b,#0f172a);box-shadow:4px 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:all .3s ease;width:260px;z-index:1000}.sidebar.collapsed{width:80px}.sidebar nav{flex:1 1;overflow-y:auto;padding:20px 0}.sidebar nav::-webkit-scrollbar{width:6px}.sidebar nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar li{margin-bottom:4px;padding:0 12px}.sidebar a{align-items:center;border-radius:10px;color:#ffffffb3;display:flex;font-size:15px;font-weight:500;overflow:hidden;padding:14px 16px;position:relative;text-decoration:none;transition:all .2s ease}.sidebar a:before{background:linear-gradient(90deg,#6366f14d,#0000);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0}.sidebar a:hover{background:#ffffff14;color:#fff;transform:translateX(4px)}.sidebar a:hover:before{width:100%}.sidebar a.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f14d;color:#fff}.sidebar a.active:after{background:#fff;border-radius:50%;box-shadow:0 0 8px #fff9;content:"";height:6px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:6px}.sidebar a svg{margin-right:16px;min-width:24px;transition:transform .2s ease}.sidebar a.active svg,.sidebar a:hover svg{transform:scale(1.1)}.sidebar.collapsed a svg{margin-right:0}.sidebar a span{opacity:1;transition:opacity .3s ease;white-space:nowrap}.sidebar.collapsed a span{opacity:0;overflow:hidden;width:0}.sidebar-logo{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:12px;margin-bottom:20px;padding:24px 20px}.sidebar-logo-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.sidebar-logo-icon img{height:100%;object-fit:contain;width:100%}.sidebar-logo-text{display:flex;flex-direction:column;transition:opacity .3s ease}.sidebar.collapsed .sidebar-logo-text{opacity:0;overflow:hidden;width:0}.sidebar-logo-title{color:#fff;font-size:18px;font-weight:700;line-height:1.2;margin:0}.sidebar-logo-subtitle{color:#ffffff80;font-size:11px;letter-spacing:1px;margin:0;text-transform:uppercase}.sidebar-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:12px;padding:16px 20px}.sidebar-footer-avatar{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.sidebar-footer-info{display:flex;flex-direction:column;transition:opacity .3s ease}.sidebar.collapsed .sidebar-footer-info{opacity:0;overflow:hidden;width:0}.sidebar-footer-name{color:#fff;font-size:14px;font-weight:600;line-height:1.2;margin:0}.sidebar-footer-role{color:#ffffff80;font-size:12px;margin:0}.menu-section{align-items:center;background:none;border:none;color:#fff6;cursor:pointer;display:flex;font-size:11px;font-weight:600;justify-content:space-between;letter-spacing:1px;padding:20px 28px 8px;text-align:left;text-transform:uppercase;transition:all .3s ease;width:100%}.menu-section:hover{color:#ffffffb3}.menu-section.has-active{color:#fff9}.menu-section-label{pointer-events:none}.menu-section-chevron{flex-shrink:0;opacity:.6;transition:transform .25s ease}.menu-group.open .menu-section-chevron{transform:rotate(180deg)}.sidebar.collapsed .menu-section{height:0;opacity:0;overflow:hidden;padding:0}.menu-group-items{list-style:none;margin:0;overflow:hidden;padding:0;transition:max-height .3s ease}.sidebar.collapsed .menu-group-items{max-height:none!important}@media (max-width:768px){.sidebar{position:fixed;transform:translateX(-100%);z-index:1000}.sidebar.mobile-open{transform:translateX(0)}.sidebar.collapsed{transform:translateX(-100%)}.sidebar-backdrop{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}}.dashboard-home{background:#f8f9fa;min-height:calc(100vh - 60px);padding:24px}.dashboard-header{margin-bottom:32px}.dashboard-header h1{color:#1a1a1a;font-size:28px;font-weight:600;margin:0 0 8px}.dashboard-subtitle{color:#666;font-size:14px;margin:0}.loading-container{color:#666;min-height:400px}.error-alert{border-radius:8px;padding:16px}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-card{align-items:flex-start;box-shadow:0 1px 3px #00000014;overflow:hidden;padding:24px;position:relative;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 12px #0000001f}.stat-icon-wrapper{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.stat-icon-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-icon-success{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.stat-icon-warning{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.stat-icon-info{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.stat-content{flex:1 1}.stat-value{color:#1a1a1a;font-size:32px;line-height:1;margin:0 0 4px}.stat-label{color:#666;font-weight:500;margin:0}.stat-badge{background:#6366f11a;border-radius:12px;color:#6366f1;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;position:absolute;right:12px;text-transform:uppercase;top:12px}.secondary-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.secondary-stat-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014;display:flex;gap:16px;padding:20px;transition:transform .2s}.secondary-stat-card:hover{transform:translateY(-2px)}.secondary-stat-icon{align-items:center;background:linear-gradient(135deg,#fa709a,#fee140);border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.secondary-stat-content{flex:1 1}.secondary-stat-value{color:#1a1a1a;font-size:24px;font-weight:700;line-height:1;margin:0 0 2px}.secondary-stat-label{color:#666;font-size:13px;font-weight:500;margin:0}.info-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:24px}.info-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:24px}.info-card h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 20px}.info-list{display:flex;flex-direction:column;gap:16px}.info-item{align-items:center;color:#444;display:flex;font-size:14px;gap:12px}.info-item span:nth-child(2){flex:1 1}.info-value{color:#1a1a1a;font-weight:600}.info-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.info-dot-primary{background:#667eea}.info-dot-success{background:#f5576c}.info-dot-warning{background:#4facfe}.info-dot-info{background:#43e97b}.status-list{display:flex;flex-direction:column;gap:16px}.status-item{align-items:center;color:#444;display:flex;font-size:14px;gap:12px}.status-indicator{border-radius:50%;flex-shrink:0;height:10px;width:10px}.status-online{background:#10b981;box-shadow:0 0 0 3px #10b98133}.status-offline{background:#ef4444;box-shadow:0 0 0 3px #ef444433}@media (max-width:768px){.dashboard-home{padding:16px}.info-section,.secondary-stats-grid,.stats-grid{grid-template-columns:1fr}.stat-card{padding:20px}.stat-value{font-size:28px}}.gauges-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.gauge-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center}.gauge-title{color:#666;font-size:1.1rem;margin-bottom:10px}.gauge-value{color:#2196f3;font-size:2.5rem;font-weight:700}.gauge-value.loading{color:#666;font-size:1.2rem}.gauge-value.error{color:#dc3545;font-size:1.2rem}.error-banner{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;margin-bottom:20px;padding:10px 15px}.session-duration-section{margin-bottom:32px}.stat-card-session{border-left:4px solid #9c27b0}.stat-icon-session{background:#9c27b01a;color:#9c27b0}.session-sub-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:16px}.reg-chart-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;overflow:hidden}.reg-chart-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}.reg-chart-title{align-items:center;display:flex;gap:8px}.reg-chart-title h3{color:#1a1a1a;font-size:16px;font-weight:600;margin:0}.reg-chart-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.reg-chart-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;outline:none;padding:6px 12px}.reg-chart-select:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.reg-chart-toggle{border:1px solid #d1d5db;border-radius:6px;display:flex;overflow:hidden}.reg-chart-toggle button{background:#fff;border:none;border-right:1px solid #d1d5db;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:all .15s}.reg-chart-toggle button:last-child{border-right:none}.reg-chart-toggle button.active{background:#6366f1;color:#fff}.reg-chart-toggle button:hover:not(.active){background:#f9fafb}.reg-chart-body{align-items:center;display:flex;justify-content:center;min-height:360px;padding:20px}.reg-chart-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:8px}.reg-chart-empty p{font-size:14px;margin:0}@media (max-width:768px){.reg-chart-header{align-items:flex-start;flex-direction:column}.reg-chart-controls{width:100%}.reg-chart-select{flex:1 1}}.item-kits{background:#f8f9fa;min-height:calc(100vh - 70px);padding:24px}.itemkits-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:24px;overflow:hidden}.itemkits-table{border-collapse:collapse;width:100%}.itemkits-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.itemkits-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.itemkits-table td{border-bottom:1px solid #f0f0f0;color:#374151;font-size:14px;padding:16px 20px;vertical-align:middle}.itemkits-table tbody tr{transition:background-color .2s ease}.itemkits-table tbody tr:hover{background-color:#f9fafb}.itemkits-table tbody tr:last-child td{border-bottom:none}.image-cell{width:70px}.kit-thumbnail{border:1px solid #e5e7eb;border-radius:8px;height:50px;object-fit:cover;width:50px}.kit-placeholder{border-radius:8px;height:50px;width:50px}.name-cell{max-width:250px}.kit-name{color:#1a1a1a;display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price-cell .price-tag{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;font-size:13px}.price-cell .price-tag,.type-cell .type-badge{border-radius:12px;font-weight:600;padding:4px 10px}.type-cell .type-badge{font-size:11px;letter-spacing:.3px;text-transform:uppercase}.type-badge.featured{background:#6366f11a;color:#6366f1}.type-badge.regular{background:#6b72801a;color:#6b7280}.status-cell .status-badge{letter-spacing:.3px}.actions-cell{width:100px}.actions-cell .action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;height:34px;justify-content:center;margin-right:6px;transition:all .2s ease;width:34px}.actions-cell .action-btn.view{background:#f3f4f6;color:#374151}.actions-cell .action-btn.view:hover{background:#e5e7eb}.actions-cell .action-btn.edit{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.actions-cell .action-btn.edit:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-2px)}.page-numbers{display:flex;gap:8px}.page-number{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;transition:all .2s ease;width:36px}.page-number:hover{border-color:#6366f1;color:#6366f1}.page-number.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;color:#fff}@media (max-width:768px){.item-kits{padding:16px}.itemkits-table-container{overflow-x:auto}.itemkits-table{min-width:800px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.page-actions{flex-direction:column;width:100%}.add-btn,.search-box{width:100%}.add-btn{justify-content:center}.filter-section{align-items:flex-start;flex-direction:column}.pagination{flex-direction:column;gap:16px}.page-numbers{display:none}}.add-item-kit{background:#f8f9fa;min-height:calc(100vh - 70px);padding:24px}@media (max-width:768px){.add-item-kit{padding:16px}.form-section{padding:24px 20px}.form-actions{flex-direction:column;padding:20px}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.view-item-kit{background:#f8f9fa;min-height:calc(100vh - 70px);padding:24px}.kit-header{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;justify-content:space-between;padding:20px}.kit-header,.kit-info{align-items:center;display:flex}.kit-info{gap:16px}.kit-image{border:1px solid #e5e7eb;border-radius:12px;height:80px;object-fit:cover;width:80px}.kit-placeholder{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4e7eb);border-radius:12px;color:#9ca3af;display:flex;height:80px;justify-content:center;width:80px}.kit-details h2{color:#1a1a1a;font-size:22px;font-weight:600;margin:0 0 8px}.kit-meta{align-items:center;display:flex;gap:8px;margin:0}.status-badge{border-radius:12px;letter-spacing:.3px}.feature-badge{background:#6366f11a;color:#6366f1;font-size:11px;letter-spacing:.3px;text-transform:uppercase}.feature-badge,.price-badge{border-radius:12px;font-weight:600;padding:4px 10px}.price-badge{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;font-size:13px}.items-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:24px}.items-section h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 20px}.empty-state p{font-size:16px;margin:0 0 20px}.items-table-container{overflow-x:auto}.items-table{border-collapse:collapse;width:100%}.items-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.items-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.items-table td{border-bottom:1px solid #f0f0f0;color:#374151;font-size:14px;padding:14px 16px;vertical-align:middle}.items-table tbody tr{transition:background-color .2s ease}.items-table tbody tr:nth-child(2n){background-color:#f9fafb}.items-table tbody tr:hover{background-color:#eef2ff}.image-cell{width:60px}.item-thumbnail{border:1px solid #e5e7eb;border-radius:8px;height:45px;object-fit:cover;width:45px}.item-placeholder{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4e7eb);border-radius:8px;color:#9ca3af;display:flex;height:45px;justify-content:center;width:45px}.name-cell{max-width:200px}.item-name{color:#1a1a1a;display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-isbn{color:#9ca3af;display:block;font-size:11px;margin-top:2px}.retailer-cell,.retailer-cell img,.retailer-cell span,.retailer-logo{vertical-align:middle}.retailer-logo{border-radius:4px;height:24px;width:24px}.price-cell{width:120px}.price-current{color:#10b981;display:block;font-weight:600}.price-regular{color:#9ca3af;font-size:12px;text-decoration:line-through}.actions-cell{white-space:nowrap;width:140px}.action-btn{height:32px;margin-right:4px;width:32px}.action-btn.url{background:#dbeafe;color:#2563eb;text-decoration:none}.action-btn.url:hover{background:#2563eb;box-shadow:0 4px 12px #2563eb4d;color:#fff;transform:translateY(-2px)}.action-btn.edit:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-2px)}.action-btn.delete{background:#fee2e2;color:#ef4444}.action-btn.delete:hover{background:#ef4444;color:#fff}.delete-confirm{display:inline-flex;gap:4px}.action-btn.confirm-yes{background:#ef4444;color:#fff}.action-btn.confirm-no,.action-btn.confirm-yes{font-size:11px;font-weight:600;padding:0 8px;width:auto}.action-btn.confirm-no{background:#e5e7eb;color:#374151}.modal-content{box-shadow:0 20px 60px #0000004d;overflow-y:auto}.modal-header h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.close-btn:hover{background:#e5e7eb;color:#374151}.form-error{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px;margin:16px 24px 0;padding:12px 16px}.modal-content form{padding:24px}.form-grid{grid-gap:16px;gap:16px}.form-group.full-width{grid-column:span 2}.form-group label{font-size:13px;margin-bottom:6px}.form-group input,.form-group select{border:1px solid #e5e7eb;border-radius:8px;font-size:14px;padding:10px 14px;transition:all .2s ease}.toggle-wrapper{align-items:center;display:flex;gap:12px;padding-top:4px}.toggle-label{color:#374151;font-size:14px}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.btn-secondary{background:#f3f4f6;border:none;font-weight:600}.btn-secondary:hover{background:#e5e7eb}.btn-primary{align-items:center;display:flex;font-weight:600;gap:8px}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.error,.loading{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:60px 20px}.loading p{color:#6b7280;font-size:16px;margin:0}@media (max-width:768px){.view-item-kit{padding:16px}.kit-header{gap:16px}.kit-header,.kit-info{align-items:flex-start;flex-direction:column}.kit-info{text-align:left}.add-btn{justify-content:center;width:100%}.items-table-container{overflow-x:auto}.items-table{min-width:700px}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.modal-content{max-height:95vh}}.edit-item-kit{background:#f8f9fa;min-height:calc(100vh - 70px);padding:24px}.input-with-icon .input-icon{font-weight:600}.form-switches{display:flex;flex-direction:column;gap:20px}.preview-image{height:240px;object-fit:cover;width:100%}.preview-placeholder{height:240px;justify-content:center}.preview-details h4{margin:0 0 12px}.preview-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#43e97b,#38f9d7);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;margin-bottom:12px}.preview-badge.featured{background:#6366f11a;color:#6366f1}@media (max-width:768px){.edit-item-kit{padding:16px}.form-section{padding:24px 20px}.form-actions{flex-direction:column;padding:20px}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.items{padding:20px}.table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #ddd;padding:12px 15px;text-align:left}th{background-color:#f8f9fa;font-weight:600}.avatar{border-radius:50%;height:40px;width:40px}.retailer-logo{height:auto;max-height:30px;width:60px}.status{border-radius:15px;font-size:.9em;padding:5px 10px}.status.active{background-color:#e8f5e9;color:#2e7d32}.status.inactive{background-color:#ffebee;color:#c62828}.delete-btn,.edit-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;justify-content:center;margin:0 5px;padding:8px;transition:opacity .2s}.delete-btn:hover,.edit-btn:hover{opacity:.8}.edit-btn{background-color:#2196f3}.delete-btn{background-color:#f44336}.items-page{background:#f8f9fa;min-height:calc(100vh - 70px);padding:24px}.add-btn:active{transform:translateY(0)}.items-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:24px}.item-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden;position:relative;transition:all .3s ease}.item-card:hover{border-color:#e5e7eb;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.item-image-wrapper{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);height:200px;overflow:hidden;position:relative;width:100%}.item-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.item-card:hover .item-image{transform:scale(1.05)}.discount-badge{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:20px;box-shadow:0 2px 8px #ef44444d;color:#fff;font-size:12px;font-weight:700;padding:6px 12px;position:absolute;right:12px;top:12px}.item-status{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #00000026;height:10px;left:12px;position:absolute;top:12px;width:10px}.item-status.active{background:#10b981}.item-status.inactive{background:#ef4444}.item-content{padding:20px}.item-header{margin-bottom:12px}.item-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a1a1a;display:-webkit-box;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 4px;min-height:40px;overflow:hidden}.item-id{color:#9ca3af;font-size:12px;margin:0}.item-pricing{border-bottom:1px solid #f0f0f0;margin-bottom:12px;padding-bottom:12px}.price-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.current-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#43e97b,#38f9d7);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.regular-price{color:#9ca3af;font-size:16px;text-decoration:line-through}.product-link{align-items:center;color:#6366f1;display:inline-flex;font-size:13px;gap:4px;text-decoration:none;transition:color .2s ease}.product-link:hover{color:#4f46e5}.item-meta{margin-bottom:16px}.status-badge{border-radius:16px;display:inline-block;font-size:11px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.item-actions{border-top:1px solid #f0f0f0;display:flex;gap:8px;padding-top:16px}.delete-btn,.edit-btn,.view-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px;transition:all .2s ease}.view-btn{background:#f3f4f6;color:#374151}.view-btn:hover{background:#e5e7eb}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.delete-btn:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}@media (max-width:768px){.items-page{padding:16px}.items-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.page-actions{flex-direction:column;width:100%}.add-btn,.search-box{width:100%}.add-btn{justify-content:center}.filter-section{align-items:flex-start;flex-direction:column}.pagination{flex-direction:column;gap:16px}}.edit-item{background:#f8f9fa;min-height:calc(100vh - 70px);padding:24px}.form-group input[type=number],.form-group input[type=text],.form-group input[type=url]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}@media (max-width:768px){.edit-item{padding:16px}.form-section{padding:24px 20px}.form-actions{flex-direction:column;padding:20px}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.users{padding:20px}.users-page{background:#f8f9fa;min-height:calc(100vh - 70px);padding:24px}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-th:hover{color:#6366f1}.sort-icon{margin-left:4px;vertical-align:middle}.sort-icon.idle{opacity:.35}.sort-icon.active{color:#6366f1;opacity:1}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:24px;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:linear-gradient(135deg,#f8f9fa,#f0f1f3)}.users-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.users-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.users-table tbody tr:hover{background-color:#f9fafb}.users-table tbody tr:last-child{border-bottom:none}.users-table td{color:#374151;font-size:14px;padding:12px 16px;vertical-align:middle}.id-cell{width:140px}.user-id-wrapper{align-items:center;display:flex;gap:10px}.user-avatar-small{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.user-id-wrapper span{color:#6b7280;font-family:monospace;font-size:13px}.name-cell{color:#1a1a1a;font-weight:500}.email-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-cell,.location-cell{color:#6b7280}.device-cell{font-size:13px}.postcode-cell{color:#6b7280;font-family:monospace}.users-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:24px}.user-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:24px;position:relative;transition:all .3s ease}.user-card:hover{border-color:#e5e7eb;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.user-header{margin-bottom:16px;position:relative}.user-avatar,.user-header{align-items:center;display:flex;justify-content:center}.user-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 4px 12px #6366f14d;color:#fff;font-size:28px;font-weight:700;height:80px;width:80px}.user-status{border:3px solid #fff;border-radius:50%;bottom:5px;box-shadow:0 2px 8px #00000026;height:16px;position:absolute;right:130px;width:16px}.user-status.active{background:#10b981}.user-status.inactive{background:#ef4444}.user-info{border-bottom:1px solid #f0f0f0;margin-bottom:16px;padding-bottom:16px;text-align:center}.user-name{color:#1a1a1a;font-size:18px;margin:0 0 4px}.user-id{color:#9ca3af;font-family:monospace;font-size:12px;margin:0}.user-contacts{border-bottom:1px solid #f0f0f0;display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding-bottom:16px}.contact-item{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:10px}.contact-item svg{color:#9ca3af;flex-shrink:0}.contact-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-meta{grid-gap:12px;border-bottom:1px solid #f0f0f0;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px;padding-bottom:16px}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{color:#9ca3af;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.meta-value{color:#374151;font-size:13px;font-weight:500}.user-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.ads-badge,.status-badge{border-radius:16px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.ads-badge{background:#6366f11a;color:#6366f1}.user-actions{display:flex;gap:8px}@media (max-width:768px){.users-page{padding:16px}.users-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.page-actions,.search-box{width:100%}.filter-section{align-items:flex-start;flex-direction:column}.pagination{flex-direction:column;gap:16px}.user-meta{grid-template-columns:1fr}}.edit-user-page{margin:0 auto;max-width:900px;padding:24px}.edit-user-page .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.edit-user-page .header-left{align-items:center;display:flex;gap:16px}.edit-user-page .back-btn{align-items:center;background:#f5f5f5;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.edit-user-page .back-btn:hover{background:#e8e8e8;color:#333}.edit-user-page .header-title h2{color:#1a1a1a;font-size:24px;font-weight:600;margin:0}.edit-user-page .subtitle{color:#666;font-size:14px;margin:4px 0 0}.edit-user-page .loading-container{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.edit-user-page .loading-spinner-icon{animation:spin 1s linear infinite;color:#2196f3;margin-bottom:16px}.edit-user-page .error-banner{align-items:center;background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;color:#c53030;display:flex;gap:8px;margin-bottom:24px;padding:12px 16px}.edit-user-page .form-container{margin:0 auto;max-width:800px}.edit-user-page .form-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:24px}.edit-user-page .card-header{align-items:center;border-bottom:1px solid #eee;display:flex;gap:10px;margin-bottom:20px;padding-bottom:16px}.edit-user-page .card-header svg{color:#2196f3}.edit-user-page .card-header h3{color:#1a1a1a;font-size:16px;font-weight:600;margin:0}.edit-user-page .form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.edit-user-page .form-group{display:flex;flex-direction:column;gap:6px}.edit-user-page .form-group.full-width{grid-column:span 2}.edit-user-page .form-group label{color:#333;font-size:14px;font-weight:500}.edit-user-page .required{color:#e53e3e}.edit-user-page .form-group input,.edit-user-page .form-group select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 14px;transition:all .2s ease}.edit-user-page .form-group input:focus,.edit-user-page .form-group select:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}.edit-user-page .form-group input:disabled,.edit-user-page .form-group select:disabled{background:#f7fafc;color:#a0aec0;cursor:not-allowed}.edit-user-page .settings-grid{display:flex;flex-direction:column;gap:16px}.edit-user-page .setting-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.edit-user-page .setting-info label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:4px}.edit-user-page .setting-info p{color:#666;font-size:13px;margin:0}.edit-user-page .toggle{display:inline-block;flex-shrink:0;height:26px;position:relative;width:48px}.edit-user-page .toggle input{height:0;opacity:0;width:0}.edit-user-page .toggle-slider{background-color:#e2e8f0;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.edit-user-page .toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0003;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}.edit-user-page .toggle input:checked+.toggle-slider{background-color:#22c55e}.edit-user-page .toggle input:checked+.toggle-slider:before{transform:translateX(22px)}.edit-user-page .form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.edit-user-page .cancel-btn{align-items:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.edit-user-page .cancel-btn:hover{background:#e8e8e8}.edit-user-page .submit-btn{align-items:center;background:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:all .2s ease}.edit-user-page .submit-btn:hover:not(:disabled){background:#1976d2}.edit-user-page .submit-btn:disabled{background:#90caf9;cursor:not-allowed}@media (max-width:768px){.edit-user-page{padding:16px}.edit-user-page .form-grid{grid-template-columns:1fr}.edit-user-page .form-group.full-width{grid-column:span 1}.edit-user-page .setting-item{align-items:flex-start;flex-direction:column;gap:12px}.edit-user-page .form-actions{flex-direction:column-reverse}.edit-user-page .cancel-btn,.edit-user-page .submit-btn{justify-content:center;width:100%}}.delivery-addresses-page{background:#f8f9fa;min-height:calc(100vh - 70px);padding:24px}.da-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:24px;overflow-x:auto}.da-table{border-collapse:collapse;font-size:14px;width:100%}.da-table thead th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.da-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .15s}.da-table tbody tr:last-child{border-bottom:none}.da-table tbody tr:hover{background:#f9fafb}.da-table tbody td{color:#374151;padding:14px 16px;vertical-align:middle}.da-address-cell{display:flex;flex-direction:column;gap:2px;max-width:250px}.da-line1{color:#1a1a1a;font-weight:600}.da-line2{color:#9ca3af;font-size:13px}.da-postcode{background:#eef2ff;border-radius:4px;color:#6366f1;font-weight:600;padding:2px 8px}.da-postcode,.da-user-id{font-family:monospace;font-size:13px}.da-user-id{color:#6b7280}.da-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.da-badge-default{background:#f59e0b1a;color:#d97706}.da-badge-normal{color:#d1d5db}.da-badge-active{background:#10b9811a;color:#059669}.da-badge-inactive{background:#ef44441a;color:#dc2626}.da-edit-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6366f1;cursor:pointer;display:inline-flex;height:34px;justify-content:center;transition:all .2s;width:34px}.da-edit-btn:hover{background:#6366f1;border-color:#6366f1;color:#fff}@media (max-width:768px){.delivery-addresses-page{padding:16px}.da-table-wrapper{border-radius:0;margin:0 -16px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.page-actions{flex-direction:column;width:100%}.add-btn,.search-box{width:100%}.add-btn{justify-content:center}.filter-section{align-items:flex-start;flex-direction:column}.pagination{flex-direction:column;gap:16px}}.add-delivery-address{background:#f8f9fa;min-height:calc(100vh - 70px);padding:24px}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 11 3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.form-group select:disabled{background-color:#f3f4f6;opacity:.7}.input-with-icon input{padding-left:44px}.form-row{grid-gap:20px;gap:20px}.switch-group{align-items:center;background:#f9fafb;border-radius:12px;padding:16px}.switch-label{color:#1a1a1a}.slider:before{bottom:3px;box-shadow:0 2px 4px #0000001a;height:22px;left:3px;width:22px}.switch input:checked+.slider{background-color:#6366f1}.preview-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e5e7eb;border-radius:16px;margin-bottom:24px;padding:24px}.preview-header{align-items:flex-start;margin-bottom:20px}.preview-icon{border-radius:14px;height:56px;width:56px}.preview-default-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#fff;display:inline-flex;font-size:12px;gap:4px}.preview-content{display:flex;flex-direction:column;gap:16px}.preview-address{background:#fff;border-radius:10px;padding:16px}.preview-address p{color:#374151;font-size:14px;margin:0 0 4px}.preview-address p:first-child{color:#1a1a1a;font-weight:600}.preview-address p:last-child{color:#6366f1;font-weight:500;margin-bottom:0}.preview-details{background:#ffffffb3;border-radius:10px;padding:12px 16px}.preview-label{color:#6b7280;font-size:13px}.preview-value{font-weight:500;word-break:break-all}.preview-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px}.preview-badge.default{background:#f59e0b1a;color:#d97706}.preview-badge.standard{background:#6366f11a;color:#6366f1}.info-box{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe}.info-box h4{color:#1e40af;font-size:15px}.info-box li{color:#3b82f6}.btn-secondary{border-radius:10px}.btn-primary,.btn-secondary{cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.btn-primary{border:none;border-radius:10px}.btn-primary:hover{transform:translateY(-1px)}@media (max-width:768px){.add-delivery-address{padding:16px}.form-section{padding:24px}.form-row{gap:0;grid-template-columns:1fr}.form-actions{padding:20px 24px}}.edit-delivery-address{background:#f8f9fa;margin:0 auto;max-width:800px;min-height:calc(100vh - 70px);padding:24px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-group select:disabled{background-color:#f5f5f5;cursor:not-allowed}.checkbox-group{margin-bottom:20px}.preview-default-badge{align-items:center;background:#f59e0b1a;border-radius:16px;color:#f59e0b;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.preview-address-lines{margin-bottom:16px}.preview-line-1{color:#1a1a1a;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 4px}.preview-line-2{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.preview-details{display:flex;flex-direction:column;gap:10px}.preview-detail-item{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px}.preview-detail-item svg{color:#9ca3af;flex-shrink:0}.preview-value{font-family:monospace;font-size:13px}.preview-meta{border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}.preview-meta-badge{background:#f3f4f6;border-radius:16px;color:#6b7280;font-size:12px;font-weight:600;padding:6px 12px}@media (max-width:1024px){.form-grid{grid-template-columns:1fr}.form-section:first-child{border-bottom:1px solid #e5e7eb;border-right:none}.form-row{grid-template-columns:1fr}}@media (max-width:768px){.edit-delivery-address{padding:16px}.form-section{padding:24px 20px}.form-actions{flex-direction:column;padding:20px}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.retailers-page{background:#f8f9fa;min-height:calc(100vh - 70px);padding:24px}.retailers-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:24px;overflow:hidden}.retailers-table{border-collapse:collapse;width:100%}.retailers-table thead{background:linear-gradient(135deg,#f8f9fa,#f0f1f3)}.retailers-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.retailers-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.retailers-table tbody tr:hover{background-color:#f9fafb}.retailers-table tbody tr:last-child{border-bottom:none}.retailers-table td{color:#374151;font-size:14px;padding:12px 16px;vertical-align:middle}.id-cell{color:#6b7280;font-family:monospace;font-weight:600;width:60px}.logo-cell{padding:8px 16px;width:60px}.logo-cell .retailer-logo{object-fit:contain;padding:4px}.logo-cell .retailer-logo,.logo-cell .retailer-placeholder{background:#f5f7fa;border-radius:6px;height:40px;width:40px}.logo-cell .retailer-placeholder{align-items:center;color:#9ca3af;display:flex;justify-content:center}.logo-cell .retailer-placeholder.hidden{display:none}.name-cell .retailer-name{color:#1a1a1a;font-weight:600}.shortname-cell{background:#f3f4f6;border-radius:4px;color:#6b7280;display:inline-block;font-family:monospace;font-size:13px;padding:4px 8px!important}.country-cell{color:#6b7280}.status-cell .status-badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.actions-cell{width:80px}.action-btn{justify-content:center;padding:8px 12px;transition:all .2s ease}.action-btn.edit{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.action-btn.edit:hover{box-shadow:0 2px 8px #6366f14d;transform:translateY(-1px)}.retailers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:24px}.retailer-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden;position:relative;transition:all .3s ease}.retailer-card:hover{border-color:#e5e7eb;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.retailer-logo-wrapper{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);display:flex;height:180px;justify-content:center;padding:24px;position:relative;width:100%}.retailer-logo{max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease}.retailer-card:hover .retailer-logo{transform:scale(1.05)}.retailer-placeholder{align-items:center;color:#9ca3af;display:flex;justify-content:center}.retailer-placeholder.hidden{display:none}.retailer-status{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #00000026;height:12px;position:absolute;right:12px;top:12px;width:12px}.retailer-status.active{background:#10b981}.retailer-status.inactive{background:#ef4444}.retailer-content{padding:20px}.retailer-header{border-bottom:1px solid #f0f0f0;margin-bottom:16px;padding-bottom:16px}.retailer-name{color:#1a1a1a;font-size:18px;font-weight:600;line-height:1.3;margin:0 0 6px}.retailer-short-name{background:#f3f4f6;border-radius:6px;color:#6b7280;display:inline-block;font-family:monospace;font-size:14px;font-weight:500;margin:0;padding:4px 8px}.retailer-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.id-badge,.status-badge{border-radius:16px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-badge.active{background:#10b9811a;color:#10b981}.status-badge.inactive{background:#ef44441a;color:#ef4444}.id-badge{background:#f3f4f6;color:#6b7280}.retailer-actions{border-top:1px solid #f0f0f0;display:flex;gap:8px;padding-top:16px}.edit-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s ease}.edit-btn:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-2px)}@media (max-width:768px){.retailers-page{padding:16px}.retailers-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.page-actions{flex-direction:column;width:100%}.add-btn,.search-box{width:100%}.add-btn{justify-content:center}.filter-section{align-items:flex-start;flex-direction:column}.pagination{flex-direction:column;gap:16px}}.add-retailer-page{background:#f8f9fa;min-height:calc(100vh - 70px);padding:24px}.header-left{align-items:center;display:flex;gap:16px}.header-title h2{color:#1a1a1a;font-size:24px;font-weight:600;margin:0}.header-title .subtitle{color:#6b7280;font-size:14px;margin:4px 0 0}.error-banner{background:#fee2e2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-weight:500;margin-bottom:24px;padding:16px 20px}.form-container{margin:0 auto;max-width:800px}.form-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:24px;overflow:hidden}.card-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#f0f1f3);border-bottom:1px solid #e5e7eb;display:flex;gap:10px;padding:16px 24px}.card-header svg{color:#6366f1}.card-header h3{color:#1a1a1a;font-size:16px;font-weight:600;margin:0}.form-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(2,1fr);padding:24px}.form-group.full-width{grid-column:1/-1}.form-group label{font-weight:500}.form-group label .required{color:#ef4444}.form-group input[type=text],.form-group select{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#1a1a1a;font-size:14px;height:42px;padding:0 14px;transition:all .2s ease;width:100%}.form-group input[type=text]:focus,.form-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-group input[type=text]::placeholder{color:#9ca3af}.logo-preview{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border-radius:10px;display:flex;height:120px;justify-content:center;padding:16px;width:100%}.logo-preview img{max-height:100%;max-width:100%;object-fit:contain}.toggle-group{align-items:center;display:flex;gap:12px}.toggle{display:inline-block;height:26px;position:relative;width:48px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:#e5e7eb;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #00000026;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}.toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.toggle input:checked+.toggle-slider:before{transform:translateX(22px)}.status-text{font-size:14px;font-weight:500}.status-text.active{color:#10b981}.status-text.inactive{color:#6b7280}.cancel-btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-btn:hover{background:#f9fafb;border-color:#d1d5db}.submit-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.add-retailer-page{padding:16px}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{justify-content:center;width:100%}}.edit-retailer{background:#f8f9fa;min-height:calc(100vh - 70px);padding:24px}.page-header{gap:16px}.back-btn{display:flex;height:40px;justify-content:center;padding:0;width:40px}.input-with-icon .input-icon{z-index:1}.input-with-icon input{padding-left:44px!important}.preview-logo-wrapper{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);display:flex;height:240px;justify-content:center;overflow:hidden;padding:40px;position:relative}.preview-logo{max-height:100%;max-width:100%;object-fit:contain;position:relative;z-index:1}.preview-placeholder{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:12px;text-align:center}.preview-placeholder.hidden{display:none}.preview-placeholder p{font-size:14px;margin:0}.preview-details{background:#fff;padding:20px}.preview-details h4{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 8px}.preview-short-name{background:#f3f4f6;border-radius:6px;color:#6b7280;display:inline-block;font-family:monospace;font-size:14px;font-weight:500;margin:0 0 16px;padding:6px 10px}@media (max-width:768px){.edit-retailer{padding:16px}.form-section{padding:24px 20px}.form-actions{flex-direction:column;padding:20px}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.states-page{background:#f8f9fa;min-height:calc(100vh - 70px);padding:24px}.states-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:24px;overflow:hidden}.states-table{border-collapse:collapse;width:100%}.states-table thead{background:#f8f9fa;border-bottom:2px solid #e5e7eb}.states-table th{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.states-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s ease}.states-table tbody tr:hover{background:#f8f9fa}.states-table tbody tr:last-child{border-bottom:none}.states-table td{color:#1a1a1a;font-size:14px;padding:14px 16px}.states-table .cell-id{color:#6b7280;font-weight:500;width:80px}.states-table .cell-name{align-items:center;display:flex;font-weight:600;gap:10px}.states-table .cell-name svg{color:#6366f1}.states-table .cell-code{background:#f3f4f6;border-radius:4px;font-family:monospace;font-size:13px;padding:4px 8px}.states-table .cell-country{align-items:center;color:#6b7280;display:flex;gap:6px}.states-table .cell-country svg{color:#10b981}.states-table .cell-actions{width:120px}.states-table .edit-btn{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#4b5563;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.states-table .edit-btn:hover{background:#6366f1;color:#fff}@media (max-width:768px){.states-page{padding:16px}.states-table-container{overflow-x:auto}.states-table{min-width:700px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.page-actions{flex-direction:column;width:100%}.add-btn,.search-box{width:100%}.add-btn{justify-content:center}.filter-section{align-items:flex-start;flex-direction:column}.pagination{flex-direction:column;gap:16px}}.add-state{background:#f8f9fa;min-height:calc(100vh - 70px);padding:24px}.form-group input[type=number],.form-group input[type=text]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}@media (max-width:768px){.add-state{padding:16px}.form-section{padding:24px 20px}.form-actions{flex-direction:column;padding:20px}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.edit-state{background:#f8f9fa;min-height:calc(100vh - 70px);padding:24px}.form-group input[type=number],.form-group input[type=text],.form-group select{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group select{background-color:#fff;cursor:pointer}.loading-dropdown{color:#666;font-style:italic;padding:8px}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-group input[type=checkbox]{cursor:pointer;width:auto}.input-with-icon{position:relative}.input-with-icon .input-icon{color:#9ca3af;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon input{padding-left:40px}.preview-details{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;margin-bottom:16px;padding:12px 0}.preview-detail-row{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px}.preview-detail-row svg{color:#9ca3af;flex-shrink:0}.preview-label{color:#9ca3af;font-weight:500}.preview-value{color:#374151;font-weight:600;margin-left:auto}@media (max-width:768px){.edit-state{padding:16px}.form-section{padding:24px 20px}.form-actions{flex-direction:column;padding:20px}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.countries-page{background:#f8f9fa;min-height:calc(100vh - 70px);padding:24px}.page-actions{align-items:center;display:flex;gap:12px}.search-box{position:relative;width:300px}.search-box input{background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;height:42px;padding:0 16px 0 44px;transition:all .2s ease;width:100%}.search-box input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.search-box svg{color:#9ca3af;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.add-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.add-btn:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.filter-section{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;gap:16px;margin-bottom:24px;padding:16px 20px}.filter-group label{color:#6b7280;font-size:14px;font-weight:500}.filter-group select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.filter-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.countries-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:24px;overflow:hidden}.countries-table{border-collapse:collapse;width:100%}.countries-table thead{background:#f8f9fa;border-bottom:2px solid #e5e7eb}.countries-table th{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.countries-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s ease}.countries-table tbody tr:hover{background:#f8f9fa}.countries-table tbody tr:last-child{border-bottom:none}.countries-table td{color:#1a1a1a;font-size:14px;padding:14px 16px}.countries-table .cell-id{color:#6b7280;font-weight:500;width:80px}.countries-table .cell-name{align-items:center;display:flex;font-weight:600;gap:10px}.countries-table .cell-name svg{color:#6366f1}.countries-table .cell-code{background:#f3f4f6;border-radius:4px;font-family:monospace;font-size:13px;padding:4px 8px;width:-webkit-fit-content;width:fit-content}.countries-table .cell-actions{width:120px}.countries-table .edit-btn{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#4b5563;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.countries-table .edit-btn:hover{background:#6366f1;color:#fff}.status-badge{font-weight:600}.status-badge.active{background:#d1fae5;color:#059669}.status-badge.inactive{background:#fee2e2;color:#dc2626}.empty-state,.error,.loading{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:60px 20px;text-align:center}.loading{align-items:center;display:flex;flex-direction:column;gap:16px}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#6366f1}.empty-state p,.loading p{color:#6b7280;font-size:16px;margin:0}.error{background:#fee;border:1px solid #fcc;color:#ef4444}.pagination{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;justify-content:space-between;padding:20px 24px}.pagination-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#6366f1;color:#6366f1}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-info{color:#6b7280;font-size:14px;font-weight:500}@media (max-width:768px){.countries-page{padding:16px}.countries-table-container{overflow-x:auto}.countries-table{min-width:600px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.page-actions{flex-direction:column;width:100%}.add-btn,.search-box{width:100%}.add-btn{justify-content:center}.filter-section{align-items:flex-start;flex-direction:column}.pagination{flex-direction:column;gap:16px}}.add-country{background:#f8f9fa;min-height:calc(100vh - 70px);padding:24px}@media (max-width:768px){.add-country{padding:16px}.form-section{padding:24px 20px}.form-actions{flex-direction:column;padding:20px}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.edit-country{background:#f8f9fa;min-height:calc(100vh - 70px);padding:24px}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px}.form-group input[type=text]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.error,.loading{font-size:1.1em;padding:40px;text-align:center}.loading{color:#666}.error{background-color:#ffebee;border-radius:8px;color:#c62828;margin-bottom:20px;padding:20px}.form-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.form-actions button{border:none;border-radius:4px;cursor:pointer;padding:8px 16px;transition:opacity .2s}.form-actions button:hover{opacity:.8}.form-actions button[type=submit]{background-color:#2196f3;color:#fff}.form-actions button[type=button]{background-color:#e0e0e0}.loading-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;gap:16px;padding:80px 20px;text-align:center}.loading-spinner-icon{animation:spin 1s linear infinite;color:#6366f1}.loading-container p{font-size:16px;margin:0}.back-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:16px;padding:10px 16px;transition:all .2s ease}.back-btn:hover{background:#f9fafb;border-color:#6366f1;color:#6366f1}.page-header h2{color:#1a1a1a;font-size:24px;font-weight:600;margin:0}.error-alert{align-items:center;background:#fee;border:1px solid #fcc;border-radius:12px;color:#c33;display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.error-alert span{font-size:20px}.error-alert p{flex:1 1;margin:0}form{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.form-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 400px}.form-section{padding:32px}.form-section:first-child{border-right:1px solid #e5e7eb}.section-title{border-bottom:2px solid #f0f0f0;color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 24px;padding-bottom:12px}.field-hint{color:#6b7280;font-size:13px;margin:8px 0 0}.form-switches{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px}.switch-group{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.switch-content{flex:1 1}.switch-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:4px}.switch-description{color:#6b7280;font-size:13px;margin:0}.switch{display:inline-block;flex-shrink:0;height:28px;position:relative;width:52px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#e5e7eb;border-radius:28px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 4px #0003;content:"";height:20px;left:4px;width:20px}.switch input:checked+.slider{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.switch input:checked+.slider:before{transform:translateX(24px)}.preview-card{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;margin-bottom:20px;overflow:hidden}.preview-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:20px}.preview-header,.preview-icon{align-items:center;display:flex}.preview-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;box-shadow:0 4px 12px #6366f14d;color:#fff;height:48px;justify-content:center;width:48px}.preview-status{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #00000026;height:12px;width:12px}.preview-status.active{background:#10b981}.preview-status.inactive{background:#ef4444}.preview-content{background:#fff;padding:20px}.preview-info{border-bottom:1px solid #f0f0f0;margin-bottom:16px;padding-bottom:16px}.preview-info h4{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 8px}.preview-code{background:#f3f4f6;border-radius:6px;color:#6b7280;display:inline-block;font-family:monospace;font-size:14px;font-weight:500;margin:0;padding:6px 10px}.preview-badges{display:flex;flex-wrap:wrap;gap:8px}.preview-badge{border-radius:16px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.preview-badge.active{background:#10b9811a;color:#10b981}.preview-badge.inactive{background:#ef44441a;color:#ef4444}.info-box{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;padding:20px}.info-box h4{color:#0c4a6e;font-size:14px;font-weight:600;margin:0 0 12px}.info-box ul{color:#075985;margin:0;padding-left:20px}.info-box li{font-size:13px;margin-bottom:6px}.info-box li:last-child{margin-bottom:0}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f14d;color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.btn-secondary{background:#fff;border:1px solid #e5e7eb;color:#374151}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}@media (max-width:1024px){.form-grid{grid-template-columns:1fr}.form-section:first-child{border-bottom:1px solid #e5e7eb;border-right:none}}@media (max-width:768px){.edit-country{padding:16px}.form-section{padding:24px 20px}.form-actions{flex-direction:column;padding:20px}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.reported-posts-page{margin:0 auto;max-width:1400px;padding:24px}.header-title svg{color:#dc2626}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-pending svg{background:#fef3c7;color:#d97706}.stat-dismissed svg{background:#fee2e2;color:#dc2626}.stat-action svg{background:#d1fae5;color:#059669}.filter-bar{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;gap:16px;margin-bottom:20px;padding:16px}.filter-bar,.filter-group{align-items:center;display:flex}.filter-group{gap:8px}.filter-group svg{color:#6b7280}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px}.filter-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.reports-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.reports-table{border-collapse:collapse;width:100%}.reports-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.reports-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:16px}.reports-table tr:last-child td{border-bottom:none}.reports-table tr:hover{background:#f9fafb}.row-pending{background:#fffbeb}.row-pending:hover{background:#fef3c7!important}.cell-id{color:#4f46e5;font-weight:600}.cell-content{max-width:300px}.content-preview{line-height:1.5}.post-inactive-badge{background:#fee2e2;border-radius:4px;color:#dc2626;display:inline-block;font-size:11px;font-weight:500;margin-left:8px;padding:2px 8px}.report-description{background:#f9fafb;border-radius:6px;color:#6b7280;font-size:13px;margin-top:8px;padding:8px}.cell-user{font-weight:500}.reason-badge,.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px}.badge-pending{background:#fef3c7;color:#d97706}.badge-reviewed{background:#e0e7ff;color:#4f46e5}.badge-dismissed{background:#f3f4f6;color:#6b7280}.badge-action{background:#d1fae5;color:#059669}.reason-spam{background:#fef3c7;color:#d97706}.reason-inappropriate{background:#fee2e2;color:#dc2626}.reason-harassment{background:#fce7f3;color:#be185d}.reason-other{background:#e0e7ff;color:#4f46e5}.action-buttons{display:flex;gap:8px}.action-btn{display:flex;padding:6px 12px}.action-btn:disabled{cursor:not-allowed;opacity:.6}.btn-dismiss{background:#f3f4f6;color:#6b7280}.btn-dismiss:hover:not(:disabled){background:#e5e7eb}.btn-action{background:#dc2626;color:#fff}.btn-action:hover:not(:disabled){background:#b91c1c}.reviewed-info{color:#9ca3af;font-size:12px}.pagination{margin-top:24px;padding:16px}.page-btn{gap:8px}.page-btn:hover:not(:disabled){background:#f9fafb;border-color:#4f46e5;color:#4f46e5}.empty-state{text-align:center}.empty-state h3{font-size:18px;font-weight:600}.empty-state p{color:#6b7280;font-size:14px}.loading-container{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center}.loading-spinner{animation:spin 1s linear infinite}.loading-container p{color:#6b7280;margin-top:16px}.error-container{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center;text-align:center}.error-container h3{color:#374151;font-size:18px;font-weight:600}.error-container p{font-size:14px}.post-media-preview{align-items:center;display:flex;gap:8px;margin-top:8px}.media-thumbnail{border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;height:50px;overflow:hidden;transition:all .2s;width:50px}.media-thumbnail:hover{border-color:#6366f1;transform:scale(1.05)}.media-thumbnail img,.media-thumbnail video{height:100%;object-fit:cover;width:100%}.more-media{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:12px;font-weight:500;padding:4px 8px}.image-modal-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.image-modal-content{max-height:90vh;max-width:90vw;position:relative}.image-modal-content img{border-radius:8px;box-shadow:0 20px 60px #00000080;max-height:85vh;max-width:100%}.modal-close-btn{background:#fff3;border-radius:50%;color:#fff;position:absolute;right:0;top:-40px;transition:all .2s}.modal-close-btn:hover{background:#ffffff4d}@media (max-width:1024px){.reports-table-container{overflow-x:auto}.reports-table{min-width:900px}}@media (max-width:768px){.reported-posts-page{padding:16px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}}.support-page{margin:0 auto;max-width:1400px;padding:24px}.page-header{justify-content:space-between;margin-bottom:24px}.header-title,.page-header{align-items:center;display:flex}.header-title{gap:12px}.header-title h1{color:#1a1a2e;font-size:28px;font-weight:700;margin:0}.header-title svg{color:#4f46e5}.refresh-button{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.refresh-button:hover{background:#e5e7eb}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.error-container,.loading-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#4f46e5;height:40px;margin-bottom:16px;width:40px}.error-container svg{color:#dc2626;margin-bottom:16px}.error-container h3{color:#1a1a2e;margin:0 0 8px}.error-container p{color:#6b7280;margin:0 0 20px}.retry-button{align-items:center;background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:background .2s}.retry-button:hover{background:#4338ca}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.stat-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .2s}.stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.stat-card.active{border-color:#4f46e5}.stat-card svg{border-radius:10px;padding:12px}.stat-open svg{background:#fef3c7;color:#d97706}.stat-resolved svg{background:#d1fae5;color:#059669}.stat-total svg{background:#e0e7ff;color:#4f46e5}.stat-info{display:flex;flex-direction:column}.stat-value{color:#1a1a2e;font-size:28px;font-weight:700}.stat-label{color:#6b7280;font-size:14px}.tickets-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;overflow:hidden}.empty-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.empty-state svg{color:#d1d5db;margin-bottom:16px}.empty-state h3{color:#374151;margin:0 0 8px}.empty-state p{margin:0}.tickets-table{border-collapse:collapse;width:100%}.tickets-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.05em;padding:14px 16px;text-align:left;text-transform:uppercase}.tickets-table td{border-bottom:1px solid #f3f4f6;padding:16px;vertical-align:middle}.tickets-table tbody tr:hover{background:#f9fafb}.row-open{background:#fffbeb}.row-open:hover{background:#fef3c7!important}.cell-user{min-width:180px}.user-info{align-items:flex-start;display:flex;gap:10px}.user-info svg{color:#9ca3af;flex-shrink:0;margin-top:2px}.user-name{color:#1a1a2e;font-size:14px;font-weight:600}.user-email{color:#6b7280;font-size:12px}.cell-subject{color:#374151;font-weight:500;max-width:200px}.cell-message{color:#6b7280;font-size:14px;max-width:300px}.cell-date{color:#6b7280;font-size:13px}.cell-actions,.cell-date{white-space:nowrap}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px}.badge-open{background:#fef3c7;color:#d97706}.badge-resolved{background:#d1fae5;color:#059669}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.btn-reply{background:#4f46e5;color:#fff}.btn-reply:hover{background:#4338ca}.btn-view{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.btn-view:hover{background:#e5e7eb}.pagination{gap:16px;justify-content:center;padding:20px}.page-btn,.pagination{align-items:center;display:flex}.page-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s}.page-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-info{color:#6b7280;font-size:14px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#1a1a2e;font-size:20px;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .2s;width:36px}.modal-close-btn:hover{background:#e5e7eb}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.ticket-details{background:#f9fafb;border-radius:10px;margin-bottom:20px;padding:16px}.detail-row{border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#6b7280;font-size:14px;font-weight:600;min-width:80px}.detail-value{color:#374151;font-size:14px}.message-section{margin-bottom:20px}.message-section h3{color:#374151;font-size:14px;font-weight:600;margin:0 0 10px}.message-box{border-radius:10px;font-size:14px;line-height:1.6;padding:16px;white-space:pre-wrap}.user-message{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.admin-reply{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.reply-meta{color:#6b7280;font-size:12px;font-style:italic;margin-top:10px}.reply-section h3{color:#374151;font-size:14px;font-weight:600;margin:0 0 10px}.reply-textarea{border:1px solid #d1d5db;border-radius:10px;font-family:inherit;font-size:14px;padding:14px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.reply-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-cancel{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-cancel:hover{background:#f3f4f6}.btn-send{align-items:center;background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-send:hover:not(:disabled){background:#4338ca}.btn-send:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.support-page{padding:16px}.header-title h1{font-size:22px}.stats-grid{grid-template-columns:1fr}.tickets-table{display:block;overflow-x:auto}.modal-content{margin:10px;max-width:100%}}.search-analytics{padding:24px}.search-analytics h2{color:#111827;font-size:24px;font-weight:700;margin:0}.sa-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:24px}.sa-header,.sa-header-left{align-items:center;display:flex;gap:12px}.sa-header-left h2,.sa-header-right{align-items:center;display:flex;gap:8px}.sa-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.sa-filter-group{display:flex;flex-direction:column;gap:4px}.sa-filter-group label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.sa-filter-group input,.sa-filter-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;min-width:140px;padding:8px 12px}.sa-filter-group input:focus,.sa-filter-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.sa-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.sa-btn-primary{background:#6366f1;color:#fff}.sa-btn-primary:hover{background:#4f46e5}.sa-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.sa-btn-secondary:hover{background:#f9fafb}.sa-btn-export{background:#059669;color:#fff}.sa-btn-export:hover{background:#047857}.sa-btn:disabled{cursor:not-allowed;opacity:.5}.sa-btn-icon{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.sa-btn-icon:hover{background:#f9fafb}.sa-btn-icon.spinning svg{animation:spin 1s linear infinite}.sa-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);margin-bottom:24px}.sa-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:20px}.sa-stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.sa-stat-label{color:#6b7280;font-size:13px;font-weight:500}.sa-stat-icon{align-items:center;border-radius:8px;display:flex;height:36px;justify-content:center;width:36px}.sa-stat-icon.blue{background:#eff6ff;color:#3b82f6}.sa-stat-icon.green{background:#f0fdf4;color:#22c55e}.sa-stat-icon.red{background:#fef2f2;color:#ef4444}.sa-stat-icon.purple{background:#f5f3ff;color:#8b5cf6}.sa-stat-icon.orange{background:#fff7ed;color:#f97316}.sa-stat-value{color:#111827;font-size:28px;font-weight:700;margin-bottom:4px}.sa-stat-change{align-items:center;display:flex;font-size:13px;font-weight:500;gap:4px}.sa-stat-change.positive{color:#16a34a}.sa-stat-change.negative{color:#dc2626}.sa-stat-change.neutral{color:#6b7280}.sa-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:24px;overflow:hidden}.sa-section-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.sa-section-header h3{color:#111827;font-size:16px;font-weight:600;margin:0}.sa-section-actions,.sa-section-header h3{align-items:center;display:flex;gap:8px}.sa-section-body{padding:20px}.sa-chart-container{height:300px;width:100%}.sa-chart-toggle{background:#f3f4f6;border-radius:8px;display:flex;gap:4px;padding:2px}.sa-chart-toggle button{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.sa-chart-toggle button.active{background:#fff;box-shadow:0 1px 2px #0000001a;color:#111827}.sa-table{border-collapse:collapse;width:100%}.sa-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.sa-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:12px 16px}.sa-table tr:hover{background:#f9fafb}.sa-table .rank{color:#6b7280;font-weight:600;width:50px}.sa-table .query-text{color:#111827;font-weight:500}.sa-table .count-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:13px;font-weight:600;padding:2px 8px}.sa-table .count-badge.high{background:#fef2f2;color:#dc2626}.sa-table .count-badge.medium{background:#fff7ed;color:#ea580c}.sa-table .count-badge.low{background:#f0fdf4;color:#16a34a}.sa-type-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 8px;white-space:nowrap}.sa-type-badge.text{background:#eff6ff;color:#2563eb}.sa-type-badge.barcode{background:#fff7ed;color:#ea580c}.sa-country-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.sa-country-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;padding:16px;transition:all .2s}.sa-country-card:hover{border-color:#6366f1;box-shadow:0 2px 8px #6366f11a}.sa-country-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.sa-country-name{color:#111827;font-size:16px;font-weight:600}.sa-country-pct{color:#6366f1;font-size:14px;font-weight:600}.sa-country-stats{display:flex;gap:20px;margin-bottom:8px}.sa-country-stat{display:flex;flex-direction:column}.sa-country-stat-label{color:#9ca3af;font-size:11px;letter-spacing:.05em;text-transform:uppercase}.sa-country-stat-value{color:#374151;font-size:18px;font-weight:700}.sa-country-top-query{color:#6b7280;font-size:13px;margin-top:8px}.sa-country-top-query span{color:#374151;font-weight:500}.sa-country-bar{background:#e5e7eb;border-radius:2px;height:4px;margin-top:12px;overflow:hidden}.sa-country-bar-fill{background:#6366f1;border-radius:2px;height:100%;transition:width .5s ease}.sa-pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.sa-pagination-info{color:#6b7280;font-size:13px}.sa-pagination-controls{display:flex;gap:4px}.sa-pagination-controls button{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.sa-pagination-controls button:hover:not(:disabled){background:#f9fafb}.sa-pagination-controls button:disabled{cursor:not-allowed;opacity:.4}.sa-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:0;margin-bottom:24px}.sa-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:-2px;padding:12px 20px;transition:all .2s}.sa-tab:hover{color:#374151}.sa-tab.active{border-bottom-color:#6366f1;color:#6366f1}.sa-tab .badge{background:#e5e7eb;border-radius:10px;color:#6b7280;font-size:12px;font-weight:600;padding:2px 8px}.sa-tab.active .badge{background:#eef2ff;color:#6366f1}.sa-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 20px}.sa-loading svg{animation:spin 1s linear infinite}.sa-empty{color:#9ca3af;padding:40px 20px;text-align:center}.sa-empty svg{margin-bottom:12px;opacity:.5}.sa-empty p{font-size:14px}.sa-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.sa-error p{font-size:14px;margin:0}.sa-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.sa-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:480px;padding:24px;width:90%}.sa-modal h3{align-items:center;color:#111827;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px}.sa-modal-info{background:#f9fafb;border-radius:8px;margin-bottom:16px;padding:12px 16px}.sa-modal-info-row{display:flex;font-size:14px;justify-content:space-between;padding:4px 0}.sa-modal-info-label{color:#6b7280}.sa-modal-info-value{color:#111827;font-weight:500}.sa-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.sa-toast{align-items:center;animation:slideIn .3s ease;border-radius:10px;box-shadow:0 4px 12px #00000026;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:2000}.sa-toast.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.sa-toast.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.sa-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.search-analytics{padding:16px}.sa-header{align-items:stretch;flex-direction:column}.sa-stats-grid{grid-template-columns:1fr}.sa-filters{flex-direction:column}.sa-table{font-size:13px}.sa-table td,.sa-table th{padding:8px 12px}.sa-country-grid{grid-template-columns:1fr}}.perf-analytics{background:#f8f9fa;min-height:calc(100vh - 60px);padding:24px}.pa-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:400px}.pa-loading svg{animation:pa-spin 1s linear infinite}@keyframes pa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pa-header{justify-content:space-between;margin-bottom:20px}.pa-header,.pa-header-left h2{align-items:center;display:flex}.pa-header-left h2{color:#1a1a1a;font-size:22px;font-weight:600;gap:10px;margin:0}.pa-btn-icon{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s;width:36px}.pa-btn-icon:hover{background:#f3f4f6}.pa-btn-icon.spinning svg{animation:pa-spin 1s linear infinite}.pa-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.pa-filter-group{display:flex;flex-direction:column;gap:4px}.pa-filter-group label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.pa-filter-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;min-width:160px;outline:none;padding:8px 12px}.pa-filter-group select:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.pa-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.pa-error p{flex:1 1;font-size:14px;margin:0}.pa-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 14px;transition:all .15s}.pa-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.pa-btn-secondary:hover{background:#f9fafb}.pa-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.pa-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.pa-stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.pa-stat-label{color:#6b7280;font-size:13px;font-weight:500}.pa-stat-icon{align-items:center;border-radius:8px;display:flex;height:36px;justify-content:center;width:36px}.pa-stat-icon.blue{background:#6366f11a;color:#6366f1}.pa-stat-icon.green{background:#22c55e1a;color:#22c55e}.pa-stat-icon.orange{background:#f59e0b1a;color:#f59e0b}.pa-stat-icon.purple{background:#8b5cf61a;color:#8b5cf6}.pa-stat-value{color:#1a1a1a;font-size:28px;font-weight:700;margin-bottom:4px}.pa-stat-value.speed-fast{color:#22c55e}.pa-stat-value.speed-ok{color:#f59e0b}.pa-stat-value.speed-slow{color:#ef4444}.pa-stat-sub{color:#9ca3af;font-size:12px}.pa-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:4px;margin-bottom:20px;overflow-x:auto;padding:4px}.pa-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .15s;white-space:nowrap}.pa-tab:hover{background:#f3f4f6;color:#374151}.pa-tab.active{background:#6366f1;color:#fff}.pa-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;overflow:hidden}.pa-section-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 20px}.pa-section-header h3{align-items:center;color:#1a1a1a;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0}.pa-section-body{padding:20px}.pa-chart-container{min-height:250px}.pa-table{border-collapse:collapse;width:100%}.pa-table thead th{background:#fafafa;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:10px 16px;text-align:left;text-transform:uppercase}.pa-table tbody td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:12px 16px}.pa-table tbody tr:hover{background:#f9fafb}.pa-page-name{font-weight:500}.pa-speed-badge{border-radius:12px;font-size:12px;font-weight:600;padding:3px 10px}.pa-speed-badge.speed-fast{background:#dcfce7;color:#16a34a}.pa-speed-badge.speed-ok{background:#fef3c7;color:#d97706}.pa-speed-badge.speed-slow{background:#fee2e2;color:#dc2626}.pa-platform-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 1fr}.pa-pie-container{align-items:center;display:flex;justify-content:center}.pa-platform-cards{display:flex;flex-direction:column;gap:16px}.pa-platform-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.pa-platform-card-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.pa-platform-dot{border-radius:50%;height:10px;width:10px}.pa-platform-name{color:#1a1a1a;font-size:15px;font-weight:600;text-transform:capitalize}.pa-platform-stats{display:flex;gap:24px}.pa-platform-stat{display:flex;flex-direction:column;gap:2px}.pa-platform-stat-label{color:#9ca3af;font-size:12px}.pa-platform-stat-value{color:#1a1a1a;font-size:18px;font-weight:700}.pa-platform-stat-value.speed-fast{color:#22c55e}.pa-platform-stat-value.speed-ok{color:#f59e0b}.pa-platform-stat-value.speed-slow{color:#ef4444}.pa-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:48px 20px}.pa-empty p{font-size:14px;margin:0}@media (max-width:1024px){.pa-stats-grid{grid-template-columns:repeat(2,1fr)}.pa-platform-layout{grid-template-columns:1fr}}@media (max-width:768px){.perf-analytics{padding:16px}.pa-stats-grid{grid-template-columns:1fr}.pa-header{align-items:flex-start;gap:12px}.pa-filters,.pa-header{flex-direction:column}.pa-filter-group select{width:100%}}.user-activity{background:#f8f9fa;min-height:calc(100vh - 60px);padding:24px}.ua-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:400px}.ua-loading svg{animation:ua-spin 1s linear infinite}@keyframes ua-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ua-empty{color:#9ca3af;font-size:14px;padding:48px 20px;text-align:center}.ua-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.ua-header-left h2{align-items:center;color:#1a1a1a;display:flex;font-size:22px;font-weight:600;gap:10px;margin:0}.ua-subtitle{color:#9ca3af;display:block;font-size:13px;margin-top:2px}.ua-header-right{align-items:flex-end;display:flex;gap:12px}.ua-filter-group{display:flex;flex-direction:column;gap:4px}.ua-filter-group label{color:#6b7280;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.ua-filter-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;outline:none;padding:8px 12px}.ua-filter-group select:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.ua-btn-icon{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s;width:36px}.ua-btn-icon:hover{background:#f3f4f6}.ua-btn-icon.spinning svg{animation:ua-spin 1s linear infinite}.ua-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.ua-error p{flex:1 1;font-size:14px;margin:0}.ua-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px}.ua-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.ua-btn-secondary:hover{background:#f9fafb}.ua-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.ua-table{border-collapse:collapse;min-width:900px;width:100%}.ua-table thead th{background:#fafafa;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.ua-table tbody td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:14px 16px;vertical-align:middle}.ua-table tbody tr:hover{background:#f9fafb}.ua-empty-row{color:#9ca3af;padding:40px 16px!important;text-align:center}.ua-user-cell{gap:10px}.ua-avatar,.ua-user-cell{align-items:center;display:flex}.ua-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-weight:600;height:34px;justify-content:center;width:34px}.ua-avatar.lg{font-size:18px;height:42px;width:42px}.ua-user-info{display:flex;flex-direction:column}.ua-user-name{color:#1a1a1a;font-size:14px;font-weight:500}.ua-user-email{color:#9ca3af;font-size:12px}.ua-country{color:#6b7280;display:flex;gap:5px}.ua-country,.ua-platform-badge{align-items:center;font-size:13px}.ua-platform-badge{display:inline-flex;gap:4px;text-transform:capitalize}.ua-pages-count{color:#1a1a1a;font-weight:600}.ua-pages-unique{color:#9ca3af;font-size:12px;margin-left:4px}.ua-speed-badge{border-radius:10px;font-size:12px;font-weight:600;padding:3px 8px}.ua-speed-badge.speed-fast{background:#dcfce7;color:#16a34a}.ua-speed-badge.speed-ok{background:#fef3c7;color:#d97706}.ua-speed-badge.speed-slow{background:#fee2e2;color:#dc2626}.ua-last-active{color:#6b7280}.ua-last-active,.ua-view-btn{font-size:13px;white-space:nowrap}.ua-view-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6366f1;cursor:pointer;display:inline-flex;font-weight:500;gap:5px;padding:6px 14px;transition:all .15s}.ua-view-btn:hover{background:#eef2ff;border-color:#c7d2fe}.ua-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1000}.ua-modal{animation:ua-modal-in .2s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000026;display:flex;flex-direction:column;max-height:85vh;max-width:1200px;width:90vw}@keyframes ua-modal-in{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ua-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.ua-modal-title{align-items:center;display:flex;gap:12px}.ua-modal-title h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.ua-modal-sub{color:#9ca3af;font-size:13px}.ua-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s;width:36px}.ua-modal-close:hover{background:#e5e7eb;color:#374151}.ua-tab-bar{background:#fafafa;border-bottom:1px solid #e5e7eb;display:flex;gap:0;padding:0 24px}.ua-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:-1px;padding:12px 20px;transition:all .15s}.ua-tab:hover{background:#f3f4f6;color:#374151}.ua-tab.active{background:none;border-bottom-color:#6366f1;color:#6366f1}.ua-tab-count{align-items:center;background:#e0e7ff;border-radius:10px;color:#6366f1;display:inline-flex;font-size:11px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.ua-modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.ua-modal-stats{display:flex;gap:16px;margin-bottom:24px}.ua-mini-stat{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#6366f1;display:flex;flex:1 1;gap:10px;padding:12px 18px}.ua-mini-stat>div{display:flex;flex-direction:column}.ua-mini-val{color:#1a1a1a;font-size:20px;font-weight:700}.ua-mini-label{color:#9ca3af;font-size:12px}.ua-modal-section{margin-bottom:24px}.ua-modal-section h4{color:#1a1a1a;font-size:15px;font-weight:600;margin:0 0 12px}.ua-chart-container{min-height:220px}.ua-sessions-list{display:flex;flex-direction:column;gap:8px}.ua-session-block{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.ua-session-header{align-items:center;background:#fafafa;border:none;color:#374151;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:12px 16px;transition:background .1s;width:100%}.ua-session-header:hover{background:#f3f4f6}.ua-session-header-left{align-items:center;display:flex;gap:8px}.ua-session-header-right{align-items:center;display:flex;gap:12px}.ua-chevron{color:#9ca3af;transition:transform .2s}.ua-chevron.open{transform:rotate(90deg)}.ua-session-date{color:#1a1a1a;font-weight:600}.ua-session-time{color:#9ca3af;font-size:12px}.ua-session-meta{background:#e5e7eb;border-radius:6px;color:#6b7280;font-size:12px;padding:2px 8px}.ua-session-events{border-top:1px solid #f0f0f0;padding:16px}.ua-session-chart{margin-bottom:16px}.ua-event-list{display:flex;flex-direction:column;gap:0;padding-left:12px;position:relative}.ua-event-list:before{background:#e5e7eb;bottom:8px;content:"";left:16px;position:absolute;top:8px;width:2px}.ua-event{align-items:center;display:flex;font-size:13px;gap:10px;padding:6px 0 6px 16px;position:relative}.ua-event.marker{opacity:.5}.ua-event-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px;z-index:1}.ua-event-time{color:#9ca3af;font-family:SF Mono,Fira Code,monospace;font-size:12px;min-width:80px}.ua-event-page{color:#374151;font-weight:500;min-width:110px}.ua-event-load{border-radius:4px;font-size:12px;font-weight:600;padding:1px 6px}.ua-event-load.speed-fast{background:#dcfce7;color:#16a34a}.ua-event-load.speed-ok{background:#fef3c7;color:#d97706}.ua-event-load.speed-slow{background:#fee2e2;color:#dc2626}.ua-event-duration{color:#6b7280;font-size:12px}@media (max-width:768px){.user-activity{padding:16px}.ua-header{align-items:flex-start;flex-direction:column}.ua-modal{border-radius:12px;max-height:95vh;max-width:100%}.ua-modal-overlay{padding:12px}.ua-modal-stats{flex-direction:column}.ua-list-grid{grid-template-columns:1fr}.ua-tab{font-size:13px;padding:10px 14px}}.ua-list-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.ua-list-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;padding:14px;transition:border-color .15s}.ua-list-card:hover{border-color:#c7d2fe}.ua-list-card-img{align-items:center;background:#e5e7eb;border-radius:8px;color:#9ca3af;display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;width:56px}.ua-list-card-img img{height:100%;object-fit:cover;width:100%}.ua-list-card-info{display:flex;flex-direction:column;gap:4px;min-width:0}.ua-list-card-name{color:#1a1a1a;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ua-list-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.ua-list-card-price{color:#059669;font-size:14px;font-weight:600}.ua-list-card-detail{align-items:center;color:#6b7280;display:inline-flex;font-size:12px;gap:3px}.ua-list-card-badge{background:#fef3c7;border-radius:6px;color:#d97706;font-size:11px;font-weight:600;padding:1px 7px}.ua-list-card-date{color:#9ca3af;font-size:12px}.ua-cart-list{display:flex;flex-direction:column;gap:0}.ua-cart-summary{align-items:center;background:#f0f4ff;border:1px solid #c7d2fe;border-radius:10px;color:#4338ca;display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:12px;padding:12px 16px}.ua-cart-total{font-size:16px;font-weight:700}.ua-cart-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding:14px 0}.ua-cart-item:last-child{border-bottom:none}.ua-cart-item-img{align-items:center;background:#e5e7eb;border-radius:8px;color:#9ca3af;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.ua-cart-item-img img{height:100%;object-fit:cover;width:100%}.ua-cart-item-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.ua-cart-item-name{color:#1a1a1a;font-size:14px;font-weight:500}.ua-cart-item-name,.ua-cart-item-variant{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ua-cart-item-variant{color:#9ca3af;font-size:12px}.ua-cart-item-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:2px}.ua-cart-item-retailer{align-items:center;color:#6b7280;display:inline-flex;font-size:12px;gap:3px}.ua-cart-item-addedby{font-style:italic}.ua-cart-item-addedby,.ua-cart-item-date{color:#9ca3af;font-size:12px}.ua-cart-item-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.ua-cart-item-qty{background:#eef2ff;border-radius:6px;color:#6366f1;font-size:13px;font-weight:600;padding:2px 8px}.ua-cart-item-price{color:#1a1a1a;font-size:15px;font-weight:600}.ua-cart-item-unavailable{background:#fee2e2;border-radius:4px;color:#dc2626;font-size:11px;font-weight:500;padding:1px 6px}.ua-cart-item-link{align-items:center;background:#eef2ff;border-radius:6px;color:#6366f1;display:inline-flex;height:24px;justify-content:center;transition:background .15s;width:24px}.ua-cart-item-link:hover{background:#c7d2fe}.ua-search-list{overflow-x:auto}.ua-search-table{min-width:500px}.ua-search-table thead th{background:#fafafa;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.ua-search-table tbody td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:12px 14px;vertical-align:middle}.ua-search-table tbody tr:hover{background:#f9fafb}.ua-search-keyword{align-items:center;background:#eef2ff;border-radius:6px;color:#1a1a1a;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:3px 10px}.ua-search-results{color:#059669;font-size:14px;font-weight:600}.ua-search-results.zero{color:#dc2626}.ua-product-views-list{overflow-y:auto}.ua-product-views-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ua-product-view-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;padding:12px;transition:box-shadow .15s}.ua-product-view-card:hover{box-shadow:0 2px 8px #0000000f}.ua-product-view-img{align-items:center;background:#f3f4f6;border-radius:8px;color:#9ca3af;display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;width:56px}.ua-product-view-img img{height:100%;object-fit:cover;width:100%}.ua-product-view-info{display:flex;flex-direction:column;gap:4px;min-width:0}.ua-product-view-name{color:#1a1a1a;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ua-product-view-meta{display:flex;flex-wrap:wrap;gap:10px}.ua-product-view-count{align-items:center;background:#eef2ff;border-radius:10px;color:#6366f1;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:2px 8px}.ua-product-view-device,.ua-product-view-os{align-items:center;color:#6b7280;display:inline-flex;font-size:12px;gap:4px}.ua-product-view-date{color:#9ca3af;font-size:12px}.ua-barcode-list{overflow-x:auto}.ua-barcode-table{min-width:500px}.ua-barcode-table thead th{background:#fafafa;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.ua-barcode-table tbody td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:12px 14px;vertical-align:middle}.ua-barcode-table tbody tr:hover{background:#f9fafb}.ua-barcode-value{align-items:center;background:#f3f4f6;border-radius:6px;color:#1a1a1a;display:inline-flex;font-family:SF Mono,Fira Code,monospace;font-size:13px;font-weight:500;gap:6px;padding:3px 10px}.ua-barcode-results{color:#059669;font-size:14px;font-weight:600}.ua-barcode-results.zero{color:#dc2626}.roles-page{padding:24px}.roles-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px}.spinner-large{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#6366f1;height:40px;width:40px}.roles-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.roles-header-left{align-items:center;color:#1e293b;display:flex;gap:12px}.roles-header-left h1{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.roles-header-left p{color:#64748b;font-size:.85rem;margin:0}.roles-btn-primary{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;padding:10px 20px;transition:background .2s}.roles-btn-primary:hover:not(:disabled){background:#4f46e5}.roles-btn-primary:disabled{cursor:not-allowed;opacity:.6}.roles-btn-secondary{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:background .2s}.roles-btn-secondary:hover{background:#e2e8f0}.roles-btn-danger{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px}.roles-btn-danger:hover{background:#dc2626}.roles-btn-link{background:none;border:none;color:#6366f1;cursor:pointer;font-size:.8rem;font-weight:500;padding:0}.roles-btn-link:hover{text-decoration:underline}.roles-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.roles-error button{background:none;border:none;color:#dc2626;cursor:pointer;padding:2px}.roles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.role-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;position:relative;transition:box-shadow .2s}.role-card:hover{box-shadow:0 4px 12px #0000000f}.role-card.system{border-left:3px solid #6366f1}.role-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.role-card-title{align-items:center;display:flex;gap:8px}.role-card-title h3{color:#1e293b;font-size:1.05rem;font-weight:600;margin:0}.role-badge{border-radius:20px;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.role-badge.system{background:#eef2ff;color:#6366f1}.role-card-actions{display:flex;gap:4px}.role-action-btn{align-items:center;background:#f8fafc;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.role-action-btn:hover{background:#f1f5f9}.role-action-btn.edit:hover{color:#6366f1}.role-action-btn.delete:hover{color:#ef4444}.role-card-desc{color:#64748b;font-size:.85rem;line-height:1.4;margin:0 0 12px}.role-card-perms{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.perm-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:4px 10px;white-space:nowrap}.perm-badge.active{background:#ecfdf5;color:#059669}.perm-badge.inactive{background:#f8fafc;color:#cbd5e1;text-decoration:line-through}.role-card-footer{align-items:center;border-top:1px solid #f1f5f9;color:#94a3b8;display:flex;font-size:.8rem;gap:6px;padding-top:12px}.role-delete-confirm{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffffff2;border-radius:12px;display:flex;flex-direction:column;gap:12px;inset:0;justify-content:center;position:absolute}.role-delete-confirm p{color:#1e293b;font-weight:600}.role-delete-actions{display:flex;gap:8px}.roles-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.roles-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-height:90vh;max-width:520px;overflow-y:auto;width:100%}.roles-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 24px}.roles-modal-header h2{color:#1e293b;font-size:1.2rem;font-weight:700;margin:0}.roles-modal-close{background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;padding:4px}.roles-modal-close:hover{background:#f1f5f9;color:#475569}.roles-modal-body{padding:24px}.roles-form-group{margin-bottom:20px}.roles-form-group label{color:#374151;display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}.roles-form-group input[type=text],.roles-form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1e293b;font-size:.9rem;padding:10px 12px;transition:border-color .2s;width:100%}.roles-form-group input:focus,.roles-form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.roles-form-group input:disabled{background:#f9fafb;color:#9ca3af}.roles-form-group textarea{resize:vertical}.perms-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.perms-header label{margin-bottom:0!important}.perms-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.perm-checkbox{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:all .15s}.perm-checkbox:hover{background:#eef2ff;border-color:#6366f1}.perm-checkbox input[type=checkbox]{accent-color:#6366f1;cursor:pointer;height:16px;width:16px}.perm-checkbox-label{color:#374151;font-size:.85rem;font-weight:500}.roles-modal-footer{border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}@media (max-width:768px){.roles-page{padding:16px}.perms-grid,.roles-grid{grid-template-columns:1fr}.roles-header{align-items:flex-start;flex-direction:column}}.superusers-page{padding:24px}.superusers-loading{color:#64748b;flex-direction:column;justify-content:center;min-height:300px}.superusers-header,.superusers-loading{align-items:center;display:flex;gap:16px}.superusers-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:24px}.superusers-header-left{align-items:center;color:#1e293b;display:flex;gap:12px}.superusers-header-left h1{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.superusers-header-left p{color:#64748b;font-size:.85rem;margin:0}.su-btn-primary{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;padding:10px 20px;transition:background .2s}.su-btn-primary:hover:not(:disabled){background:#4f46e5}.su-btn-primary:disabled{cursor:not-allowed;opacity:.6}.su-btn-secondary{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px}.su-btn-secondary:hover{background:#e2e8f0}.su-btn-danger{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px}.su-btn-danger:hover{background:#dc2626}.su-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.su-error button{background:none;border:none;color:#dc2626;cursor:pointer;padding:2px}.su-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.su-table{border-collapse:collapse;width:100%}.su-table thead{background:#f8fafc}.su-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.su-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:.9rem;padding:14px 16px;vertical-align:middle}.su-table tr:last-child td{border-bottom:none}.su-table tr:hover td{background:#fafbfc}.su-user-cell{gap:12px}.su-avatar,.su-user-cell{align-items:center;display:flex}.su-avatar{background:#6366f1;border-radius:50%;color:#fff;flex-shrink:0;font-size:.85rem;font-weight:600;height:36px;justify-content:center;width:36px}.su-user-name{color:#1e293b;font-weight:600}.su-user-fullname{color:#94a3b8;font-size:.8rem}.su-role-badge{background:#eef2ff;color:#6366f1}.su-role-badge,.su-status{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;padding:4px 10px}.su-status.active{background:#ecfdf5;color:#059669}.su-status.disabled{background:#fef2f2;color:#dc2626}.su-actions{display:flex;gap:4px}.su-action-btn{align-items:center;background:#f8fafc;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.su-action-btn:hover{background:#f1f5f9}.su-action-btn.edit:hover{color:#6366f1}.su-action-btn.delete:hover{color:#ef4444}.su-delete-popup{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0000001f;padding:14px 18px;position:absolute;right:16px;white-space:nowrap;z-index:10}.su-delete-popup p{color:#334155;font-size:.85rem;margin:0 0 10px}.su-delete-actions{display:flex;gap:8px}.su-empty{color:#94a3b8;padding:40px 16px!important;text-align:center}.su-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.su-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-height:90vh;max-width:640px;overflow-y:auto;width:100%}.su-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 24px}.su-modal-header h2{color:#1e293b;font-size:1.2rem;font-weight:700;margin:0}.su-modal-close{background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;padding:4px}.su-modal-close:hover{background:#f1f5f9;color:#475569}.su-modal-body{padding:24px}.su-form-row{display:flex;gap:16px;margin-bottom:0}.su-form-row .su-form-group{flex:1 1}.su-form-group{margin-bottom:16px}.su-form-group label{color:#374151;display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}.su-form-group input[type=email],.su-form-group input[type=password],.su-form-group input[type=text],.su-form-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1e293b;font-size:.9rem;padding:10px 12px;transition:border-color .2s;width:100%}.su-form-group input:focus,.su-form-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.su-form-group select{-webkit-appearance:auto;appearance:auto}.su-password-wrapper{position:relative}.su-password-wrapper input{padding-right:40px}.su-password-toggle{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.su-password-toggle:hover{color:#475569}.su-toggle-label{align-items:center;cursor:pointer;display:flex!important;gap:8px}.su-toggle-label input[type=checkbox]{accent-color:#6366f1;height:16px;width:16px}.su-modal-footer{border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}@media (max-width:768px){.superusers-page{padding:16px}.superusers-header{align-items:flex-start;flex-direction:column}.su-form-row{flex-direction:column;gap:0}.su-table-wrapper{overflow-x:auto}.su-table{min-width:600px}}.marketing-messages-page{max-width:1200px;padding:24px}.mm-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.mm-header-left{align-items:center;display:flex;gap:12px}.mm-header-icon{color:#6366f1}.mm-header h1{color:#1e293b;font-size:24px;font-weight:700;margin:0}.mm-header p{color:#64748b;font-size:14px;margin:2px 0 0}.mm-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.mm-btn-primary{background:#6366f1;color:#fff}.mm-btn-primary:hover{background:#4f46e5}.mm-btn-primary:disabled{background:#a5b4fc;cursor:not-allowed}.mm-btn-secondary{background:#f1f5f9;color:#475569}.mm-btn-secondary:hover{background:#e2e8f0}.mm-filter-bar{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;margin-bottom:20px;padding:12px 16px}.mm-filter-group{align-items:center;color:#64748b;display:flex;gap:6px}.mm-filter-group select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;padding:6px 10px}.mm-count{color:#94a3b8;font-size:13px;margin-left:auto}.mm-error,.mm-loading{color:#64748b;font-size:15px;padding:48px;text-align:center}.mm-error{color:#ef4444}.mm-empty{color:#94a3b8;padding:64px 24px;text-align:center}.mm-empty h3{color:#475569;margin:16px 0 8px}.mm-empty p{margin-bottom:20px}.mm-table-container{border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.mm-table{border-collapse:collapse;font-size:14px;width:100%}.mm-table thead{background:#f8fafc}.mm-table th{border-bottom:1px solid #e2e8f0;color:#475569;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.mm-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:12px 16px}.mm-table tbody tr:hover{background:#f8fafc}.mm-row-inactive{opacity:.55}.mm-country-badge{background:#ede9fe;border-radius:12px;color:#6366f1;display:inline-block;font-size:12px;font-weight:600;padding:2px 10px}.mm-title-cell{font-weight:600;max-width:200px}.mm-message-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mm-icon-badge{background:#f1f5f9;border-radius:4px;color:#64748b;display:inline-block;font-family:monospace;font-size:12px;padding:2px 8px}.mm-priority-cell,.mm-views-cell{text-align:center}.mm-views-badge{align-items:center;background:#eff6ff;border-radius:10px;color:#2563eb;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:2px 10px}.mm-expires-cell{white-space:nowrap}.mm-expires-badge{align-items:center;background:#f0fdf4;border-radius:10px;color:#16a34a;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:2px 8px}.mm-expires-badge.expired{background:#fef2f2;color:#ef4444}.mm-expires-badge.never{background:#f1f5f9;color:#94a3b8}.mm-toggle{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:inline-flex;gap:4px;transition:color .2s}.mm-toggle.active{color:#22c55e}.mm-actions{align-items:center;display:flex;gap:6px}.mm-action-btn{align-items:center;background:#f1f5f9;border:none;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .2s;width:32px}.mm-action-btn:hover{background:#e2e8f0}.mm-action-btn.edit:hover{background:#dbeafe;color:#2563eb}.mm-action-btn.danger{color:#ef4444}.mm-action-btn.danger:hover{background:#fef2f2}.mm-delete-confirm{align-items:center;color:#ef4444;display:flex;font-size:12px;gap:4px}.mm-delete-confirm .mm-action-btn{font-size:12px;padding:2px 8px;width:auto}.mm-modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.mm-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000026;max-height:90vh;max-width:90vw;overflow-y:auto;width:520px}.mm-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.mm-modal-header h2{color:#1e293b;font-size:18px;font-weight:600;margin:0}.mm-modal-close{background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;padding:4px}.mm-modal-close:hover{background:#f1f5f9;color:#475569}.mm-modal-body{padding:24px}.mm-form-group{margin-bottom:16px}.mm-form-group label{color:#475569;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.mm-form-group input,.mm-form-group select,.mm-form-group textarea{border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:8px 12px;transition:border-color .2s;width:100%}.mm-form-group input:focus,.mm-form-group select:focus,.mm-form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.mm-form-group textarea{resize:vertical}.mm-form-hint{color:#94a3b8;display:block;font-size:12px;margin-top:4px}.mm-form-row{display:flex;gap:16px}.mm-form-row .mm-form-group{flex:1 1}.mm-form-toggle{align-items:center;display:flex;gap:12px}.mm-form-toggle label{margin-bottom:0}.mm-form-toggle .mm-toggle span{font-size:13px}.mm-modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.pc-container{margin:0 auto;max-width:1400px;padding:24px}.pc-header{justify-content:space-between;margin-bottom:24px}.pc-header,.pc-header-left{align-items:center;display:flex}.pc-header-left{gap:14px}.pc-header-icon{color:#7c3aed}.pc-header h1{color:#1e293b;font-size:24px;font-weight:700;margin:0}.pc-header p{color:#64748b;font-size:13px;margin:2px 0 0}.pc-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.pc-filter-group{align-items:center;color:#64748b;display:flex;gap:6px}.pc-filter-group select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;font-size:13px;padding:6px 10px}.pc-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:7px 14px;transition:all .15s}.pc-btn-secondary{background:#f1f5f9;color:#475569}.pc-btn-secondary:hover{background:#e2e8f0}.pc-count{color:#94a3b8;font-size:13px;margin-left:auto}.pc-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}@media (max-width:900px){.pc-stats-grid{grid-template-columns:repeat(2,1fr)}}.pc-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:14px;padding:16px}.pc-stat-card,.pc-stat-icon{align-items:center;display:flex}.pc-stat-icon{border-radius:10px;flex-shrink:0;height:44px;justify-content:center;width:44px}.pc-stat-icon.clicks{background:#f3e8ff;color:#7c3aed}.pc-stat-icon.users{background:#dbeafe;color:#2563eb}.pc-stat-icon.products{background:#dcfce7;color:#16a34a}.pc-stat-icon.retailers{background:#fef3c7;color:#d97706}.pc-stat-info{display:flex;flex-direction:column}.pc-stat-value{color:#1e293b;font-size:22px;font-weight:700}.pc-stat-label{color:#94a3b8;font-size:12px;font-weight:500}.pc-top-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}@media (max-width:768px){.pc-top-grid{grid-template-columns:1fr}}.pc-top-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.pc-top-card h3{align-items:center;color:#334155;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.pc-top-card ul{list-style:none;margin:0;padding:0}.pc-top-card li{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;font-size:13px;gap:10px;padding:8px 0}.pc-top-card li:last-child{border-bottom:none}.pc-rank{color:#94a3b8;font-weight:700;min-width:28px}.pc-top-name{color:#334155;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-top-count{background:#f3e8ff;border-radius:10px;color:#7c3aed;font-size:12px;font-weight:600;padding:2px 8px}.pc-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.pc-table{border-collapse:collapse;width:100%}.pc-table thead{background:#f8fafc}.pc-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;padding:10px 14px;text-align:left;text-transform:uppercase}.pc-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:13px;padding:10px 14px;vertical-align:middle}.pc-table tbody tr:hover{background:#f8fafc}.pc-user-cell{font-weight:500;max-width:150px}.pc-product-cell,.pc-user-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-product-cell{max-width:200px}.pc-url-cell a{align-items:center;color:#2563eb;display:inline-flex;font-size:12px;gap:4px;max-width:250px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.pc-url-cell a:hover{text-decoration:underline}.pc-retailer-badge{background:#fef3c7;color:#92400e}.pc-country-badge,.pc-retailer-badge{border-radius:10px;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}.pc-country-badge{background:#dbeafe;color:#1e40af}.pc-platform-badge{border-radius:10px;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;text-transform:capitalize}.pc-platform-badge.ios{background:#f0f0f0;color:#333}.pc-platform-badge.android{background:#dcfce7;color:#166534}.pc-date-cell{color:#64748b;font-size:12px;white-space:nowrap}.pc-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:16px;padding:12px 0}.pc-pagination button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;display:inline-flex;font-size:13px;gap:4px;padding:6px 14px;transition:all .15s}.pc-pagination button:hover:not(:disabled){background:#f1f5f9}.pc-pagination button:disabled{cursor:not-allowed;opacity:.4}.pc-pagination span{color:#64748b;font-size:13px}.pc-loading{align-items:center;color:#64748b;display:flex;font-size:14px;gap:8px;justify-content:center;padding:60px 20px}.pc-spin{animation:pc-spin 1s linear infinite}@keyframes pc-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pc-error{color:#dc2626;font-size:14px;padding:40px 20px;text-align:center}.pc-empty{color:#94a3b8;padding:60px 20px;text-align:center}.pc-empty h3{color:#475569;font-size:18px;margin:16px 0 8px}.pc-empty p{font-size:14px;margin:0 auto;max-width:400px}.create-post{max-width:760px;padding:24px 32px}.cp-header{margin-bottom:24px}.cp-header h2{align-items:center;color:#1a1a1a;display:flex;font-size:22px;font-weight:700;gap:10px;margin:0 0 4px}.cp-subtitle{color:#6b7280;font-size:14px}.cp-alert{align-items:center;border-radius:10px;display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:20px;padding:12px 16px}.cp-alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#059669}.cp-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.cp-form{display:flex;flex-direction:column;gap:24px}.cp-section{position:relative}.cp-label{color:#374151;display:block;font-size:13px;font-weight:600;letter-spacing:.4px;margin-bottom:8px;text-transform:uppercase}.cp-optional{color:#9ca3af;font-weight:400;letter-spacing:0;text-transform:none}.cp-search-wrap{position:relative}.cp-search-icon{color:#9ca3af;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.cp-search-input{background:#fff;border:1px solid #d1d5db;border-radius:10px;box-sizing:border-box;font-size:14px;outline:none;padding:12px 14px 12px 40px;transition:border-color .15s,box-shadow .15s;width:100%}.cp-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.cp-search-spin{animation:cp-spin .8s linear infinite;color:#6366f1;position:absolute;right:14px;top:50%;transform:translateY(-50%)}@keyframes cp-spin{to{transform:translateY(-50%) rotate(1turn)}}.cp-suggestions{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001a;left:0;list-style:none;margin:0;max-height:260px;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 4px);z-index:50}.cp-suggestions li{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background .12s}.cp-sug-avatar,.cp-suggestions li:hover{background:#f3f4f6}.cp-sug-avatar{align-items:center;border-radius:50%;color:#9ca3af;display:flex;flex-shrink:0;height:34px;justify-content:center;overflow:hidden;width:34px}.cp-sug-avatar img{height:100%;object-fit:cover;width:100%}.cp-sug-info{display:flex;flex-direction:column;min-width:0}.cp-sug-name{color:#1a1a1a;font-size:14px;font-weight:600}.cp-sug-email,.cp-sug-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-sug-email{color:#6b7280;font-size:12px}.cp-selected-user{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;display:flex;gap:12px;padding:10px 14px}.cp-user-avatar{align-items:center;background:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.cp-user-avatar img{height:100%;object-fit:cover;width:100%}.cp-user-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.cp-user-name{color:#1a1a1a;font-size:15px;font-weight:600}.cp-user-email{color:#6b7280;font-size:13px}.cp-user-clear{align-items:center;background:#fef2f2;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:background .12s;width:28px}.cp-user-clear:hover{background:#fee2e2}.cp-textarea{border:1px solid #d1d5db;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:15px;line-height:1.6;min-height:120px;outline:none;padding:14px;resize:vertical;transition:border-color .15s,box-shadow .15s;width:100%}.cp-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.cp-char-count{color:#9ca3af;display:block;font-size:12px;margin-top:4px;text-align:right}.cp-image-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.cp-image-thumb{aspect-ratio:1;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;position:relative}.cp-image-thumb img{height:100%;object-fit:cover;width:100%}.cp-image-remove{align-items:center;background:#0000008c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:26px;justify-content:center;opacity:0;position:absolute;right:6px;top:6px;transition:opacity .15s;width:26px}.cp-image-thumb:hover .cp-image-remove{opacity:1}.cp-image-add{align-items:center;aspect-ratio:1;background:#fafafa;border:2px dashed #d1d5db;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:6px;justify-content:center;transition:border-color .15s,color .15s}.cp-image-add:hover{border-color:#6366f1;color:#6366f1}.cp-actions{padding-top:8px}.cp-submit{align-items:center;background:#6366f1;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 28px;transition:background .15s,opacity .15s}.cp-submit:hover:not(:disabled){background:#4f46e5}.cp-submit:disabled{cursor:not-allowed;opacity:.5}.fuel-stations-page{background:#f8f9fa;min-height:calc(100vh - 70px);padding:24px}.fuel-stations-page .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.fuel-stations-page .page-header h2{align-items:center;color:#1a1a1a;display:flex;font-size:24px;font-weight:600;gap:10px;margin:0}.fuel-stations-page .page-actions{align-items:center;display:flex;gap:12px}.fuel-stations-page .search-box{position:relative;width:300px}.fuel-stations-page .search-box input{background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;height:42px;padding:0 16px 0 44px;transition:all .2s ease;width:100%}.fuel-stations-page .search-box input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.fuel-stations-page .search-box svg{color:#9ca3af;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.fuel-stations-page .filter-section{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px 20px}.fuel-stations-page .filter-group{align-items:center;display:flex;gap:8px}.fuel-stations-page .filter-group label{color:#6b7280;font-size:14px;font-weight:500}.fuel-stations-page .filter-group select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.fuel-stations-page .filter-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.bulk-verify-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;margin-left:auto;padding:8px 16px;transition:all .2s ease}.bulk-verify-btn:hover{box-shadow:0 2px 8px #10b9814d;transform:translateY(-1px)}.bulk-verify-btn:disabled{cursor:not-allowed;opacity:.6}.fuel-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:24px;overflow-x:auto}.fuel-table{border-collapse:collapse;width:100%}.fuel-table thead{background:linear-gradient(135deg,#f8f9fa,#f0f1f3)}.fuel-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.fuel-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.fuel-table tbody tr:hover{background-color:#f9fafb}.fuel-table tbody tr.row-inactive{opacity:.5}.fuel-table td{color:#374151;font-size:14px;padding:12px 16px;vertical-align:middle}.fuel-table .check-col{text-align:center;width:40px}.fuel-table .id-cell{color:#6b7280;font-family:monospace;font-weight:600;width:60px}.fuel-table .name-cell{min-width:200px}.fuel-table .station-name{color:#1a1a1a;display:block;font-weight:600}.fuel-table .station-address{color:#9ca3af;display:block;font-size:12px;margin-top:2px}.fuel-table .center-cell{text-align:center}.fuel-table .status-badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.fuel-table .status-badge.verified{background:#d1fae5;color:#065f46}.fuel-table .status-badge.unverified{background:#fef3c7;color:#92400e}.fuel-table .status-badge.active{background:#d1fae5;color:#065f46}.fuel-table .status-badge.inactive{background:#fee2e2;color:#991b1b}.fuel-table .actions-cell{align-items:center;display:flex;gap:6px}.fuel-table .action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;justify-content:center;padding:6px 10px;transition:all .2s ease}.fuel-table .action-btn.success{background:#d1fae5;color:#065f46}.fuel-table .action-btn.success:hover{background:#a7f3d0}.fuel-table .action-btn.warn{background:#fef3c7;color:#92400e}.fuel-table .action-btn.warn:hover{background:#fde68a}.fuel-table .action-btn.danger{background:#fee2e2;color:#991b1b}.fuel-table .action-btn.danger:hover{background:#fecaca}.fuel-table .action-btn:disabled{cursor:not-allowed;opacity:.5}.fuel-stations-page .pagination{align-items:center;display:flex;gap:16px;justify-content:center;padding:16px 0}.fuel-stations-page .pagination-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 18px;transition:all .2s ease}.fuel-stations-page .pagination-btn:hover:not(:disabled){border-color:#6366f1;color:#6366f1}.fuel-stations-page .pagination-btn:disabled{cursor:not-allowed;opacity:.4}.fuel-stations-page .pagination-info{color:#6b7280;font-size:14px;font-weight:500}.fuel-stations-page .loading{padding:60px 20px;text-align:center}.fuel-stations-page .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;height:40px;margin:0 auto 16px;width:40px}.fuel-stations-page .error{background:#fee2e2;border-radius:8px;color:#991b1b;margin:20px 0;padding:16px}.fuel-stations-page .empty-state{color:#6b7280;padding:60px 20px;text-align:center}.fuel-reports-page{background:#f8f9fa;min-height:calc(100vh - 70px);padding:24px}.fuel-reports-page .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.fuel-reports-page .page-header h2{align-items:center;color:#1a1a1a;display:flex;font-size:24px;font-weight:600;gap:10px;margin:0}.fuel-reports-page .page-actions{align-items:center;display:flex;gap:12px}.fuel-reports-page .search-box{position:relative;width:300px}.fuel-reports-page .search-box input{background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;height:42px;padding:0 16px 0 44px;transition:all .2s ease;width:100%}.fuel-reports-page .search-box input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.fuel-reports-page .search-box svg{color:#9ca3af;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.fuel-reports-page .filter-section{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px 20px}.fuel-reports-page .filter-group{align-items:center;display:flex;gap:8px}.fuel-reports-page .filter-group label{color:#6b7280;font-size:14px;font-weight:500}.fuel-reports-page .filter-group select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 12px}.fuel-reports-page .filter-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.fuel-reports-page .fuel-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:24px;overflow-x:auto}.fuel-reports-page .fuel-table{border-collapse:collapse;width:100%}.fuel-reports-page .fuel-table thead{background:linear-gradient(135deg,#f8f9fa,#f0f1f3)}.fuel-reports-page .fuel-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.fuel-reports-page .fuel-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.fuel-reports-page .fuel-table tbody tr:hover{background-color:#f9fafb}.fuel-reports-page .fuel-table tbody tr.row-invalid{background:#fef2f2;opacity:.5}.fuel-reports-page .fuel-table td{color:#374151;font-size:14px;padding:12px 16px;vertical-align:middle}.fuel-reports-page .id-cell{color:#6b7280;font-family:monospace;font-weight:600;width:60px}.fuel-reports-page .name-cell{min-width:180px}.fuel-reports-page .station-name{color:#1a1a1a;display:block;font-weight:600}.fuel-reports-page .station-brand{color:#9ca3af;display:block;font-size:12px}.fuel-type-badge{background:#eef2ff;border-radius:6px;color:#4338ca;font-family:monospace;font-size:12px;font-weight:600;padding:3px 10px}.price-cell{color:#059669;font-size:15px;font-weight:700}.reporter-cell{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fuel-reports-page .center-cell{text-align:center}.distance-badge{border-radius:10px;font-size:12px;font-weight:600;padding:2px 8px}.distance-badge.near{background:#d1fae5;color:#065f46}.distance-badge.far{background:#fee2e2;color:#991b1b}.fuel-reports-page .status-badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.fuel-reports-page .status-badge.valid{background:#d1fae5;color:#065f46}.fuel-reports-page .status-badge.invalid{background:#fee2e2;color:#991b1b}.fuel-reports-page .actions-cell{align-items:center;display:flex;gap:6px}.fuel-reports-page .action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;justify-content:center;padding:6px 10px;transition:all .2s ease}.fuel-reports-page .action-btn.danger{background:#fee2e2;color:#991b1b}.fuel-reports-page .action-btn.danger:hover{background:#fecaca}.fuel-reports-page .action-btn:disabled{cursor:not-allowed;opacity:.5}.flag-icon{align-items:center;color:#f59e0b;display:inline-flex}.fuel-reports-page .pagination{align-items:center;display:flex;gap:16px;justify-content:center;padding:16px 0}.fuel-reports-page .pagination-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 18px;transition:all .2s ease}.fuel-reports-page .pagination-btn:hover:not(:disabled){border-color:#6366f1;color:#6366f1}.fuel-reports-page .pagination-btn:disabled{cursor:not-allowed;opacity:.4}.fuel-reports-page .pagination-info{color:#6b7280;font-size:14px;font-weight:500}.fuel-reports-page .loading{padding:60px 20px;text-align:center}.fuel-reports-page .loading-spinner{animation:frp-spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;height:40px;margin:0 auto 16px;width:40px}@keyframes frp-spin{to{transform:rotate(1turn)}}.fuel-reports-page .error{background:#fee2e2;border-radius:8px;color:#991b1b;margin:20px 0;padding:16px}.fuel-reports-page .empty-state{color:#6b7280;padding:60px 20px;text-align:center}.fuel-analytics-page{background:#f8f9fa;min-height:calc(100vh - 70px);padding:24px}.fa-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.fa-header h2{color:#1a1a1a;font-size:24px;font-weight:600;margin:0}.fa-controls,.fa-header h2{align-items:center;display:flex;gap:10px}.fa-controls select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 12px}.fa-controls select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.refresh-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;padding:8px 10px;transition:all .2s ease}.refresh-btn:hover{border-color:#6366f1;color:#6366f1}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.refresh-btn .spinning{animation:fa-spin 1s linear infinite}@keyframes fa-spin{to{transform:rotate(1turn)}}.fa-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.fa-card{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;gap:16px;padding:20px;transition:transform .2s ease}.fa-card:hover{transform:translateY(-2px)}.fa-card-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.fa-card-icon.stations{background:#eef2ff;color:#4338ca}.fa-card-icon.prices{background:#d1fae5;color:#065f46}.fa-card-icon.reports{background:#fef3c7;color:#92400e}.fa-card-icon.reporters{background:#fce7f3;color:#9d174d}.fa-card-body{flex:1 1}.fa-card-value{color:#1a1a1a;font-size:28px;font-weight:700;line-height:1.2;margin:0}.fa-card-label{color:#6b7280;font-size:13px;font-weight:500;margin:4px 0 0}.fa-card-sub{color:#9ca3af;font-size:11px;margin:2px 0 0}.fa-card-sub.warn{color:#f59e0b;font-weight:600}.fa-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:20px;padding:20px}.fa-section h3{align-items:center;color:#1a1a1a;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.fa-price-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.fa-price-card{background:#f8f9fa;border-radius:10px;padding:16px;text-align:center}.fa-price-code{background:#eef2ff;border-radius:6px;color:#4338ca;display:inline-block;font-family:monospace;font-size:14px;font-weight:700;margin-bottom:6px;padding:2px 10px}.fa-price-name{color:#6b7280;font-size:12px;margin-bottom:8px}.fa-price-avg{color:#059669;font-size:24px;font-weight:700}.fa-price-range{color:#9ca3af;font-size:11px;margin-top:4px}.fa-bar-chart{align-items:flex-end;display:flex;gap:4px;height:160px;overflow-x:auto;padding-bottom:4px}.fa-bar-item{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:24px}.fa-bar-wrapper{align-items:flex-end;display:flex;height:130px;width:100%}.fa-bar{background:linear-gradient(180deg,#6366f1,#818cf8);border-radius:4px 4px 0 0;min-height:2px;transition:height .3s ease;width:100%}.fa-bar:hover{background:linear-gradient(180deg,#4f46e5,#6366f1)}.fa-bar-label{color:#9ca3af;font-size:10px;margin-top:4px;white-space:nowrap}.fa-type-bars{display:flex;flex-direction:column;gap:10px}.fa-type-bar-row{align-items:center;display:flex;gap:12px}.fa-type-label{color:#4338ca;flex-shrink:0;font-family:monospace;font-size:13px;font-weight:600;width:40px}.fa-type-bar-bg{background:#f3f4f6;border-radius:6px;flex:1 1;height:24px;overflow:hidden}.fa-type-bar-fill{background:linear-gradient(90deg,#6366f1,#a78bfa);border-radius:6px;height:100%;min-width:2px;transition:width .5s ease}.fa-type-count{color:#374151;flex-shrink:0;font-size:13px;font-weight:600;text-align:right;width:60px}.fa-two-col{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:900px){.fa-two-col{grid-template-columns:1fr}}.fa-mini-table{border-collapse:collapse;width:100%}.fa-mini-table thead{background:#f8f9fa}.fa-mini-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 12px;text-align:left;text-transform:uppercase}.fa-mini-table tbody tr{border-bottom:1px solid #f0f0f0}.fa-mini-table tbody tr:hover{background:#f9fafb}.fa-mini-table td{color:#374151;font-size:13px;padding:10px 12px;vertical-align:middle}.fa-mini-table .rank{color:#6366f1;font-weight:700;width:30px}.fa-mini-table .name{color:#1a1a1a;display:block;font-weight:600}.fa-mini-table .sub{color:#9ca3af;display:block;font-size:11px}.fa-mini-table .count{color:#6366f1;font-weight:600;text-align:center}.badge-display{font-size:12px;font-weight:500;text-transform:capitalize}.fuel-analytics-page .loading{padding:60px 20px;text-align:center}.fuel-analytics-page .loading-spinner{animation:fa-spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;height:40px;margin:0 auto 16px;width:40px}.fuel-analytics-page .error{background:#fee2e2;border-radius:8px;color:#991b1b;margin:20px 0;padding:16px}.crash-reports-page{padding:24px}.crash-reports-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.crash-reports-title{align-items:center;display:flex;gap:12px}.crash-reports-title h1{color:#111827;font-size:24px;font-weight:700;margin:0}.crash-badge{background:#ef4444;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px}.crash-reports-controls{align-items:center;display:flex;gap:12px}.crash-filter-group{align-items:center;color:#6b7280;display:flex;gap:6px}.crash-filter-group select{padding:6px 10px}.crash-filter-group select,.crash-refresh-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:13px}.crash-refresh-btn{align-items:center;color:#374151;display:flex;gap:6px;padding:8px 14px;transition:all .15s}.crash-refresh-btn:hover{background:#f9fafb;border-color:#d1d5db}.spinning{animation:spin 1s linear infinite}.crash-loading{color:#6b7280;font-size:14px;padding:48px;text-align:center}.crash-empty{color:#9ca3af;padding:64px;text-align:center}.crash-empty svg{color:#10b981;margin-bottom:16px}.crash-empty p{font-size:16px}.crash-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.crash-table{border-collapse:collapse;font-size:13px;width:100%}.crash-table thead{background:#f9fafb}.crash-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.crash-table td{border-bottom:1px solid #f3f4f6;padding:12px 16px;vertical-align:top}.crash-table tr.resolved{opacity:.55}.crash-table tr:hover{background:#f9fafb}.crash-status{display:inline-block;font-size:14px}.crash-status.active{color:#ef4444}.crash-status.resolved{color:#10b981}.crash-error-cell{max-width:400px}.crash-error-text{color:#111827;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:12px}.crash-context-text,.crash-error-text{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crash-context-text{color:#9ca3af;font-size:11px;margin-top:2px}.crash-platform,.crash-user-cell{white-space:nowrap}.crash-platform{align-items:center;display:flex;gap:4px}.crash-time-cell{color:#6b7280;font-size:12px;white-space:nowrap}.crash-actions{display:flex;gap:6px}.crash-action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.crash-action-btn.view{color:#3b82f6}.crash-action-btn.view:hover{background:#eff6ff;border-color:#bfdbfe}.crash-action-btn.resolve{color:#10b981}.crash-action-btn.resolve:hover{background:#ecfdf5;border-color:#a7f3d0}.crash-action-btn:disabled{cursor:not-allowed;opacity:.5}.crash-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.crash-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:85vh;max-width:720px;width:100%}.crash-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.crash-modal-header h2{color:#111827;font-size:18px;font-weight:700;margin:0}.crash-modal-close{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:4px}.crash-modal-close:hover{background:#f3f4f6;color:#111827}.crash-modal-body{flex:1 1;overflow-y:auto;padding:24px}.crash-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:24px}.crash-detail-item label{color:#9ca3af;display:block;font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.crash-detail-item span{color:#111827;font-size:14px}.crash-status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:2px 10px}.crash-status-badge.active{background:#fef2f2;color:#ef4444}.crash-status-badge.resolved{background:#ecfdf5;color:#10b981}.crash-detail-section{margin-bottom:20px}.crash-detail-section label{color:#9ca3af;display:block;font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.crash-code-block{background:#1e1e1e;border-radius:8px;color:#d4d4d4;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:12px;line-height:1.6;margin:0;overflow-x:auto;padding:16px;white-space:pre-wrap;word-break:break-word}.crash-stacktrace{max-height:300px;overflow-y:auto}.crash-modal-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:16px 24px}.crash-resolve-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:background .15s}.crash-resolve-btn:hover{background:#059669}.crash-resolve-btn:disabled{cursor:not-allowed;opacity:.5}.dp-page{padding:24px}.dp-header{justify-content:space-between;margin-bottom:20px}.dp-header,.dp-header-left{align-items:center;display:flex}.dp-header-left{gap:10px}.dp-header-left h1{color:#1a1a2e;font-size:22px;font-weight:700;margin:0}.dp-count{background:#e8f0fe;border-radius:12px;color:#1967d2;font-size:13px;font-weight:600;padding:2px 10px}.dp-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:9px 18px;transition:all .15s}.dp-btn-primary{background:#1967d2;color:#fff}.dp-btn-primary:hover{background:#1557b0}.dp-btn-primary:disabled{background:#94b8e8;cursor:not-allowed}.dp-btn-secondary{background:#f1f3f5;color:#495057}.dp-btn-secondary:hover{background:#e2e6ea}.dp-search-bar{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:10px;display:flex;gap:8px;margin-bottom:16px;padding:10px 14px}.dp-search-bar input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none}.dp-error{background:#fdf2f2;border:1px solid #fed7d7;border-radius:8px;color:#c53030;font-size:14px;margin-bottom:16px;padding:12px 16px}.dp-table-wrap{background:#fff;border:1px solid #e8eaed;border-radius:12px;overflow-x:auto}.dp-table{border-collapse:collapse;width:100%}.dp-table thead th{background:#f8f9fa;border-bottom:2px solid #e8eaed;color:#5f6368;font-size:12px;font-weight:700;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.dp-table tbody td{border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;padding:12px 16px}.dp-table tbody tr:hover{background:#f8f9ff}.dp-row-inactive{opacity:.55}.dp-cell-postcode{color:#1967d2;font-weight:700}.dp-cell-coords,.dp-cell-postcode{font-family:SF Mono,Menlo,monospace}.dp-cell-coords{color:#888;font-size:12px}.dp-toggle{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:5px;padding:4px 0}.dp-toggle-on{color:#0d9f6e}.dp-toggle-off{color:#9ca3af}.dp-cell-actions{display:flex;gap:6px}.dp-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.dp-action-edit{background:#e8f0fe;color:#1967d2}.dp-action-edit:hover{background:#c6dafe}.dp-action-delete{background:#fef2f2;color:#dc2626}.dp-action-delete:hover{background:#fecaca}.dp-empty{color:#999;font-style:italic;padding:40px 16px!important;text-align:center}.dp-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:20px}.dp-pagination button{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:4px;padding:8px 14px}.dp-pagination button:disabled{cursor:not-allowed;opacity:.4}.dp-pagination span{color:#666;font-size:13px}.dp-loading{align-items:center;color:#888;display:flex;flex-direction:column;justify-content:center;padding:80px 0}.dp-spinner{animation:dp-spin .7s linear infinite;border:3px solid #e0e0e0;border-radius:50%;border-top-color:#1967d2;height:32px;margin-bottom:12px;width:32px}@keyframes dp-spin{to{transform:rotate(1turn)}}.dp-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.dp-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:95vw;overflow-y:auto;width:500px}.dp-modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px 0}.dp-modal-header h2{color:#1a1a2e;font-size:18px;font-weight:700;margin:0}.dp-modal-close{background:none;border:none;border-radius:6px;color:#888;cursor:pointer;padding:4px}.dp-modal-close:hover{background:#f0f0f0;color:#333}.dp-modal-body{padding:20px 24px}.dp-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:0 24px 20px}.dp-form-error{background:#fdf2f2;border:1px solid #fed7d7;border-radius:8px;color:#c53030;font-size:13px;padding:10px 14px}.dp-form-error,.dp-form-row{margin-bottom:14px}.dp-form-row label{color:#555;display:block;font-size:13px;font-weight:600;margin-bottom:5px}.dp-form-row input[type=text],.dp-form-row select{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.dp-form-row input:focus,.dp-form-row select:focus{border-color:#1967d2;box-shadow:0 0 0 2px #1967d21f}.dp-form-row-half{display:flex;gap:12px}.dp-form-row-half>div{flex:1 1}.dp-form-check label{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px}.dp-form-check input[type=checkbox]{cursor:pointer;height:18px;width:18px}.zones-page{padding:24px}.zones-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.zones-header-left{align-items:center;display:flex;gap:10px}.zones-header-left h1{color:#1a1a2e;font-size:22px;font-weight:700;margin:0}.zones-count{background:#e8f0fe;border-radius:12px;color:#1967d2;font-size:13px;font-weight:600;padding:2px 10px}.zones-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:9px 18px;transition:all .15s}.zones-btn-primary{background:#1967d2;color:#fff}.zones-btn-primary:hover{background:#1557b0}.zones-btn-primary:disabled{background:#94b8e8;cursor:not-allowed}.zones-btn-secondary{background:#f1f3f5;color:#495057}.zones-btn-secondary:hover{background:#e2e6ea}.zones-btn-danger{background:#dc2626;color:#fff}.zones-btn-danger:hover{background:#b91c1c}.zones-search-bar{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:10px;display:flex;gap:8px;margin-bottom:16px;padding:10px 14px}.zones-search-bar input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none}.zones-error{background:#fdf2f2;border:1px solid #fed7d7;border-radius:8px;color:#c53030;font-size:14px;margin-bottom:16px;padding:12px 16px}.zones-table-wrap{background:#fff;border:1px solid #e8eaed;border-radius:12px;margin-bottom:20px;overflow-x:auto}.zones-table{border-collapse:collapse;width:100%}.zones-table thead th{background:#f8f9fa;border-bottom:2px solid #e8eaed;color:#5f6368;font-size:12px;font-weight:700;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.zones-table tbody td{border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;padding:12px 16px}.zones-table tbody tr:hover{background:#f8f9ff}.zones-cell-name{color:#1967d2;font-weight:700}.zones-cell-actions{display:flex;gap:6px}.zones-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.zones-action-view{background:#e8f0fe;color:#1967d2}.zones-action-view:hover{background:#c6dafe}.zones-action-edit{background:#fef3c7;color:#d97706}.zones-action-edit:hover{background:#fde68a}.zones-action-delete{background:#fef2f2;color:#dc2626}.zones-action-delete:hover{background:#fecaca}.zones-toggle{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:5px;padding:4px 0}.zones-toggle-on{color:#0d9f6e}.zones-toggle-off{color:#9ca3af}.zones-empty{color:#999;font-style:italic;padding:40px 16px!important;text-align:center}.zones-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:20px}.zones-pagination button{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:4px;padding:8px 14px}.zones-pagination button:disabled{cursor:not-allowed;opacity:.4}.zones-pagination span{color:#666;font-size:13px}.zones-loading{align-items:center;color:#888;display:flex;flex-direction:column;justify-content:center;padding:80px 0}.zones-spinner{animation:zones-spin .7s linear infinite;border:3px solid #e0e0e0;border-radius:50%;border-top-color:#1967d2;height:32px;margin-bottom:12px;width:32px}@keyframes zones-spin{to{transform:rotate(1turn)}}.zones-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;padding:3px 10px;white-space:nowrap}.zones-badge-success{background:#10b9811a;color:#10b981}.zones-badge-danger{background:#ef44441a;color:#ef4444}.zones-badge-info{background:#3b82f61a;color:#3b82f6}.zones-card{background:#fff;border:1px solid #e8eaed;border-radius:12px;padding:20px 24px}.zones-card h2{color:#1a1a2e;font-size:20px;font-weight:700;margin:0 0 8px}.zones-card h3{align-items:center;color:#1a1a2e;display:flex;font-size:16px;font-weight:700;gap:6px;margin:0}.zones-card-desc{color:#666;font-size:14px;margin-bottom:12px}.zones-info-row{align-items:center;color:#333;display:flex;font-size:14px;gap:8px;padding:6px 0}.zones-info-label{color:#5f6368;font-weight:600;min-width:80px}.zones-stat-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:16px}.zones-stat-box{border-radius:10px;padding:16px;text-align:center}.zones-stat-box-blue{background:#e8f0fe}.zones-stat-box-green{background:#e6f9ed}.zones-stat-value{color:#1a1a2e;font-size:24px;font-weight:700;margin-top:4px}.zones-stat-label{color:#666;font-size:13px;margin-top:2px}.zones-detail-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.zones-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.zones-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.zones-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:95vw;overflow-y:auto;width:500px}.zones-modal-lg{width:600px}.zones-modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px 0}.zones-modal-header h2{color:#1a1a2e;font-size:18px;font-weight:700;margin:0}.zones-modal-close{background:none;border:none;border-radius:6px;color:#888;cursor:pointer;padding:4px}.zones-modal-close:hover{background:#f0f0f0;color:#333}.zones-modal-body{padding:20px 24px}.zones-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:0 24px 20px}.zones-form-error{background:#fdf2f2;border:1px solid #fed7d7;border-radius:8px;color:#c53030;font-size:13px;padding:10px 14px}.zones-form-error,.zones-form-row{margin-bottom:14px}.zones-form-row label{color:#555;display:block;font-size:13px;font-weight:600;margin-bottom:5px}.zones-form-row input[type=text],.zones-form-row select,.zones-form-row textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.zones-form-row textarea{min-height:70px;resize:vertical}.zones-form-row input:focus,.zones-form-row select:focus,.zones-form-row textarea:focus{border-color:#1967d2;box-shadow:0 0 0 2px #1967d21f}.zones-assign-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 10px;transition:background .1s}.zones-assign-item:hover{background:#f0f0f0}.zones-assign-item-selected{background:#e8f0fe}.zones-assign-item input[type=checkbox]{cursor:pointer;height:16px;width:16px}.zones-assign-postcode{color:#1967d2;font-family:SF Mono,Menlo,monospace;font-weight:700}.zones-assign-town,.zones-selected-count{color:#666;font-size:13px}.zones-selected-count{margin-right:auto}.zones-assign-list,.zones-card-info{display:flex;flex-direction:column;gap:8px}@media (max-width:768px){.zones-page{padding:16px}.zones-header{align-items:flex-start;flex-direction:column;gap:12px}.zones-detail-grid,.zones-stat-grid{grid-template-columns:1fr}}.drivers-page{padding:24px}.drivers-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.drivers-header-left{align-items:center;display:flex;gap:10px}.drivers-header-left h1{color:#1a1a2e;font-size:22px;font-weight:700;margin:0}.drivers-count{background:#e8f0fe;border-radius:12px;color:#1967d2;font-size:13px;font-weight:600;padding:2px 10px}.drivers-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:9px 18px;transition:all .15s}.drivers-btn-primary{background:#1967d2;color:#fff}.drivers-btn-primary:hover{background:#1557b0}.drivers-btn-primary:disabled{background:#94b8e8;cursor:not-allowed}.drivers-btn-secondary{background:#f1f3f5;color:#495057}.drivers-btn-secondary:hover{background:#e2e6ea}.drivers-btn-sm{border-radius:6px;font-size:12px;padding:5px 10px}.drivers-search-bar{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:10px;display:flex;gap:8px;margin-bottom:16px;padding:10px 14px}.drivers-search-bar input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none}.drivers-error{background:#fdf2f2;border:1px solid #fed7d7;border-radius:8px;color:#c53030;font-size:14px;margin-bottom:16px;padding:12px 16px}.drivers-table-wrap{background:#fff;border:1px solid #e8eaed;border-radius:12px;margin-bottom:20px;overflow-x:auto}.drivers-table{border-collapse:collapse;width:100%}.drivers-table thead th{background:#f8f9fa;border-bottom:2px solid #e8eaed;color:#5f6368;font-size:12px;font-weight:700;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.drivers-table tbody td{border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;padding:12px 16px}.drivers-table tbody tr:hover{background:#f8f9ff}.drivers-cell-name{color:#1a1a2e;font-weight:700}.drivers-cell-actions{display:flex;gap:6px}.drivers-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.drivers-action-assign{background:#e8f0fe;color:#1967d2}.drivers-action-assign:hover{background:#c6dafe}.drivers-action-delete{background:#fef2f2;color:#dc2626}.drivers-action-delete:hover{background:#fecaca}.drivers-toggle{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:5px;padding:4px 0}.drivers-toggle-on{color:#0d9f6e}.drivers-toggle-off{color:#9ca3af}.drivers-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;padding:3px 10px;white-space:nowrap}.drivers-badge-success{background:#10b9811a;color:#10b981}.drivers-badge-danger{background:#ef44441a;color:#ef4444}.drivers-badge-info{background:#3b82f61a;color:#3b82f6}.drivers-empty{color:#999;font-style:italic;padding:40px 16px!important;text-align:center}.drivers-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:20px}.drivers-pagination button{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:4px;padding:8px 14px}.drivers-pagination button:disabled{cursor:not-allowed;opacity:.4}.drivers-pagination span{color:#666;font-size:13px}.drivers-loading{align-items:center;color:#888;display:flex;flex-direction:column;justify-content:center;padding:80px 0}.drivers-spinner{animation:drivers-spin .7s linear infinite;border:3px solid #e0e0e0;border-radius:50%;border-top-color:#1967d2;height:32px;margin-bottom:12px;width:32px}@keyframes drivers-spin{to{transform:rotate(1turn)}}.drivers-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.drivers-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:95vw;overflow-y:auto;width:500px}.drivers-modal-sm{width:400px}.drivers-modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px 0}.drivers-modal-header h2{color:#1a1a2e;font-size:18px;font-weight:700;margin:0}.drivers-modal-close{background:none;border:none;border-radius:6px;color:#888;cursor:pointer;padding:4px}.drivers-modal-close:hover{background:#f0f0f0;color:#333}.drivers-modal-body{padding:20px 24px}.drivers-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:0 24px 20px}.drivers-form-error{background:#fdf2f2;border:1px solid #fed7d7;border-radius:8px;color:#c53030;font-size:13px;margin-bottom:14px;padding:10px 14px}.drivers-form-row{margin-bottom:14px}.drivers-form-row label{color:#555;display:block;font-size:13px;font-weight:600;margin-bottom:5px}.drivers-form-row input[type=email],.drivers-form-row input[type=password],.drivers-form-row input[type=text],.drivers-form-row select{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.drivers-form-row input:focus,.drivers-form-row select:focus{border-color:#1967d2;box-shadow:0 0 0 2px #1967d21f}.drivers-form-row-half{display:flex;gap:12px}.drivers-form-row-half>div{flex:1 1}@media (max-width:768px){.drivers-page{padding:16px}.drivers-header{align-items:flex-start;gap:12px}.drivers-form-row-half,.drivers-header{flex-direction:column}}.orders-page{padding:24px}.orders-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.orders-header-left{align-items:center;display:flex;gap:10px}.orders-header-left h1{color:#1a1a2e;font-size:22px;font-weight:700;margin:0}.orders-count{background:#e8f0fe;border-radius:12px;color:#1967d2;font-size:13px;font-weight:600;padding:2px 10px}.orders-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:9px 18px;transition:all .15s}.orders-btn-primary{background:#1967d2;color:#fff}.orders-btn-primary:hover{background:#1557b0}.orders-btn-primary:disabled{background:#94b8e8;cursor:not-allowed}.orders-btn-secondary{background:#f1f3f5;color:#495057}.orders-btn-secondary:hover{background:#e2e6ea}.orders-btn-danger{background:#dc2626;color:#fff}.orders-btn-danger:hover{background:#b91c1c}.orders-btn-danger:disabled{background:#f0a0a0;cursor:not-allowed}.orders-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.orders-search-bar{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:10px;display:flex;flex:1 1;gap:8px;min-width:200px;padding:10px 14px}.orders-search-bar input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none}.orders-filter-group{align-items:center;display:flex;gap:8px}.orders-filter-group select{background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;outline:none;padding:9px 12px;transition:border-color .15s}.orders-filter-group select:focus{border-color:#1967d2;box-shadow:0 0 0 2px #1967d21f}.orders-error{background:#fdf2f2;border:1px solid #fed7d7;border-radius:8px;color:#c53030;font-size:14px;margin-bottom:16px;padding:12px 16px}.orders-table-wrap{background:#fff;border:1px solid #e8eaed;border-radius:12px;margin-bottom:20px;overflow-x:auto}.orders-table{border-collapse:collapse;width:100%}.orders-table thead th{background:#f8f9fa;border-bottom:2px solid #e8eaed;color:#5f6368;font-size:12px;font-weight:700;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.orders-table tbody td{border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;padding:12px 16px}.orders-table tbody tr:hover{background:#f8f9ff}.orders-cell-order{color:#1967d2;font-family:SF Mono,Menlo,monospace;font-weight:700}.orders-cell-amount{color:#1a1a2e;font-weight:600}.orders-action-btn{align-items:center;background:#e8f0fe;border:none;border-radius:8px;color:#1967d2;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.orders-action-btn:hover{background:#c6dafe}.orders-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;padding:3px 10px;text-transform:capitalize;white-space:nowrap}.orders-badge-pending{background:#f59e0b1f;color:#d97706}.orders-badge-confirmed{background:#3b82f61f;color:#2563eb}.orders-badge-assigned{background:#8b5cf61f;color:#7c3aed}.orders-badge-picked_up{background:#6366f11f;color:#4f46e5}.orders-badge-in_transit{background:#0ea5e91f;color:#0284c7}.orders-badge-delivered{background:#22c55e1f;color:#16a34a}.orders-badge-cancelled{background:#ef44441f;color:#dc2626}.orders-badge-success{background:#10b9811a;color:#10b981}.orders-badge-warning{background:#f59e0b1f;color:#d97706}.orders-badge-danger{background:#ef44441a;color:#ef4444}.orders-empty{color:#999;font-style:italic;padding:40px 16px!important;text-align:center}.orders-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:20px}.orders-pagination button{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:4px;padding:8px 14px}.orders-pagination button:disabled{cursor:not-allowed;opacity:.4}.orders-pagination span{color:#666;font-size:13px}.orders-loading{align-items:center;color:#888;display:flex;flex-direction:column;justify-content:center;padding:80px 0}.orders-spinner{animation:orders-spin .7s linear infinite;border:3px solid #e0e0e0;border-radius:50%;border-top-color:#1967d2;height:32px;margin-bottom:12px;width:32px}@keyframes orders-spin{to{transform:rotate(1turn)}}.orders-card{background:#fff;border:1px solid #e8eaed;border-radius:12px;margin-bottom:24px;padding:20px 24px}.orders-card h2{color:#1a1a2e;font-size:20px;font-weight:700;margin:0 0 4px}.orders-card h3{color:#1a1a2e;font-size:16px;font-weight:700;margin:0}.orders-detail-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.orders-detail-amount{color:#1a1a2e;font-size:28px;font-weight:700}.orders-detail-payment{color:#666;font-size:14px;margin-top:2px}.orders-detail-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr;margin-bottom:24px}.orders-info-col{color:#333;display:flex;flex-direction:column;font-size:14px;gap:6px;margin-top:12px}.orders-info-muted{color:#666;font-size:13px}.orders-items-table{border-collapse:collapse;margin-top:12px;width:100%}.orders-items-table thead th{background:#f8f9fa;border-bottom:2px solid #e8eaed;color:#5f6368;font-size:12px;font-weight:700;padding:10px 16px;text-align:left;text-transform:uppercase}.orders-items-table tbody td{border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;padding:10px 16px}.orders-items-total{border-top:2px solid #e8eaed!important;font-weight:700}.orders-timeline{display:flex;flex-direction:column;gap:14px;margin-top:12px}.orders-timeline-item{align-items:center;display:flex;gap:12px}.orders-timeline-dot{background:#22c55e;border-radius:50%;flex-shrink:0;height:12px;width:12px}.orders-timeline-label{color:#1a1a2e;font-size:14px;font-weight:600}.orders-timeline-time{color:#666;font-size:13px;margin-left:8px}.orders-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.orders-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:95vw;overflow-y:auto;width:450px}.orders-modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px 0}.orders-modal-header h2{color:#1a1a2e;font-size:18px;font-weight:700;margin:0}.orders-modal-close{background:none;border:none;border-radius:6px;color:#888;cursor:pointer;padding:4px}.orders-modal-close:hover{background:#f0f0f0;color:#333}.orders-modal-body{padding:20px 24px}.orders-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:0 24px 20px}.orders-form-row{margin-bottom:14px}.orders-form-row label{color:#555;display:block;font-size:13px;font-weight:600;margin-bottom:5px}.orders-form-row select{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.orders-form-row select:focus{border-color:#1967d2;box-shadow:0 0 0 2px #1967d21f}.orders-no-drivers{color:#666;font-size:14px;padding:16px 0;text-align:center}.orders-back-actions,.orders-header-actions{display:flex;gap:8px}.orders-info-list{display:flex;flex-direction:column;gap:6px;margin-top:12px}@media (max-width:768px){.orders-page{padding:16px}.orders-header{align-items:flex-start;gap:12px}.orders-filter-bar,.orders-header{flex-direction:column}.orders-detail-grid{grid-template-columns:1fr}}.dashboard{padding:2rem;text-align:center}.dashboard-container{display:flex;min-height:calc(100vh - 64px)}.dashboard-layout{background:#f8f9fa;display:flex;min-height:100vh}.dashboard-content{flex:1 1;margin-left:260px;margin-top:70px;min-height:calc(100vh - 70px);transition:margin-left .3s ease}.dashboard-content.collapsed{margin-left:80px}@media (max-width:768px){.dashboard-content,.dashboard-content.collapsed{margin-left:0}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{min-height:100vh;position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main-content{position:relative;z-index:1}.login-page{align-items:center;background:#f8f9fa;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-background{inset:0;overflow:hidden;position:absolute;z-index:0}.gradient-circle{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.3;position:absolute}.circle-1{background:linear-gradient(135deg,#6366f1,#8b5cf6);height:500px;left:-250px;top:-250px;width:500px}.circle-2{animation-delay:-10s;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-200px;height:400px;right:-200px;width:400px}.circle-3{animation-delay:-5s;background:linear-gradient(135deg,#43e97b,#38f9d7);height:300px;left:50%;top:50%;transform:translate(-50%,-50%);width:300px}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.login-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;display:grid;grid-template-columns:1fr 1fr;max-width:1100px;overflow:hidden;position:relative;width:90%;z-index:1}.login-card{display:flex;flex-direction:column;justify-content:center;padding:60px 50px}.login-header{margin-bottom:40px;text-align:center}.logo-wrapper{margin-bottom:24px}.logo-icon,.logo-wrapper{display:flex;justify-content:center}.logo-icon{align-items:center;border-radius:16px;height:70px;overflow:hidden;width:70px}.logo-icon .logo-img{height:100%;object-fit:contain;width:100%}.logo-icon:not(:has(.logo-img)){background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 8px 24px #6366f14d;color:#fff}.login-header h1{color:#1a1a1a;font-size:32px;font-weight:700;margin:0 0 8px}.login-header p{color:#6b7280;font-size:15px;margin:0}.error-message{align-items:center;background:#fee;border:1px solid #fcc;border-radius:12px;color:#c33;display:flex;font-size:14px;gap:12px;margin-bottom:24px;padding:16px}.error-message span{font-size:20px}.error-message p{flex:1 1;margin:0}.login-form{gap:24px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#374151;font-size:14px;font-weight:600}.input-wrapper{position:relative}.input-icon,.input-wrapper{align-items:center;display:flex}.input-icon{color:#9ca3af;left:14px;pointer-events:none;position:absolute;z-index:1}.input-wrapper input,.input-wrapper input[type=password],.input-wrapper input[type=text]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;font-size:15px;padding:14px 16px 14px 46px;transition:all .2s ease;width:100%}.input-wrapper input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.toggle-password{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:16px;transition:color .2s ease}.toggle-password:hover{color:#6366f1}.form-options{justify-content:space-between;margin-top:-8px}.form-options,.remember-me{align-items:center;display:flex}.remember-me{color:#374151;cursor:pointer;font-size:14px;gap:8px}.remember-me input{cursor:pointer;height:16px;width:16px}.forgot-password{background:none;border:none;color:#6366f1;cursor:pointer;font-size:14px;font-weight:600;padding:0;text-decoration:none;transition:color .2s ease}.forgot-password:hover{color:#4f46e5;text-decoration:underline}.login-button{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:16px;transition:all .2s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.login-footer{margin-top:32px;text-align:center}.login-footer p{align-items:center;color:#9ca3af;font-size:13px;gap:6px;margin:0}.login-footer p,.login-info{display:flex;justify-content:center}.login-info{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;flex-direction:column;padding:60px 50px}.info-content h2{font-size:36px;font-weight:700;margin:0 0 12px}.info-subtitle{color:#ffffffb3;font-size:16px;margin:0 0 48px}.features-list{display:flex;flex-direction:column;gap:32px}.feature-item{align-items:flex-start;display:flex;gap:16px}.feature-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:40px;justify-content:center;width:40px}.feature-text h4{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.feature-text p{color:#ffffffb3;font-size:14px;margin:0}@media (max-width:968px){.login-container{grid-template-columns:1fr;max-width:500px}.login-info{display:none}.login-card{padding:40px 30px}}@media (max-width:480px){.login-card{padding:30px 20px}.login-header h1{font-size:28px}.logo-icon{height:60px;width:60px}.logo-icon svg{height:28px;width:28px}.otp-inputs{gap:8px}.otp-input{font-size:22px;height:52px;width:42px}}.back-button{align-items:center;background:#f3f4f6;border:none;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;left:0;position:absolute;top:0;transition:all .2s ease;width:40px}.back-button:hover{background:#e5e7eb;color:#374151}.login-header{position:relative}.logo-icon.otp-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px #10b9814d}.otp-form{align-items:center;display:flex;flex-direction:column;gap:24px;padding:20px 0}.otp-inputs{display:flex;gap:12px;justify-content:center}.otp-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;caret-color:#6366f1;color:#1a1a1a;font-size:24px;font-weight:600;height:60px;text-align:center;transition:all .2s ease;width:50px}.otp-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f126;outline:none}.otp-input:disabled{cursor:not-allowed;opacity:.6}.otp-input::placeholder{color:#d1d5db}.verify-button{max-width:320px;width:100%}.resend-section{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:8px}.resend-text{color:#6b7280;font-size:14px;margin:0}.resend-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#6366f1;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.resend-button:hover:not(:disabled){background:#6366f11a}.resend-button:disabled{color:#9ca3af;cursor:not-allowed}.resend-button .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.3a86e0de.css.map*/