body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.course-calendar{padding:20px;background:var(--card-white);border-radius:8px;box-shadow:var(--shadow-sm)}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-grid{display:flex;border:1px solid var(--border-gray);border-radius:4px;overflow:hidden}.time-column{width:80px;border-right:1px solid var(--border-gray)}.day-column{flex:1;min-width:150px;border-right:1px solid var(--border-gray)}.day-column:last-child{border-right:none}.day-header{padding:10px;text-align:center;background:var(--bg-gray-light);border-bottom:1px solid var(--border-gray);font-weight:700;color:var(--text-dark)}.time-slot{height:60px;padding:5px;border-bottom:1px solid var(--border-gray);position:relative;cursor:pointer}.time-slot:hover{background-color:var(--bg-gray-light)}.time-column .time-slot{text-align:right;padding-right:10px;color:var(--text-gray);font-size:.9em}.course-item{background:var(--primary-purple);color:#fff;padding:5px;border-radius:4px;margin:2px 0;font-size:.9em;cursor:move}.course-item:hover{background:var(--primary-purple-dark)}.dragging{opacity:.5}.drag-over{background-color:var(--bg-gray-light)}.modal-backdrop{z-index:9998!important}.modal-open{overflow:hidden}.modal-content{border-radius:8px;background-color:var(--card-white)}.modal-header{background-color:var(--bg-gray-light);border-bottom:1px solid var(--border-gray);border-top-left-radius:8px;border-top-right-radius:8px}.modal-footer{background-color:var(--bg-gray-light);border-top:1px solid var(--border-gray);border-bottom-left-radius:8px;border-bottom-right-radius:8px}.form-group{margin-bottom:1rem}.form-control:disabled{background-color:var(--bg-gray-light);cursor:not-allowed}.form-label{font-weight:500;color:var(--text-dark)}.form-control{border-radius:4px;border:1px solid var(--border-gray);padding:.5rem .75rem;background-color:var(--card-white);color:var(--text-dark)}.form-control:focus{border-color:var(--primary-purple);box-shadow:0 0 0 .25rem var(--primary-purple-light)}.btn{font-weight:500;padding:.5rem 1.5rem}.btn-primary{background-color:var(--primary-purple);border-color:var(--primary-purple)}.btn-primary:hover{background-color:var(--primary-purple-dark);border-color:var(--primary-purple-dark)}.btn-outline-secondary{color:var(--text-gray);border-color:var(--text-gray)}.btn-outline-secondary:hover{color:#fff;background-color:var(--text-gray);border-color:var(--text-gray)}.modal-title{font-size:1.25rem;font-weight:600;color:var(--text-dark)}.text-muted{color:var(--text-gray)!important}@media(max-width:768px){.calendar-grid{overflow-x:auto}.day-column{min-width:120px}.time-column{width:60px}.course-calendar{padding:0;background:transparent;border-radius:8px;box-shadow:none}}:root{--primary: #1F2937;--primary-blue: #2C45CC;--primary-yellow: #BDED4C;--primary-purple: #6366F1;--primary-purple-dark: #4F46E5;--primary-purple-light: #818CF8;--bg-cream: #ECEEF1;--bg-gray-light: #F9FAFB;--card-white: #FFFFFF;--text-dark: #1F2937;--text-gray: #6B7280;--text-light: #9CA3AF;--border-gray: #E5E7EB;--green-bg: #D1FAE5;--green-text: #059669;--purple-bg: #E9D5FF;--purple-text: #7C3AED;--yellow-accent: #CDFF00;--red-badge: #EF4444;--dark: #111827;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}:root.dark-mode{--primary: #BDED4C;--primary-blue: #3B55E6;--primary-yellow: #BDED4C;--primary-purple: #818CF8;--primary-purple-dark: #6366F1;--primary-purple-light: #A5B4FC;--bg-cream: #1F2937;--bg-gray-light: #111827;--card-white: #374151;--text-dark: #FFFFFF;--text-gray: #D1D5DB;--text-light: #9CA3AF;--border-gray: #4B5563;--green-bg: #064E3B;--green-text: #34D399;--purple-bg: #581C87;--purple-text: #C084FC;--yellow-accent: #BDED4C;--red-badge: #DC2626;--dark: #111827;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5)}html{transition:background-color .3s ease,color .3s ease}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-cream);color:var(--text-dark);transition:background-color .3s ease,color .3s ease}*{box-sizing:border-box}.dashboard-container{display:flex;min-height:100vh;background-color:var(--bg-cream)}.sidebar{width:280px;background-color:var(--card-white);padding:24px 16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:32px;position:fixed;height:100vh;overflow-y:auto}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:0 12px;position:relative}.logo-icon{width:48px;height:48px;background-color:var(--primary-purple);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.logo-text{display:flex;flex-direction:column;gap:2px}.logo-title{font-size:16px;font-weight:700;color:var(--text-dark);line-height:1.2}.logo-subtitle{font-size:11px;font-weight:500;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em}.sidebar-logo-icon{width:32px;height:32px;background-color:var(--primary-purple);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.sidebar-section{display:flex;flex-direction:column;gap:4px}.sidebar-section-title,.section-title{font-size:11px;font-weight:600;color:var(--text-light);letter-spacing:.05em;text-transform:uppercase;padding:0 12px;margin-bottom:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-gray);cursor:pointer;transition:all .2s ease;position:relative}.nav-item:hover{background-color:var(--bg-gray-light);color:var(--text-dark)}.nav-item.active{background-color:var(--text-dark);color:var(--card-white)}:root.dark-mode .nav-item.active{background-color:var(--primary-yellow);color:#1f2937}:root.dark-mode .primary-action-button{background-color:var(--primary-yellow)!important;color:#1f2937!important}:root.dark-mode .primary-action-button:hover{background-color:var(--primary-yellow)!important;filter:brightness(1.1)!important}.nav-item-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.nav-badge{position:absolute;right:12px;background-color:var(--red-badge);color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-gray)}.mobile-menu-toggle{position:fixed;top:16px;left:16px;z-index:1001;width:44px;height:44px;background-color:var(--card-white);border:1px solid var(--border-gray);border-radius:8px;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);transition:all .2s ease}.mobile-menu-toggle:hover{background-color:var(--bg-gray-light)}.mobile-menu-toggle:active{transform:scale(.95)}.mobile-close-button{position:absolute;top:24px;right:16px;width:44px;height:44px;background-color:var(--card-white);border:1px solid var(--border-gray);border-radius:8px;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);transition:all .2s ease}.mobile-close-button:hover{background-color:var(--bg-gray-light)}.mobile-close-button:active{transform:scale(.95)}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;display:none}.inbox-section{display:flex;flex-direction:column;gap:8px}.inbox-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.inbox-item:hover{background-color:var(--bg-gray-light)}.inbox-item.personal{background-color:#fef2f2}.inbox-item.clients{background-color:#dbeafe}.inbox-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.inbox-avatar.personal{background-color:#fca5a5;color:#fff}.inbox-avatar.clients{background-color:#93c5fd;color:#fff}.inbox-details{flex:1;display:flex;flex-direction:column}.inbox-label{font-size:12px;font-weight:500;color:var(--text-gray)}.inbox-phone{font-size:13px;font-weight:400;color:var(--text-dark)}.main-content{flex:1;margin-left:280px;display:flex;flex-direction:column}.top-bar{background-color:var(--bg-gray-light);padding:16px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-gray);position:sticky;top:0;z-index:100}.search-bar{display:flex;align-items:center;gap:8px;background-color:#fff;padding:8px 16px;border-radius:8px;border:1px solid var(--border-gray);width:300px}.search-bar input{border:none;outline:none;flex:1;font-size:14px;color:var(--text-dark)}.search-bar input::placeholder{color:var(--text-light)}.top-bar-actions{display:flex;align-items:center;gap:16px}.avatar-group{display:flex;align-items:center}.avatar-group img{width:36px;height:36px;border-radius:50%;border:2px solid white;margin-left:-8px}.avatar-group img:first-child{margin-left:0}.avatar-more{width:36px;height:36px;border-radius:50%;background-color:var(--text-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;border:2px solid white;margin-left:-8px}.notification-icon{width:40px;height:40px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.notification-icon:hover{background-color:var(--bg-gray-light)}.export-btn{background-color:var(--text-dark);color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s ease}.export-btn:hover{background-color:#111827}.dashboard-content{padding:32px;flex:1}.dashboard-header{margin-bottom:24px}.dashboard-title{font-size:28px;font-weight:700;color:var(--text-dark);margin:0 0 4px}.dashboard-subtitle{font-size:14px;color:var(--text-gray);margin:0}.dashboard-actions{display:flex;gap:12px;margin-top:16px}.btn-customize,.btn-refresh{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;border:1px solid var(--border-gray);background-color:#fff;color:var(--text-gray);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.btn-customize:hover,.btn-refresh:hover{background-color:var(--bg-gray-light);border-color:var(--text-gray)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:24px}.card{background-color:var(--card-white);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm);transition:all .3s ease;cursor:default;border:1px solid transparent}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--border-gray)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.card-title{font-size:16px;font-weight:600;color:var(--text-dark);margin:0 0 4px}.card-value{font-size:24px;font-weight:700;color:var(--text-dark);display:flex;align-items:center;gap:8px}.stat-badge{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.stat-badge.positive{background-color:var(--green-bg);color:var(--green-text)}.stat-badge.negative{background-color:#fee2e2;color:#dc2626}.card-filters{display:flex;gap:8px}.filter-dropdown{padding:6px 12px;border-radius:6px;border:1px solid var(--border-gray);background-color:#fff;color:var(--text-gray);font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px}.filter-dropdown:hover{background-color:var(--bg-gray-light)}.bar-chart-container{height:250px;display:flex;align-items:flex-end;justify-content:space-around;gap:16px;padding:20px 0;border-top:1px solid var(--border-gray)}.bar-chart-column{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.bar{width:100%;background:linear-gradient(180deg,var(--text-dark) 0%,var(--text-dark) 100%);border-radius:8px 8px 0 0;position:relative;transition:all .3s ease;cursor:pointer}.bar:hover{filter:brightness(1.1)}.bar-tooltip{position:absolute;top:-40px;left:50%;transform:translate(-50%);background-color:var(--text-dark);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .2s ease}.bar:hover .bar-tooltip{opacity:1}.bar-label{font-size:12px;color:var(--text-gray);font-weight:500}.line-chart-container{height:250px;position:relative;padding:20px 0}.sales-table{width:100%;margin-top:20px}.sales-table thead{border-bottom:1px solid var(--border-gray)}.sales-table th{text-align:left;padding:12px 8px;font-size:13px;font-weight:600;color:var(--text-gray);text-transform:uppercase;letter-spacing:.05em}.sales-table td{padding:16px 8px;font-size:14px;color:var(--text-dark);border-bottom:1px solid var(--bg-gray-light);transition:background-color .2s ease}.sales-table tbody tr{transition:all .2s ease}.sales-table tbody tr:hover{background-color:var(--bg-gray-light);cursor:pointer}.product-cell{display:flex;align-items:center;gap:12px}.product-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-gray-light)}.product-info{display:flex;flex-direction:column}.product-name{font-weight:600;color:var(--text-dark)}.product-sku{font-size:12px;color:var(--text-light)}.status-badge{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;display:inline-block}.status-badge.available{background-color:var(--green-bg);color:var(--green-text)}.status-badge.pre-paid{background-color:var(--purple-bg);color:var(--purple-text)}.progress-circle-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.progress-circle{position:relative;width:180px;height:180px}.progress-circle svg{transform:rotate(-90deg)}.progress-circle-bg{fill:none;stroke:var(--border-gray);stroke-width:12}.progress-circle-fill{fill:none;stroke:var(--yellow-accent);stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.progress-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-amount{font-size:32px;font-weight:700;color:var(--text-dark)}.progress-label{font-size:14px;color:var(--text-gray);margin-top:4px}.progress-goal{font-size:18px;font-weight:600;color:var(--text-light)}.cta-card{background:linear-gradient(135deg,#1f2937,#111827);color:#fff;padding:40px;border-radius:12px;text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-md);transition:all .3s ease;border:1px solid transparent}.cta-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:#6366f14d}.cta-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%)}.cta-title{font-size:24px;font-weight:700;margin:0 0 12px;position:relative;z-index:1}.cta-description{font-size:14px;color:#d1d5db;margin:0 0 24px;line-height:1.6;position:relative;z-index:1}.unlock-btn{background-color:var(--yellow-accent);color:var(--text-dark);padding:12px 32px;border-radius:8px;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all .2s ease;position:relative;z-index:1}.unlock-btn:hover{background-color:#e0ff00;transform:translateY(-2px);box-shadow:0 4px 12px #cdff004d}.mobile-top-navbar{display:none;position:fixed;top:0;left:0;right:0;height:60px;background-color:var(--card-white);border-bottom:1px solid var(--border-gray);padding:0 16px;align-items:center;justify-content:space-between;z-index:998;box-shadow:var(--shadow-sm)}.mobile-nav-hamburger{width:44px;height:44px;background-color:transparent;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-dark)}.mobile-nav-hamburger:hover{background-color:var(--bg-gray-light)}.mobile-nav-hamburger:active{transform:scale(.95)}.mobile-nav-logo{flex:1;display:flex;align-items:center;justify-content:center}.mobile-nav-notification{display:flex;align-items:center;justify-content:center}.mobile-bottom-navbar{display:none;position:fixed;bottom:0;left:0;right:0;height:85px;background-color:var(--card-white);border-top:1px solid var(--border-gray);padding:8px 0;z-index:998;box-shadow:0 -2px 8px #0000000d}.mobile-bottom-navbar{display:none;grid-template-columns:repeat(4,1fr);gap:0}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .2s ease;padding:8px 4px;border-radius:8px;color:var(--text-gray)}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-item.active{color:var(--text-dark)}.mobile-nav-item.active .mobile-nav-icon{background-color:var(--text-dark);color:#fff}:root.dark-mode .mobile-nav-item.active{color:var(--primary-yellow)}:root.dark-mode .mobile-nav-item.active .mobile-nav-icon{background-color:var(--primary-yellow);color:#1f2937}:root.dark-mode .customer-scores-fab{background-color:var(--primary-yellow)!important;color:#1f2937!important}:root.dark-mode .customer-scores-fab:hover{background-color:var(--primary-yellow)!important;opacity:.9!important}.mobile-nav-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .2s ease}.mobile-nav-label{font-size:11px;font-weight:600;text-align:center}@media(max-width:1400px){.dashboard-grid{grid-template-columns:1fr}}@media(max-width:768px){.mobile-top-navbar{display:flex}.mobile-bottom-navbar{display:grid}.mobile-menu-toggle{display:none}.sidebar{transform:translate(-100%);transition:transform .3s ease;z-index:1000;top:0;height:100vh}.sidebar.mobile-open{transform:translate(0)}.mobile-close-button{display:flex}.mobile-overlay{display:block}.main-content{margin-left:0;min-height:calc(100vh - 130px)}.dashboard-content{padding:6px 6px 24px}.top-bar{padding:12px 16px}.search-bar{width:100%;max-width:200px}.MuiContainer-root{padding-top:16px!important;padding-bottom:24px!important}body{padding-top:60px;padding-bottom:70px}.dashboard-content>.MuiContainer-root{margin-top:0!important;padding-top:16px!important}.course-calendar{padding-top:0!important;margin-top:0!important}.calendar-grid{padding:8px!important}}.MuiPaper-root{box-shadow:var(--shadow-sm)!important;transition:all .3s ease!important;border:1px solid transparent}.MuiPaper-root:hover{box-shadow:var(--shadow-lg)!important;transform:translateY(-2px);border-color:var(--border-gray)}.MuiPaper-elevation1{box-shadow:var(--shadow-sm)!important}.MuiPaper-elevation2,.MuiPaper-elevation3{box-shadow:var(--shadow-md)!important}.MuiPaper-elevation3:hover{box-shadow:var(--shadow-lg)!important}.MuiCard-root{box-shadow:var(--shadow-sm)!important;transition:all .3s ease!important;border-radius:12px!important;border:1px solid transparent}.MuiCard-root:hover{box-shadow:var(--shadow-lg)!important;transform:translateY(-2px);border-color:var(--border-gray)}.MuiTableContainer-root{border-radius:12px!important;box-shadow:var(--shadow-sm)!important;transition:all .3s ease!important}.MuiTableContainer-root:hover{box-shadow:var(--shadow-md)!important}.MuiTableRow-root{transition:all .2s ease!important}.MuiTableRow-root:hover{background-color:var(--bg-gray-light)!important}.MuiTableRow-head:hover{background-color:transparent!important}.MuiListItem-root{transition:all .2s ease!important;border-radius:8px!important}.MuiListItem-root:hover{background-color:var(--bg-gray-light)!important}.MuiListItemButton-root{transition:all .2s ease!important;border-radius:8px!important}.MuiListItemButton-root:hover{background-color:var(--bg-gray-light)!important}.MuiButton-root{transition:all .2s ease!important}.MuiButton-outlined:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)!important}.MuiButton-contained:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)!important}.MuiChip-root{transition:all .2s ease!important}.MuiChip-clickable:hover{transform:scale(1.05);box-shadow:var(--shadow-sm)!important}.MuiDialog-paper,.MuiDialog-paper:hover,.MuiMenu-paper,.MuiMenu-paper:hover,.MuiPopover-paper,.MuiPopover-paper:hover{transform:none!important}.text-center{text-align:center}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.gap-8{gap:8px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}