@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}:root{--primary-blue:#1e40af;--primary-green:#047857;--primary-purple:#7c3aed;--primary-orange:#d97706;--primary-red:#dc2626;--primary-cyan:#0891b2;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a}.sidebar{overflow:hidden;position:relative}.sidebar:before{animation:gradientFloat 12s ease-in-out infinite;background:radial-gradient(circle at 10% 20%,#3b82f626 0,#0000 50%),radial-gradient(circle at 90% 80%,#fbbf241a 0,#0000 50%),radial-gradient(circle at 50% 50%,#10b9811a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}@keyframes gradientFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-1deg)}}.sidebar-gradient-overlay{background:radial-gradient(circle at 20% 50%,#fbbf241a 0,#0000 50%),radial-gradient(circle at 80% 20%,#10b9811a 0,#0000 50%),radial-gradient(circle at 40% 80%,#8b5cf61a 0,#0000 50%);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}@media (max-width:768px){.sidebar{left:-240px!important}.sidebar.open{left:0!important}.sidebar-overlay{display:block!important}}@media (min-width:769px){.sidebar{left:0!important}.sidebar-overlay{display:none!important}}.business-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:8px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.business-card:hover{border-color:#1e40af;border-color:var(--primary-blue);box-shadow:0 4px 12px #00000026}.status-indicator{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-online{background-color:#dcfce7;color:#047857;color:var(--primary-green)}.status-offline{background-color:#fee2e2;color:#dc2626;color:var(--primary-red)}.status-warning{background-color:#fef3c7;color:#d97706;color:var(--primary-orange)}.metric-card{overflow:hidden;position:relative}.metric-card:before{background:linear-gradient(90deg,#1e40af,#047857);background:linear-gradient(90deg,var(--primary-blue),var(--primary-green));content:"";height:3px;left:0;position:absolute;right:0;top:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--gray-400)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animated-gradient{animation:gradientShift 8s ease infinite;background-size:200% 200%}.sidebar-menu-item{overflow:hidden;position:relative}.sidebar-menu-item:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.sidebar-menu-item:hover:before{left:100%}.sidebar{transition:left .3s ease!important}button{transition:all .3s ease}.dashboard-card{transition:transform .2s ease,box-shadow .2s ease}.dashboard-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}@media (max-width:640px){.stats-grid{grid-template-columns:1fr!important}}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)!important}}.status-online{background-color:#10b981}.status-offline{background-color:#ef4444}.status-warning{background-color:#f59e0b}.toast{animation:slideIn .3s ease;background:#fff;border-radius:8px;box-shadow:0 10px 40px #00000026;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:9999}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast.success{border-left:4px solid #10b981}.toast.error{border-left:4px solid #ef4444}.toast.warning{border-left:4px solid #f59e0b}.toast.info{border-left:4px solid #3b82f6}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8fafc;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard{gap:24px;margin:0 auto;max-width:1400px;min-height:100vh;padding:32px}.dashboard,.dashboard-loading{display:flex;flex-direction:column}.dashboard-loading{align-items:center;color:#64748b;height:400px;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:32px;position:relative}.dashboard-header:before{background:#ffffff1a;border-radius:50%;content:"";height:200px;position:absolute;right:0;top:0;transform:translate(50%,-50%);width:200px}.dashboard-header:after{background:#ffffff0d;border-radius:50%;bottom:0;content:"";height:150px;left:0;position:absolute;transform:translate(-50%,50%);width:150px}.header-content{position:relative;z-index:1}.header-title-section{align-items:center;display:flex;gap:16px;margin-bottom:8px}.header-content h1{color:#fff;font-size:32px;font-weight:700;margin:0}.header-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;color:#fff;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.header-content p{color:#ffffffe6;font-size:16px;margin-bottom:8px}.header-meta{align-items:center;display:flex;gap:16px}.current-date{color:#fffc;font-size:14px;font-weight:500}.header-actions{display:flex;gap:12px;position:relative;z-index:1}.btn-primary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:10px;font-size:14px;transition:all .3s ease}.btn-primary:hover{background:#ffffff4d;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.btn-secondary{align-items:center;background:#0000;border:1px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.btn-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.btn-link:hover{color:#2563eb;text-decoration:underline}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#fff;border:1px solid #e5edf7;border-radius:14px;box-shadow:0 4px 16px #0f172a0a;display:flex;gap:14px;overflow:hidden;padding:18px 16px;position:relative;transition:all .3s ease}@media (max-width:1024px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.dashboard-stats{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-4px)}.stat-card:before{background:linear-gradient(90deg,#3b82f6,#60a5fa);background:linear-gradient(90deg,var(--card-color,#3b82f6),var(--card-color-light,#60a5fa));content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-icon{align-items:center;border-radius:16px;display:flex;flex-shrink:0;height:70px;justify-content:center;position:relative;width:70px}.stat-icon:before{background:linear-gradient(135deg,#3b82f61a,#3b82f633);background:linear-gradient(135deg,var(--icon-bg,#3b82f61a),var(--icon-bg-hover,#3b82f633));border-radius:16px;content:"";inset:0;position:absolute;transition:all .3s ease}.stat-card:hover .stat-icon:before{background:linear-gradient(135deg,#3b82f633,#3b82f64d);background:linear-gradient(135deg,var(--icon-bg-hover,#3b82f633),var(--icon-bg-active,#3b82f64d))}.stat-content{flex:1 1}.stat-content h3{color:#64748b;font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.stat-value{color:#1e293b;font-size:28px;font-weight:700;margin-bottom:4px}.stat-change{align-items:center;display:flex;font-size:12px;font-weight:500;gap:4px}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.dashboard-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:32px}.dashboard-section{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 20px #00000014;height:fit-content;padding:32px;transition:all .3s ease}.dashboard-section:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.activities-section,.quick-actions-section{min-height:400px}.section-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.section-header h2{color:#1e293b;font-size:22px;font-weight:700;position:relative}.section-header h2:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;bottom:-18px;content:"";height:3px;left:0;position:absolute;width:40px}.quick-actions{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.action-btn{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:flex-start;min-height:70px;padding:20px;text-align:left;transition:all .2s ease}.action-btn:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;color:#3b82f6;transform:translateY(-1px)}.action-btn.warning{border-color:#f59e0b;color:#d97706}.action-btn.warning:hover{background:#fffbeb;border-color:#d97706}.activities-list{display:flex;flex-direction:column;gap:20px;max-height:400px;overflow-y:auto}.activity-item{border:1px solid #f1f5f9;border-radius:8px;gap:16px;margin-bottom:8px;padding:16px;transition:all .2s ease}.activity-item:hover{background:#f8fafc}.activity-icon{align-items:center;background:#f1f5f9;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.activity-content{flex:1 1}.activity-content p{color:#374151;line-height:1.4}.status-success{color:#10b981}.status-warning{color:#f59e0b}.status-info{color:#3b82f6}.status-default{color:#64748b}.dashboard-footer{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin-top:32px;overflow:hidden}.footer-content{align-items:flex-start;display:flex;gap:32px;justify-content:space-between;padding:32px}.system-info{display:flex;flex:1 1;gap:24px}.status-card{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;min-width:200px;padding:20px}.status-header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.status-title{font-size:14px;font-weight:600}.status-details{display:flex;gap:20px}.status-metric{display:flex;flex-direction:column;gap:4px}.metric-label{font-size:12px;opacity:.8}.metric-value{font-size:18px;font-weight:700}.update-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:12px;padding:20px}.update-card,.update-icon{align-items:center;display:flex}.update-icon{background:#3b82f6;border-radius:8px;color:#fff;height:40px;justify-content:center;width:40px}.update-info{display:flex;flex-direction:column;gap:4px}.update-label{color:#64748b;font-size:12px;font-weight:500}.update-time{color:#1e293b;font-size:14px;font-weight:600}.footer-stats{display:flex;gap:24px}.mini-stat{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:4px;min-width:80px;padding:16px}.mini-stat-value{color:#1e293b;font-size:20px;font-weight:700}.mini-stat-label{color:#64748b;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.footer-bottom{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 32px}.footer-bottom p{color:#64748b;font-size:14px;margin:0}.footer-links{display:flex;gap:16px}.footer-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.footer-link:hover{color:#2563eb;text-decoration:underline}.status-indicator{background:#64748b;border-radius:50%;height:12px;position:relative;width:12px}.status-indicator.online{background:#10b981}.status-indicator.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}@media (max-width:1200px){.dashboard-content{gap:24px;grid-template-columns:1fr}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.quick-actions{grid-template-columns:1fr}}@media (min-width:768px){.dashboard-stats{gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:769px){.dashboard-stats{gap:12px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}.dashboard-stat-card{gap:8px!important;min-height:84px!important;padding:14px 12px!important}.dashboard-stat-card>div:first-child{height:34px!important;min-width:34px!important;width:34px!important}.dashboard-stat-card>div:last-child>div:first-child{font-size:11px!important;letter-spacing:.02em!important}.dashboard-stat-card>div:last-child>div:last-child{font-size:20px!important;letter-spacing:.4px!important}}@media (max-width:768px){.dashboard{padding:16px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:16px}.header-content h1{font-size:24px}.dashboard-stats{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-content,.quick-actions{grid-template-columns:1fr}.dashboard-content{gap:20px}.system-status{align-items:flex-start;flex-direction:column;gap:8px}.action-btn{min-height:60px;padding:16px}.dashboard-section{padding:20px}.footer-content{flex-direction:column;gap:20px}.system-info{flex-direction:column;gap:16px}.footer-stats{flex-wrap:wrap;gap:16px;justify-content:center}.footer-bottom{flex-direction:column;gap:12px;text-align:center}.header-title-section{align-items:flex-start;flex-direction:column;gap:8px}.header-actions{flex-direction:column;gap:8px;width:100%}}@media (max-width:420px){.dashboard{padding:12px}.dashboard-header{border-radius:14px;padding:18px 16px}.dashboard-welcome-panel{border-radius:14px!important;padding:18px 16px!important}.dashboard-welcome-title{font-size:20px!important;line-height:1.2!important}.dashboard-stats{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}.dashboard-stat-card{border-radius:12px!important;gap:6px!important;min-height:92px!important;padding:10px 8px!important}.dashboard-stat-card>div:first-child{height:28px!important;min-width:28px!important;width:28px!important}.dashboard-stat-card>div:last-child{min-width:0}}.app{height:100vh}.app,.main-content{display:flex;overflow:hidden}.main-content{flex:1 1;flex-direction:column}.content{flex:1 1;overflow-y:auto;padding:24px}.sidebar{background:linear-gradient(180deg,#1e3a8a,#1e40af);box-shadow:2px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;width:280px}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:24px}.sidebar-header h2{font-size:24px;font-weight:700;text-align:center}.sidebar-nav{flex:1 1;padding:16px 0}.nav-item{align-items:center;background:none;border:none;color:#fffc;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 24px;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{background-color:#ffffff1a;color:#fff}.nav-item.active{background-color:#ffffff26;border-right:3px solid #60a5fa;color:#fff}.header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;height:80px;justify-content:space-between;padding:0 24px}.header,.header-left{align-items:center;display:flex}.header-left{gap:24px}.search-container{align-items:center;display:flex;position:relative}.search-icon{color:#64748b;left:12px;position:absolute;z-index:1}.search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;height:40px;padding:0 16px 0 44px;transition:all .2s ease;width:400px}.search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.header-right{gap:16px}.admin-profile,.header-right{align-items:center;display:flex}.admin-profile{gap:12px}.admin-info{text-align:right}.admin-name{display:block;font-size:14px;font-weight:600}.admin-role{color:#64748b;display:block;font-size:12px}.admin-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.logout-btn{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;padding:8px;transition:all .2s ease}.logout-btn:hover{background:#f1f5f9;color:#ef4444}.dashboard-header{margin-bottom:32px}.dashboard-header h1{font-size:32px;font-weight:700;margin-bottom:8px}.dashboard-header p{color:#64748b;font-size:16px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stats-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;gap:16px;padding:24px}.stats-card,.stats-icon{align-items:center;display:flex}.stats-icon{border-radius:12px;height:48px;justify-content:center;width:48px}.stats-content{flex:1 1}.stats-title{color:#64748b;font-size:14px;font-weight:500;margin-bottom:4px}.stats-value{font-size:28px;font-weight:700;margin-bottom:4px}.stats-change{align-items:center;display:flex;font-size:12px;font-weight:500;gap:4px}.stats-change.positive{color:#10b981}.stats-change.negative{color:#ef4444}.dashboard-content{display:flex;flex-direction:column;gap:24px}.dashboard-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr}.chart-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.chart-container h3{font-size:18px;font-weight:600;margin-bottom:16px}.chart-placeholder{align-items:center;background:#f8fafc;border-radius:8px;color:#64748b;display:flex;height:300px;justify-content:center}.recent-activity{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.recent-activity h3{font-size:18px;font-weight:600;margin-bottom:16px}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{align-items:flex-start;display:flex;gap:12px}.activity-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.activity-content p{font-size:14px;margin-bottom:4px}.activity-time{color:#64748b;font-size:12px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-header h1{font-size:28px;font-weight:700}.header-stats{gap:16px}.header-stats,.stat-item{align-items:center;display:flex}.stat-item{color:#64748b;font-size:14px;gap:8px}.filters-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;gap:16px;margin-bottom:24px;padding:16px}.filter-container,.filters-bar{align-items:center;display:flex}.filter-container{gap:8px}.filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #f1f5f9;font-size:14px;padding:16px}.data-table tr:hover{background:#f8fafc}.user-cell{gap:12px}.user-avatar,.user-cell{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;font-weight:600;height:40px;justify-content:center;width:40px}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;margin-bottom:2px}.user-id{color:#64748b;font-size:12px}.shop-cell{align-items:center;display:flex;gap:12px}.shop-image{border-radius:8px;height:40px;overflow:hidden;width:40px}.shop-image img{height:100%;object-fit:cover;width:100%}.shop-placeholder{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;color:#fff;display:flex;font-weight:600;height:40px;justify-content:center;width:40px}.shop-info{display:flex;flex-direction:column}.shop-name{font-weight:600;margin-bottom:2px}.shop-category{color:#64748b;font-size:12px}.location-cell{color:#64748b;gap:6px}.location-cell,.rating-cell{align-items:center;display:flex}.rating-cell{color:#f59e0b;gap:4px}.customer-cell{align-items:center;display:flex;gap:12px}.customer-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.customer-info{display:flex;flex-direction:column}.customer-name{font-weight:600;margin-bottom:2px}.customer-phone{color:#64748b;font-size:12px}.service-cell{display:flex;flex-direction:column;gap:4px}.service-name{font-weight:500}.service-duration{align-items:center;color:#64748b;display:flex;font-size:12px;gap:4px}.datetime-cell{display:flex;flex-direction:column;gap:4px}.booking-date,.booking-time{align-items:center;display:flex;font-size:12px;gap:4px}.booking-date{font-weight:500}.booking-time{color:#64748b}.amount-cell{align-items:center;color:#059669;display:flex;font-weight:600;gap:4px}.status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 8px;text-transform:capitalize}.status-badge.active{background:#10b9811a;color:#059669}.status-badge.inactive{background:#6b72801a;color:#6b7280}.status-badge.suspended{background:#ef44441a;color:#dc2626}.status-badge.pending{background:#f59e0b1a;color:#d97706}.status-badge.approved{background:#10b9811a;color:#059669}.status-badge.rejected{background:#ef44441a;color:#dc2626}.status-badge.confirmed{background:#10b9811a;color:#059669}.status-badge.completed{background:#3b82f61a;color:#2563eb}.status-badge.cancelled{background:#ef44441a;color:#dc2626}.action-buttons{display:flex;gap:8px}.btn-icon{align-items:center;background:#f1f5f9;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-icon:hover{background:#e2e8f0;color:#475569}.btn-icon.btn-danger:hover{background:#fee2e2;color:#dc2626}.btn-icon.btn-success:hover{background:#dcfce7;color:#16a34a}.btn-primary{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.btn-primary:hover{background:#2563eb}.loading{font-size:16px;height:200px}.coming-soon,.loading{align-items:center;color:#64748b;display:flex;justify-content:center}.coming-soon{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;font-size:18px;height:400px}.booking-id{color:#3b82f6;font-family:Courier New,monospace;font-weight:600}.role-cell{align-items:center;color:#64748b;display:flex;gap:6px}.payment-method{background:#f1f5f9;border-radius:4px;color:#475569;font-size:12px;padding:4px 8px}.message-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 2fr;height:calc(100vh - 200px)}.message-list{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow-y:auto;padding:16px}.messages{display:flex;flex-direction:column;gap:8px}.message-item{border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:16px;transition:all .2s ease}.message-item:hover{background:#f8fafc;border-color:#cbd5e1}.message-item.unread{background:#eff6ff;border-color:#3b82f6}.message-item.selected{background:#dbeafe;border-color:#2563eb}.message-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.sender-info{gap:8px}.sender-avatar,.sender-info{align-items:center;display:flex}.sender-avatar{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;color:#fff;height:32px;justify-content:center;width:32px}.sender-details{display:flex;flex-direction:column}.sender-name{font-size:14px;font-weight:600}.sender-type{color:#64748b;font-size:12px;text-transform:capitalize}.message-meta{gap:8px}.message-meta,.message-time{align-items:center;display:flex}.message-time{color:#64748b;font-size:12px;gap:4px}.urgent-badge{background:#fee2e2;border-radius:4px;color:#dc2626;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.message-subject{font-size:14px;font-weight:600;margin-bottom:4px}.message-preview{color:#64748b;font-size:12px;line-height:1.4}.message-detail{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow-y:auto;padding:24px}.message-content{display:flex;flex-direction:column;height:100%}.message-detail-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.message-detail-header h3{font-size:18px;font-weight:600}.message-actions,.message-info{display:flex;gap:8px}.message-info{background:#f8fafc;border-radius:8px;flex-direction:column;margin-bottom:24px;padding:16px}.info-row{display:flex;font-size:14px;gap:8px}.info-row strong{color:#475569;min-width:60px}.urgent-text{color:#dc2626;font-weight:600}.message-body{color:#374151;flex:1 1;font-size:14px;line-height:1.6}.no-message-selected{align-items:center;color:#64748b;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.no-message-selected svg{color:#cbd5e1;margin-bottom:16px}.no-message-selected h3{color:#475569;margin-bottom:8px}.no-message-selected p{font-size:14px}@media (max-width:1200px){.dashboard-row{grid-template-columns:1fr}.search-input{width:300px}}@media (max-width:768px){.app{flex-direction:column}.sidebar{height:auto;width:100%}.sidebar-nav{display:flex;flex-direction:row;overflow-x:auto;padding:8px}.nav-item{flex-shrink:0;white-space:nowrap}.search-input{width:200px}.admin-info{display:none}.stats-grid{grid-template-columns:1fr}.filters-bar{align-items:stretch;flex-direction:column;gap:12px}.table-container{overflow-x:auto}.data-table{min-width:800px}}.dashboard-chart-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:30px}.dashboard-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;min-width:0;padding:25px}.dashboard-chart-heading{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.dashboard-chart-heading h2{color:#1e293b;font-size:18px;font-weight:600;margin:0}.dashboard-chart-heading p{color:#64748b;font-size:13px;margin:5px 0 0}.dashboard-chart-heading>strong{color:#059669;font-size:15px;white-space:nowrap}.dashboard-chart-state{color:#64748b;display:grid;font-size:14px;min-height:220px;place-items:center;text-align:center}.dashboard-chart-error{color:#dc2626}.booking-status-chart{display:flex;flex-direction:column;gap:18px;justify-content:center;min-height:220px}.booking-status-row{grid-gap:8px;display:grid;gap:8px}.booking-status-label{align-items:center;color:#334155;display:flex;font-size:13px;gap:8px}.booking-status-label span{border-radius:50%;height:9px;width:9px}.booking-status-label strong{color:#1e293b;margin-left:auto}.booking-status-track{background:#f1f5f9;border-radius:6px;height:9px;overflow:hidden}.booking-status-track div{border-radius:inherit;height:100%;min-width:0;transition:width .3s ease}.revenue-line-chart{min-height:220px;width:100%}.revenue-line-chart svg{display:block;height:220px;overflow:visible;width:100%}.chart-axis{stroke:#e2e8f0;stroke-width:1}.chart-date-label,.chart-value-label{fill:#64748b;font-size:10px}.revenue-line{fill:none;stroke:#667eea;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.revenue-point{fill:#fff;stroke:#667eea;stroke-width:2}.dashboard-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-stat-card{align-items:center;border:1.5px solid #e0e7ef;border-radius:18px;box-shadow:0 4px 24px 0 #0ea5e914;display:flex;gap:12px;justify-content:space-between;min-height:92px;padding:18px 20px}@media (max-width:800px){.dashboard-chart-grid{grid-template-columns:1fr}}@media (max-width:430px){.dashboard-stats{gap:8px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-bottom:20px!important}.dashboard-welcome-panel{border-radius:14px!important;padding:18px!important}.dashboard-welcome-content{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}.dashboard-welcome-title{font-size:24px!important;line-height:1.2!important}.dashboard-stat-card{padding:18px!important}.dashboard-chart-grid{gap:14px!important;grid-template-columns:1fr!important;margin-bottom:20px!important}.dashboard-chart-card{padding:18px!important}.dashboard-chart-heading{align-items:flex-start!important;flex-direction:column!important;gap:8px!important;margin-bottom:14px!important}.dashboard-chart-heading h2{font-size:16px!important}.dashboard-chart-heading p{font-size:12px!important}.booking-status-chart{gap:12px!important;min-height:180px!important}.revenue-line-chart svg{height:180px!important}.dashboard-chart-state{min-height:160px!important}}.analytics-page{color:#17212b;font-family:DM Sans,sans-serif;margin:0;width:100%}.analytics-header{align-items:center;background:linear-gradient(115deg,#123c47,#087f78);border-radius:14px;box-shadow:0 12px 28px #123c472e;color:#fff;display:flex;justify-content:space-between;padding:30px 34px}.analytics-eyebrow{color:#a6efe1;font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}.analytics-header h1{font:700 32px Space Grotesk,sans-serif;margin:8px 0 5px}.analytics-header p{color:#d4f5ed;margin:0}.analytics-header-mark{border:1px solid #ffffff4d;border-radius:50%;color:#d7fff5;display:grid;font:600 30px Space Grotesk,sans-serif;height:62px;place-items:center;width:62px}.analytics-filters{align-items:end;background:#fff;border:1px solid #e3eceb;border-radius:10px;display:flex;flex-wrap:wrap;gap:14px;margin:20px 0;padding:16px 18px}.analytics-filters label{color:#52636a;display:flex;flex-direction:column;font-size:12px;font-weight:700;gap:6px;text-transform:uppercase}.analytics-filters input{border:1px solid #cbd9d8;border-radius:6px;color:#17212b;font:500 14px DM Sans,sans-serif;min-width:150px;padding:10px 11px}.analytics-filters button{background:#e05d39;border:0;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:11px 18px}.analytics-filters button:disabled{cursor:wait;opacity:.6}.analytics-range{color:#728187;font-size:13px;margin-left:auto}.analytics-error{background:#fff1ef;border-left:4px solid #c53d35;color:#8f2d29;margin-bottom:16px;padding:12px 14px}.analytics-state,.empty-state{color:#738287;display:grid;min-height:180px;place-items:center}.analytics-kpis{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:14px}.analytics-kpis article{background:#fff;border:1px solid #e3eceb;border-radius:10px;padding:20px}.analytics-kpis small,.analytics-kpis span{color:#718087;display:block;font-size:13px}.analytics-kpis strong{color:#123c47;display:block;font:700 25px Space Grotesk,sans-serif;margin:9px 0 4px}.analytics-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1.7fr 1fr;margin-bottom:14px}.analytics-panel{background:#fff;border:1px solid #e3eceb;border-radius:10px;padding:22px}.panel-heading{align-items:start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.panel-heading h2{color:#123c47;font:700 19px Space Grotesk,sans-serif;margin:0 0 4px}.panel-heading p{color:#7a888c;font-size:13px;margin:0}.panel-heading>strong{color:#087f78;font-size:13px}.revenue-chart{align-items:end;border-bottom:1px solid #dbe7e5;display:flex;gap:8px;min-height:220px;overflow-x:auto;padding:14px 2px 0}.chart-column{align-items:center;display:flex;flex:1 0 28px;flex-direction:column;gap:8px;height:205px;justify-content:end;min-width:28px}.chart-bar{background:linear-gradient(180deg,#e05d39,#f0a04b);border-radius:5px 5px 0 0;min-height:7px;width:100%}.chart-column span{color:#879397;font-size:10px;transform:rotate(-45deg) translate(-8px,8px);white-space:nowrap}.breakdown-list{grid-gap:14px;display:grid;gap:14px}.breakdown-row{border-bottom:1px solid #edf2f1;display:flex;gap:12px;justify-content:space-between;padding-bottom:13px}.breakdown-row:last-child{border-bottom:0}.breakdown-row strong{color:#24434b;display:block}.breakdown-row>strong{color:#087f78}.breakdown-row small{color:#899498;display:block;margin-top:4px}.shop-table{width:100%}.shop-table-head,.shop-table-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:1fr 130px 160px;padding:13px 4px}.shop-table-head{border-bottom:2px solid #dce8e6;color:#7b898d;font-size:11px;font-weight:700;text-transform:uppercase}.shop-table-row{border-bottom:1px solid #edf2f1;color:#53656a}.shop-table-row>span:first-child{align-items:center;color:#24434b;display:flex;font-weight:600;gap:12px}.shop-table-row b{background:#edf8f5;border-radius:50%;color:#087f78;display:grid;font-size:11px;height:28px;place-items:center;width:28px}.shop-table-row strong{color:#087f78}@media (max-width:900px){.analytics-kpis{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}}@media (min-width:360px) and (max-width:767px){.analytics-kpis{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-kpis article{display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:14px 12px}.analytics-kpis small,.analytics-kpis span{font-size:11px;line-height:1.4}.analytics-kpis strong{font-size:18px;line-height:1.2;margin:8px 0 3px;word-break:break-word}}@media (max-width:560px){.analytics-header{padding:24px}.analytics-header h1{font-size:26px}.analytics-header-mark{font-size:23px;height:48px;width:48px}.analytics-filters{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:1fr}.analytics-filters label{width:100%}.analytics-filters input{min-width:0;width:100%}.analytics-filters button{padding:12px 14px;width:100%}.analytics-range{font-size:12px;margin-left:0;text-align:left;width:100%}.shop-table-head,.shop-table-row{font-size:12px;gap:8px;grid-template-columns:1fr 90px 120px}}@media (max-width:359px){.analytics-kpis{grid-template-columns:1fr}.analytics-kpis strong{font-size:18px}}
/*# sourceMappingURL=main.ee669155.css.map*/