@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--transition: all .3s cubic-bezier(.4, 0, .2, 1);--shadow: 0 4px 20px rgba(0, 0, 0, .05);--primary-color: #1a4fba;--primary-light: #e0e7ff;--bg-color: #f8fafc;--sidebar-bg: #ffffff;--card-bg: #ffffff;--text-color: #1e293b;--secondary-text: #64748b;--border-color: #e2e8f0;--stat-icon-blue: #3b82f6;--stat-icon-green: #10b981;--stat-icon-orange: #f59e0b;--stat-icon-red: #ef4444}[data-theme=dark]{--primary-color: #3b82f6;--primary-light: rgba(59, 130, 246, .1);--bg-color: #0f172a;--sidebar-bg: #1e293b;--card-bg: #1e293b;--text-color: #f8fafc;--secondary-text: #94a3b8;--border-color: #334155}.dashboard-container{display:flex;min-height:100vh;background-color:var(--bg-color);font-family:Inter,Poppins,sans-serif;padding:24px;gap:24px;box-sizing:border-box;transition:var(--transition);position:relative;overflow-x:hidden}@media(max-width:1024px){.dashboard-container{padding:16px;gap:0}}.sidebar{width:280px;background-color:var(--sidebar-bg);border:1px solid var(--border-color);display:flex;flex-direction:column;padding:32px 0;flex-shrink:0;height:calc(100vh - 48px);border-radius:24px;position:sticky;top:24px;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;box-shadow:var(--shadow);z-index:1000}@media(max-width:1024px){.sidebar{position:fixed;top:0;left:0;bottom:0;height:100vh;border-radius:0;transform:translate(-100%);box-shadow:20px 0 50px #0000001a}.sidebar.open{transform:translate(0);width:280px}.sidebar.closed{width:280px;transform:translate(-100%)}}.sidebar.closed{width:80px;padding:30px 0;overflow:hidden;border-right:1px solid var(--border-color);opacity:1;pointer-events:auto;transform:translate(0)}.sidebar.closed .sidebar-header{padding:0;justify-content:center;margin-bottom:30px}.sidebar.closed .sidebar-logo{padding:0;justify-content:center}.sidebar.closed .sidebar-logo h2,.sidebar.closed .menu-text{display:none}.sidebar.closed .menu-item{justify-content:center;padding:14px 0;gap:0}.sidebar.closed .sidebar-menu{padding:0 10px}.sidebar.open{width:260px;opacity:1;transform:translate(0)}.sidebar-logo{display:flex;align-items:center;gap:12px;cursor:pointer;transition:opacity .3s ease}.sidebar-logo:hover{opacity:.8}.logo-box{width:40px;height:40px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000001a;padding:6px}.logo-box img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.sidebar-logo h2{font-size:1.125rem;font-weight:700;color:var(--primary-color);letter-spacing:-.025em;margin:0}.sidebar-menu{flex:1;display:flex;flex-direction:column;list-style:none;padding:0 15px;overflow:hidden}.menu-group{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;flex:1;padding-right:5px;margin-bottom:10px}.sidebar-bottom{border-top:1px solid var(--border-color);padding-top:15px;flex-shrink:0}.menu-item{display:flex;align-items:center;width:100%;padding:14px 18px;border-radius:12px;margin-bottom:5px;color:var(--secondary-text);text-decoration:none;font-size:.95rem;font-weight:500;transition:all .2s ease;gap:12px;background:none;border:none;cursor:pointer;text-align:left}.menu-item:hover{background-color:var(--primary-light);color:var(--primary-color)}.menu-item.active{background-color:var(--primary-light);color:var(--primary-color);font-weight:600}.menu-item.active .menu-icon{color:var(--primary-color)}.menu-icon{width:22px;height:22px;stroke-width:2}.dropdown-toggle{position:relative}.dropdown-arrow{width:16px;height:16px;margin-left:auto;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.dropdown-content.open{max-height:500px}.submenu-item{margin-left:20px;padding:12px 18px;font-size:.9rem}.submenu-item .menu-icon{width:18px;height:18px}.sidebar.closed .dropdown-arrow,.sidebar.closed .dropdown-content{display:none}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color)}.page-header h2{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0}.add-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition)}.add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1a4fba4d}.courses-management-view{background:var(--card-bg);border-radius:16px;padding:24px;border:1px solid var(--border-color)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px;animation:fadeInUp .4s ease-out}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr;gap:16px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.stat-card{background:var(--card-bg);border-radius:18px;padding:22px 22px 18px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow);border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:18px 18px 0 0;opacity:1;transition:opacity .3s ease}.stat-card:nth-child(1):before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.stat-card:nth-child(2):before{background:linear-gradient(90deg,#10b981,#34d399)}.stat-card:nth-child(3):before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.stat-card:nth-child(4):before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stat-card:nth-child(5):before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.stat-card:nth-child(6):before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.stat-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 40px #00000014;border-color:var(--primary-color)}.stat-card:hover:before{opacity:1;height:4px}.stat-card:hover .stat-icon.blue{box-shadow:0 0 20px #3b82f666}.stat-card:hover .stat-icon.green{box-shadow:0 0 20px #10b98166}.stat-card:hover .stat-icon.purple{box-shadow:0 0 20px #8b5cf666}.stat-card:hover .stat-icon.orange{box-shadow:0 0 20px #f59e0b66}.stat-trend{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:.75rem;font-weight:700;white-space:nowrap;overflow:hidden}.stat-trend-label{color:var(--secondary-text);font-size:.65rem;font-weight:600;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.stat-card:nth-child(1):hover{background:linear-gradient(135deg,var(--card-bg) 0%,rgba(59,130,246,.03) 100%)}.stat-card:nth-child(2):hover{background:linear-gradient(135deg,var(--card-bg) 0%,rgba(16,185,129,.03) 100%)}.stat-card:nth-child(3):hover{background:linear-gradient(135deg,var(--card-bg) 0%,rgba(139,92,246,.03) 100%)}.stat-card:nth-child(4):hover{background:linear-gradient(135deg,var(--card-bg) 0%,rgba(245,158,11,.03) 100%)}.stat-card:nth-child(5):hover{background:linear-gradient(135deg,var(--card-bg) 0%,rgba(59,130,246,.03) 100%)}.stat-card:nth-child(6):hover{background:linear-gradient(135deg,var(--card-bg) 0%,rgba(139,92,246,.03) 100%)}.stat-card-body{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.stat-info{flex:1;min-width:0;overflow:hidden;text-align:left}.stat-info>span:first-child{font-size:.72rem;color:var(--secondary-text);font-weight:700;display:block;margin-bottom:8px;line-height:1.4;text-transform:uppercase;letter-spacing:.6px}.stat-info h2{font-size:clamp(1.2rem,1.8vw,1.75rem);font-weight:800;color:var(--text-color);margin:0;line-height:1.15;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.stat-trend{display:flex;align-items:center;gap:6px;margin-top:16px;font-size:.78rem;font-weight:700;white-space:nowrap}.stat-trend.up{color:#10b981}.stat-trend.down{color:#ef4444}.stat-trend-label{color:var(--secondary-text);font-size:.72rem;font-weight:500;white-space:nowrap}.stat-subtitle{font-size:.75rem;color:var(--secondary-text);margin:6px 0 0;font-weight:500;opacity:.8}.skeleton-text{display:inline-block;background:linear-gradient(90deg,var(--border-color) 25%,transparent 50%,var(--border-color) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:6px;color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stat-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:2px solid transparent}.stat-card:hover .stat-icon{transform:scale(1.12) rotate(5deg)}.stat-icon.blue{background-color:#3b82f61a;color:#3b82f6;border-color:#3b82f64d}.stat-icon.green{background-color:#10b9811a;color:#10b981;border-color:#10b9814d}.stat-icon.orange{background-color:#f59e0b1a;color:#f59e0b;border-color:#f59e0b4d}.stat-icon.red{background-color:#ef44441a;color:#ef4444;border-color:#ef44444d}.stat-icon.purple{background-color:#8b5cf61a;color:#8b5cf6;border-color:#8b5cf64d}.stat-icon svg{width:26px;height:26px}.main-content{flex:1;padding:16px 16px 16px 0;overflow-y:auto;overflow-x:hidden;height:calc(100vh - 40px)}@media(max-width:1024px){.main-content{padding:0;height:calc(100vh - 32px)}}.main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:12px 0;gap:16px}@media(max-width:768px){.main-header{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:24px}.header-left{width:100%;justify-content:space-between}.header-right{width:100%;justify-content:flex-end}}.header-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.theme-toggle-btn{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow);flex-shrink:0}.theme-toggle-btn:hover{transform:translateY(-2px);border-color:var(--primary-color);color:var(--primary-color)}.notification-btn{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow);flex-shrink:0;position:relative}.notification-btn:hover{transform:translateY(-2px);border-color:var(--primary-color);color:var(--primary-color)}.notification-btn.has-online-tdc-alert{border-color:#f59e0b8c;box-shadow:0 0 0 3px #f59e0b29}.notification-badge{position:absolute;top:10px;right:10px;width:8px;height:8px;background-color:#ef4444;border-radius:50%;border:2px solid var(--card-bg);animation:pulse-notify 2s infinite}.notification-badge.online-tdc-badge{background-color:#f59e0b}.online-tdc-pill{margin-left:8px;background:#fffbeb;color:#92400e;border:1px solid #fde68a;border-radius:99px;font-size:.65rem;font-weight:700;padding:2px 8px}@keyframes pulse-notify{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.notification-wrapper{position:relative;display:flex;align-items:center}.dropdown-overlay{position:fixed;inset:0;z-index:1000}.notification-dropdown{position:absolute;top:calc(100% + 15px);right:0;width:360px;background:var(--card-bg);border-radius:20px;box-shadow:0 20px 40px #00000026;border:1px solid var(--border-color);z-index:1001;overflow:hidden;animation:slideDownFade .3s cubic-bezier(.4,0,.2,1)}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);background:var(--bg-color)}.dropdown-header h3{font-size:1rem;font-weight:700;color:var(--text-color);margin:0}.clear-all-btn{font-size:.75rem;font-weight:600;color:var(--primary-color);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s}.clear-all-btn:hover{background:var(--primary-light)}.notifications-list{max-height:400px;overflow-y:auto}.notification-item{display:flex;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .2s;position:relative}.notification-item:hover{background:var(--primary-light);border-color:#1a4fba1a}.notification-item.unread{background:#3b82f608}.notification-item.unread:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-color)}.notification-item.online-tdc-notif{background:#fffbeb}.notification-item.online-tdc-notif.unread:after{background:#f59e0b}.notification-item.instructor-assignment-notif{background:#3b82f60a}.notification-item.instructor-assignment-notif.unread:after{background:#3b82f6}.status-dot{width:10px;height:10px;border-radius:50%;margin-top:5px;flex-shrink:0}.status-dot.info{background:#3b82f6}.status-dot.success{background:#10b981}.status-dot.warning{background:#f59e0b}.status-dot.error{background:#ef4444}.status-dot.reschedule{background:#8b5cf6}.status-dot.online-tdc{background:#f59e0b}.notify-content{flex:1;text-align:left}.notify-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.notify-title-row h4{font-size:.875rem;font-weight:700;color:var(--text-color);margin:0}.notify-time{font-size:.75rem;color:var(--secondary-text);font-weight:500}.notify-content p{font-size:.8rem;color:var(--secondary-text);margin:0;line-height:1.5;text-align:left}.quick-open-link{margin-top:8px;border:none;background:transparent;color:#b45309;font-size:.78rem;font-weight:700;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.quick-open-link:hover{color:#92400e}.delete-notify{background:none;border:none;color:var(--secondary-text);font-size:1.25rem;height:24px;width:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:all .2s;opacity:0}.notification-item:hover .delete-notify{opacity:1}.delete-notify:hover{background:#ef44441a;color:#ef4444}.no-notifications{padding:48px;text-align:center;color:var(--secondary-text)}.empty-icon{font-size:2.5rem;margin-bottom:12px;opacity:.3}.no-notifications p{margin:0;font-size:.9rem;font-weight:500}.dropdown-footer{padding:12px;background:var(--bg-color);border-top:1px solid var(--border-color);display:flex;justify-content:center}.view-all-notify-btn{width:100%;padding:10px;background:transparent;border:1px solid var(--border-color);border-radius:12px;color:var(--primary-color);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.view-all-notify-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 12px #1a4fba33}.header-clock{text-align:center;display:flex;flex-direction:column;justify-content:center;padding:8px 16px;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);min-width:180px}.clock-time{font-size:1rem;font-weight:700;color:var(--text-color);font-variant-numeric:tabular-nums;letter-spacing:-.3px;line-height:1.2}.clock-date{font-size:.7rem;color:var(--secondary-text);font-weight:500;text-transform:uppercase;letter-spacing:.3px;margin-top:2px}.branch-badge{display:flex;align-items:center;gap:7px;padding:7px 14px;background:linear-gradient(135deg,#1a4fba14,#3b82f614);border:1px solid rgba(26,79,186,.2);border-radius:12px;color:var(--primary-color);font-size:.82rem;font-weight:600;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.branch-badge svg{flex-shrink:0;opacity:.9}.branch-badge span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-section{display:flex;align-items:center;position:relative}.profile-circle{width:40px;height:40px;border-radius:12px;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem;cursor:pointer;transition:var(--transition);border:none;z-index:10}.profile-circle:hover,.profile-circle.active{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 16px #1a4fba4d}.profile-modal-overlay{position:fixed;inset:0;z-index:1001}.profile-dropdown-modal{position:absolute;top:calc(100% + 15px);right:0;width:280px;background:var(--card-bg);border-radius:20px;box-shadow:var(--shadow);border:1px solid var(--border-color);z-index:1002;overflow:hidden;animation:dropdownFadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-header{padding:25px;background:var(--bg-color);border-bottom:1px solid var(--border-color)}.profile-info-display{display:flex;align-items:center;gap:15px}.large-profile-circle{width:50px;height:50px;border-radius:50%;background:#eff6ff;color:#1a4fba;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;border:1px solid #dbeafe}.profile-text h3{font-size:1rem;color:#1e293b;font-weight:700;margin:0}.profile-text p{font-size:.8rem;color:#64748b;margin:4px 0 0}.profile-dropdown-body{padding:10px}.dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 15px;border:none;background:none;color:#475569;font-size:.9rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}.dropdown-item:hover{background:#f1f5f9;color:#1a4fba}.dropdown-item svg{color:#94a3b8;transition:color .2s}.dropdown-item:hover svg{color:#1a4fba}.dropdown-divider{height:1px;background:#f1f5f9;margin:8px 0}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:#fef2f2}.dropdown-item.logout svg{color:#ef4444}.header-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.menu-toggle-btn{background:var(--card-bg);border:1px solid var(--border-color);color:var(--secondary-text);width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow);flex-shrink:0}.menu-toggle-btn:hover{background-color:var(--bg-color);color:var(--primary-color);border-color:var(--primary-color);transform:scale(1.05)}.header-title h1{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0;letter-spacing:-.025em;line-height:1.3}.header-title p{font-size:.875rem;color:var(--secondary-text);margin:4px 0 0;line-height:1.2}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px}.chart-card{background:var(--card-bg);border-radius:20px;padding:24px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.chart-header h3{font-size:1.125rem;font-weight:600;color:var(--text-color);margin:0}.chart-header span{font-size:.875rem;color:var(--secondary-text)}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px;animation:fadeInUp .5s ease-out .1s both}.chart-card{background:var(--card-bg);padding:28px;border-radius:20px;box-shadow:var(--shadow);border:1px solid var(--border-color);transition:all .3s ease}.chart-card:hover{box-shadow:0 8px 24px #00000014}.chart-header{margin-bottom:20px;display:flex;justify-content:space-between;align-items:flex-start}.chart-header h3{font-size:1.1rem;font-weight:700;color:var(--text-color);margin:0 0 4px}.chart-header span{font-size:.8rem;color:var(--secondary-text);font-weight:500}.chart-container{width:100%;height:300px}.chart-loading-skeleton{width:100%;height:100%;display:flex;align-items:flex-end;gap:12px;padding:20px 0}.skeleton-bar{flex:1;background:linear-gradient(90deg,var(--border-color) 25%,transparent 50%,var(--border-color) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:8px 8px 4px 4px;min-height:20px}.data-section{background:var(--card-bg);border-radius:20px;padding:28px;box-shadow:var(--shadow);border:1px solid var(--border-color);overflow:hidden;margin-bottom:28px;animation:fadeInUp .5s ease-out .15s both}.data-section:last-of-type{margin-bottom:0}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{font-size:1.15rem;font-weight:700;color:var(--text-color);margin:0}.section-subtitle{font-size:.8rem;color:var(--secondary-text);margin:4px 0 0;font-weight:500}.section-actions{display:flex;align-items:center;gap:10px}.export-btn-secondary{display:flex;align-items:center;gap:8px;background:var(--card-bg);border:1px solid var(--border-color);color:var(--secondary-text);padding:10px 18px;border-radius:12px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.export-btn-secondary:hover{background-color:var(--primary-light);color:var(--primary-color);border-color:var(--primary-color);transform:translateY(-1px)}.custom-table{width:100%;border-collapse:separate;border-spacing:0}.custom-table th{text-align:left;padding:14px 16px;color:var(--secondary-text);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;border-bottom:2px solid var(--border-color);white-space:nowrap}.custom-table td{padding:16px;font-size:.9rem;color:var(--secondary-text);border-bottom:1px solid var(--border-color);vertical-align:middle}.table-row-hover{transition:background-color .15s ease}.table-row-hover:hover{background-color:var(--primary-light)}.table-row-hover:last-child td{border-bottom:none}.student-cell{display:flex;align-items:center;gap:12px}.student-avatar{width:36px;height:36px;min-width:36px;border-radius:10px;background:var(--primary-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.student-name-info{display:flex;flex-direction:column;gap:2px}.student-name{font-weight:600;color:var(--text-color);white-space:nowrap}.enrollment-type-badge{font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px;width:-moz-fit-content;width:fit-content}.enrollment-type-badge.walkin{background:#f59e0b1a;color:#d97706}.status-badge{padding:6px 14px;border-radius:99px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid transparent}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.full{background-color:#f0fdf4;color:#15803d;border:1px solid #dcfce7}.status-badge.down{background-color:#fffbeb;color:#d97706;border:1px solid #fef3c7}.status-badge.pending{background-color:#fdf2ff;color:#9333ea;border:1px solid #f3e8ff}.payment-method{font-size:.85rem;color:#64748b;margin-left:6px}.edit-link{color:#94a3b8;text-decoration:none;font-weight:500;font-size:.9rem}.edit-link:hover{color:#1a4fba}.sidebar-overlay{position:fixed;inset:0;width:100vw;height:100vh;background-color:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible;pointer-events:auto}@media(min-width:1025px){.sidebar-overlay{display:none}}.close-sidebar-btn{background:none;border:none;color:var(--secondary-text);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.close-sidebar-btn:hover{background-color:#0000000d;color:var(--text-color)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;margin-bottom:40px}@media(max-width:1024px){.sidebar-header{padding:0 20px;margin-bottom:30px;height:60px}.sidebar-logo h2{font-size:1rem}.logo-box{width:36px;height:36px}}@media(max-width:1024px){.dashboard-container{padding:16px;gap:0}.sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;border-radius:0;transform:translate(-100%);z-index:1000;padding:24px 0;box-shadow:0 0 30px #0003}.sidebar.open{transform:translate(0)}.sidebar.closed{transform:translate(-100%);width:280px}.sidebar.closed .menu-text{display:block}.sidebar.closed .menu-item{justify-content:flex-start;padding:14px 18px;gap:12px}.main-content{width:100%;padding:0;height:calc(100vh - 32px)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.stat-card{padding:18px}.stat-subtitle{display:none}.charts-grid{grid-template-columns:1fr;gap:20px}.chart-container{height:260px}.header-clock{padding-right:12px}}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}.charts-grid{grid-template-columns:1fr}.section-subtitle{display:none}}@media(max-width:768px){.dashboard-container{padding:0}.main-content{padding:12px;height:100vh;overflow-y:auto}.sidebar{width:280px}.main-header{flex-direction:row;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px;background:var(--card-bg);padding:10px 15px;border-radius:16px;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.header-left{width:auto;flex:1;justify-content:flex-start;gap:12px}.header-right{width:auto;justify-content:flex-end;padding-top:0;border-top:none;gap:8px}.branch-indicator-badge,.header-clock{display:none!important}.header-title h1{font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.header-title p{display:none}.theme-toggle-btn{width:34px;height:34px;min-width:34px}.profile-circle{width:34px;height:34px;min-width:34px;font-size:.75rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:14px;border-radius:14px}.stat-card:before{display:none}.stat-info h2{font-size:1.25rem}.stat-info label{font-size:.7rem}.stat-subtitle{display:none}.stat-icon{width:40px;height:40px;font-size:1rem}.chart-container{height:240px}.student-avatar{width:30px;height:30px;font-size:.7rem;border-radius:8px}.student-name{font-size:.85rem}.enrollment-type-badge{font-size:.6rem;padding:1px 6px}.section-subtitle{display:none}.table-wrapper{margin:0 -12px;padding:0 12px;width:calc(100% + 24px);overflow-x:auto;-webkit-overflow-scrolling:touch}.data-section{padding:16px;border-radius:14px}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr;gap:12px}.stat-card{padding:14px 16px;flex-direction:row;align-items:center}.main-header{padding:8px 12px}.header-title h1{font-size:1rem;max-width:100px}.sidebar{width:80vw}.chart-card{padding:12px;border-radius:14px}.chart-container{height:200px}.section-header{flex-direction:column;align-items:flex-start;gap:8px}.section-header h2{font-size:1rem}.section-actions{width:100%;display:flex;gap:8px}.section-actions button{flex:1;font-size:.8rem;padding:8px}.data-section{padding:12px;border-radius:12px}.student-cell{gap:8px}.student-avatar{width:28px;height:28px;font-size:.65rem;border-radius:6px}.courses-grid{grid-template-columns:1fr}}.profile-view-container{animation:fadeIn .4s ease-out}.profile-header-card{background:var(--card-bg);border-radius:24px;overflow:hidden;border:1px solid var(--border-color);margin-bottom:25px;box-shadow:var(--shadow)}.profile-banner{height:180px;background:linear-gradient(135deg,#1a4fba,#60a5fa)}.profile-info-main{padding:0 40px 30px;display:flex;align-items:flex-end;gap:25px;margin-top:0}.profile-avatar-large{margin-top:-60px;width:120px;height:120px;border-radius:50%;background:#fff;border:6px solid var(--card-bg);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:800;color:var(--primary-color);box-shadow:0 10px 25px #0000001a;position:relative;cursor:pointer;overflow:hidden}.avatar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s ease}.profile-avatar-large:hover .avatar-overlay{opacity:1}.profile-meta{flex:1;padding-bottom:10px}.profile-meta h2{font-size:1.7rem;margin:0;color:var(--text-color);font-weight:800;text-shadow:0 1px 2px rgba(255,255,255,.5)}.profile-meta p{color:var(--secondary-text);margin:4px 0 12px;font-weight:500}.role-badge{background:#eff6ff;color:#1a4fba;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700}.edit-profile-btn{background:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:12px;font-weight:600;cursor:pointer;margin-bottom:10px}.profile-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.profile-details-card{background:var(--card-bg);padding:30px;border-radius:24px;border:1px solid var(--border-color);box-shadow:var(--shadow)}.profile-details-card h3{font-size:1.1rem;margin-bottom:20px;color:var(--text-color)}.info-list{display:flex;flex-direction:column;gap:20px}.info-item label{display:block;font-size:.75rem;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.info-item p{font-weight:600;color:var(--text-color);margin:0}.change-btn{background:none;border:none;color:var(--primary-color);font-weight:700;font-size:.8rem;cursor:pointer;padding:0;margin-top:4px}.settings-list-card{background:var(--card-bg);border-radius:24px;border:1px solid var(--border-color);box-shadow:var(--shadow);padding:40px;max-width:800px}.settings-section{margin-bottom:40px}.settings-section h3{font-size:1.1rem;color:var(--text-color);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.setting-row:not(:last-child){border-bottom:1px solid var(--bg-color)}.setting-info h4{font-size:1rem;color:var(--text-color);margin:0}.setting-info p{font-size:.85rem;color:var(--secondary-text);margin:4px 0 0}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translate(24px)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px}.course-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:24px;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer}.ranking-badge{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.9rem;box-shadow:0 4px 12px #00000026}.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.rank-2{background:linear-gradient(135deg,#94a3b8,#64748b)}.rank-3{background:linear-gradient(135deg,#fb923c,#ea580c)}.course-card-body{margin-bottom:16px}.course-title{font-size:1.1rem;font-weight:700;color:var(--text-color);margin-bottom:8px;line-height:1.4}.course-description{font-size:.85rem;color:var(--secondary-text);line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.course-stat-item{background:var(--bg-color);padding:12px;border-radius:10px;border:1px solid var(--border-color)}.course-stat-label{font-size:.7rem;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-weight:600}.course-stat-value{font-size:1.4rem;font-weight:800}.course-stat-value.primary{color:var(--primary-color)}.course-stat-value.success{color:#10b981}.course-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border-color)}.course-price{font-size:.75rem;color:var(--secondary-text)}.course-price .label{font-weight:600}.course-completion{font-size:.75rem;color:#10b981;font-weight:700;display:flex;align-items:center;gap:4px}@media(max-width:480px){.courses-grid{grid-template-columns:1fr}}.notifications-page{padding:24px;max-width:1000px;margin:0 auto}.page-header-prime{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-header-prime h2{font-size:1.75rem;font-weight:800;color:var(--text-color);margin:0 0 8px}.page-header-prime p{color:var(--secondary-text);margin:0;font-size:.95rem}.filter-bar-lux{display:flex;gap:12px;margin-bottom:24px;background:var(--card-bg);padding:8px;border-radius:16px;border:1px solid var(--border-color);width:-moz-fit-content;width:fit-content}.filter-tab{padding:10px 20px;border-radius:12px;border:none;background:transparent;color:var(--secondary-text);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.filter-tab.active{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #1a4fba33}.notifications-container-lux{display:flex;flex-direction:column;gap:16px}.notify-card-lux{background:var(--card-bg);border-radius:20px;padding:24px;border:1px solid var(--border-color);display:flex;gap:20px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.notify-card-lux:hover{transform:translate(4px);box-shadow:0 10px 30px #0000000d}.notify-card-lux.unread{background:linear-gradient(to right,rgba(59,130,246,.05),var(--card-bg));border-color:#3b82f633}.card-indicator{position:absolute;left:0;top:0;bottom:0;width:6px;background:transparent}.unread .card-indicator{background:var(--primary-color)}.card-icon-box{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.card-icon-box.info{background:#3b82f61a}.card-icon-box.success{background:#10b9811a;color:#10b981}.card-icon-box.warning{background:#f59e0b1a;color:#f59e0b}.card-icon-box.info{color:#3b82f6}.card-icon-box.reschedule{background:#8b5cf61a;color:#8b5cf6}.card-icon-box.online-tdc{background:#f59e0b1f;color:#b45309}.notify-card-lux.online-tdc.unread .card-indicator{background:#f59e0b}.card-main{flex:1}.card-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-top-row h3{margin:0;font-size:1.1rem;font-weight:750;color:var(--text-color)}.card-time{font-size:.8rem;color:var(--secondary-text);font-weight:500}.card-main p{margin:0 0 16px;color:var(--secondary-text);line-height:1.6;font-size:.95rem}.mark-read-link{background:none;border:none;color:var(--primary-color);font-weight:700;font-size:.85rem;padding:0;cursor:pointer;text-decoration:underline}.card-delete-btn{opacity:0;background:none;border:none;color:var(--secondary-text);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;height:-moz-fit-content;height:fit-content}.notify-card-lux:hover .card-delete-btn{opacity:1}.card-delete-btn:hover{background:#ef44441a;color:#ef4444}.empty-notification-state{padding:80px 24px;text-align:center;background:var(--card-bg);border-radius:24px;border:1px dashed var(--border-color)}.empty-visual{font-size:4rem;margin-bottom:24px;opacity:.5}.empty-notification-state h3{font-size:1.5rem;font-weight:800;margin-bottom:8px}.empty-notification-state p{color:var(--secondary-text)}@media(max-width:768px){.section-header h2{font-size:1.1rem}.section-header .section-subtitle{font-size:.75rem}.stats-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.stat-card{padding:16px}.stat-info h2{font-size:1.4rem}.stat-icon{width:42px;height:42px}.stat-icon svg{width:20px;height:20px}}.orange-glow{background:#f59e0b1a;color:#f59e0b}.centered-stat .stat-info{display:flex;align-items:flex-start;flex-direction:column}.branch-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:20px;padding:16px 24px;box-shadow:0 4px 16px #0000000d;flex-wrap:wrap;transition:box-shadow .2s;position:relative;overflow:hidden;margin-bottom:24px}select.branch-filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232157da' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px}.admin-table-responsive{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;margin-bottom:20px;border-radius:12px;background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e2e8f0);box-shadow:0 4px 12px #00000008}.admin-table-responsive table{width:100%!important;min-width:900px!important;border-collapse:collapse;margin-bottom:0!important}.admin-table-responsive table th,.admin-table-responsive table td{white-space:nowrap;padding:14px 16px;text-align:left;border-bottom:1px solid var(--border-color, #e2e8f0)}.admin-table-responsive .allow-wrap{white-space:normal!important;word-break:break-word;min-width:200px}.admin-table-responsive .text-truncate{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-table-responsive .student-cell{display:flex;align-items:center;gap:12px}.admin-table-responsive .table-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}:root{--sb-track-color: transparent;--sb-thumb-color: rgba(0, 0, 0, .12);--sb-thumb-hover: var(--primary-color, #1a4fba);--sb-size: 8px;--sb-border: 2px}[data-theme=dark]{--sb-thumb-color: rgba(255, 255, 255, .15)}.dashboard-container,.dashboard-container *{scrollbar-width:thin;scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}.dashboard-container::-webkit-scrollbar,.dashboard-container *::-webkit-scrollbar{width:var(--sb-size)!important;height:var(--sb-size)!important}.dashboard-container::-webkit-scrollbar-track,.dashboard-container *::-webkit-scrollbar-track{background:var(--sb-track-color)!important}.dashboard-container::-webkit-scrollbar-thumb,.dashboard-container *::-webkit-scrollbar-thumb{background-color:var(--sb-thumb-color)!important;border-radius:20px!important;background-clip:content-box!important;border:var(--sb-border) solid transparent!important;-webkit-transition:background-color .4s cubic-bezier(.4,0,.2,1)!important;transition:background-color .4s cubic-bezier(.4,0,.2,1)!important}.dashboard-container::-webkit-scrollbar-thumb:hover,.dashboard-container *::-webkit-scrollbar-thumb:hover{background-color:var(--sb-thumb-hover)!important;border:1.5px solid transparent!important}.no-scrollbar::-webkit-scrollbar{display:none!important}.no-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}.main-content{scroll-behavior:smooth;transition:scroll-behavior .3s ease}.booking-table-wrapper::-webkit-scrollbar,.responsive-table-container::-webkit-scrollbar,.table-responsive::-webkit-scrollbar{height:6px!important}::-webkit-scrollbar-corner{background:transparent}.pdc-overlay{position:fixed;inset:0;background:#0a0f1e66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;animation:fadeIn .3s ease}.pdc-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;width:96%;max-width:820px;max-height:92vh;overflow-y:auto;z-index:2001;box-shadow:0 25px 60px #0003;border:none;border-radius:24px;font-family:Outfit,Inter,Segoe UI,Arial,sans-serif;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}.premium-modal{border-top:5px solid #1a365d}@keyframes modalSlideUp{0%{transform:translate(-50%,-45%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.pdc-modal-head{padding:14px 30px;text-align:center;border-bottom:2px solid #1a365d}.pdc-modal-head h1{margin:0;font-size:1.45rem;font-weight:900;color:#1a365d;letter-spacing:.02em;text-transform:uppercase;font-style:italic}.pdc-modal-head p{margin:4px 0 0;font-size:.75rem;color:#666;font-style:italic}.pdc-head-btns{display:flex;gap:6px;justify-content:flex-end;margin-bottom:8px}.pdc-head-btns button{padding:5px 16px;border-radius:4px;font-size:.78rem;font-weight:700;cursor:pointer;border:1px solid #ccc}.pdc-btn-draft{background:#e8a838;color:#fff;border-color:#d49530!important}.pdc-btn-close{background:#f0f0f0;color:#555;border-color:#bbb!important;width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.1rem;line-height:1}.pdc-body{padding:16px 30px 24px}.pdc-info-box{border:1px solid #e2e8f0;background:#f8fafc;border-radius:16px;padding:16px 20px;margin-bottom:20px;font-size:.88rem;line-height:1.8}.pdc-info-row{display:flex;gap:30px;flex-wrap:wrap;margin-bottom:8px}.pdc-info-row:last-child{margin-bottom:0}.pdc-info-row strong{color:#1a365d;font-weight:700}.pdc-info-val{display:inline-block;min-width:140px;color:#334155;font-weight:600;padding-left:4px}.pdc-table{width:100%;border-collapse:collapse;margin-bottom:12px;font-size:.82rem}.pdc-table th{border:none;padding:12px 16px;background:#1a365d;color:#fff;font-weight:700;text-align:left;font-size:.85rem;text-transform:uppercase;letter-spacing:.02em}.pdc-table th:first-child{border-top-left-radius:12px}.pdc-table th:last-child{text-align:center;width:80px;border-top-right-radius:12px}.pdc-table td{border-bottom:1px solid #f1f5f9;padding:12px 16px;color:#334155}.pdc-table .pdc-mod-cell{font-weight:700;color:#1e40af;vertical-align:top;width:22%;background:#f0f7ff;border-right:1px solid #e2e8f0}.pdc-table .pdc-score-cell{text-align:center;width:80px;padding:6px}.pdc-score-input{width:56px;height:38px;text-align:center;border:1.5px solid #e2e8f0;border-radius:10px;font-size:1rem;font-weight:700;outline:none;background:#fff;color:#1e40af;transition:all .2s}.pdc-score-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:scale(1.05)}.pdc-crit-desc{color:#475569;line-height:1.5;font-weight:500}.pdc-crit-desc .hl{color:#ea580c;font-weight:700;background:#ea580c0d;padding:0 4px;border-radius:4px}.pdc-fail-box{border:none;background:#fff1f2;padding:16px 20px;margin-bottom:20px;border-radius:16px;border-left:4px solid #f43f5e}.pdc-fail-title{font-size:.85rem;font-weight:800;color:#e11d48;text-transform:uppercase;margin-bottom:12px;text-align:left;letter-spacing:.05em;display:flex;align-items:center;gap:8px}.pdc-fail-title:before{content:"⚠️"}.pdc-fail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px 20px;font-size:.82rem}.pdc-fail-grid label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#475569;font-weight:500;transition:color .2s}.pdc-fail-grid label:hover{color:#1e293b}.pdc-fail-grid input[type=checkbox]{accent-color:#e11d48;width:16px;height:16px;cursor:pointer}.pdc-bottom-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:14px;flex-wrap:wrap}.pdc-avg-box,.pdc-result-box{flex:1;min-width:200px}.pdc-avg-box label,.pdc-result-box label{font-size:.78rem;font-weight:800;text-transform:uppercase;color:#1a365d;letter-spacing:.04em;display:block;margin-bottom:4px}.pdc-avg-display{width:100%;height:44px;border:1.5px solid #e2e8f0;border-radius:12px;display:flex;align-items:center;padding:0 16px;font-size:1rem;font-weight:700;color:#1a365d;background:#fff}.pdc-result-display{width:100%;height:54px;border:none;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:900;color:#64748b;text-transform:uppercase;background:#f1f5f9;letter-spacing:.1em;box-shadow:inset 0 2px 4px #0000000d;transition:all .3s ease}.pdc-result-display.pass{color:#059669;background:#ecfdf5;box-shadow:0 4px 12px #10b98133}.pdc-result-display.fail{color:#dc2626;background:#fef2f2;box-shadow:0 4px 12px #ef444433}.pdc-threshold{font-size:.75rem;color:#64748b;margin-top:8px;text-align:left;display:flex;align-items:center;gap:6px}.pdc-threshold:before{content:"ℹ️"}.pdc-criteria-scored{font-size:.75rem;color:#94a3b8;margin-top:8px;text-align:right;font-weight:600}.pdc-sig-row{display:flex;justify-content:space-between;margin-bottom:20px}.pdc-sig-block{width:220px}.pdc-sig-line{border-bottom:1px solid #555;height:24px;margin-bottom:4px}.pdc-sig-label{font-size:.78rem;color:#1a365d;font-weight:700;text-align:center}.pdc-submit-row{display:flex;justify-content:flex-end;padding-top:24px;border-top:1px solid #f1f5f9;margin-top:10px}.pdc-submit-btn{padding:14px 40px;border-radius:14px;border:none;background:linear-gradient(135deg,#1a365d,#2d3748);color:#fff;cursor:pointer;font-weight:800;font-size:1rem;letter-spacing:.05em;box-shadow:0 10px 25px #1a365d40;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.pdc-submit-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:.5s}.pdc-submit-btn:hover{background:linear-gradient(135deg,#2a4a7f,#4a5568);transform:translateY(-2px);box-shadow:0 15px 30px #1a365d59}.pdc-submit-btn:hover:after{left:100%}.pdc-submit-btn:active{transform:translateY(0)}.instructor-student-cards{display:none;flex-direction:column;gap:14px}.instructor-student-card{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:16px;padding:16px;box-shadow:0 2px 8px #0000000d;transition:box-shadow .2s}.instructor-student-card:hover{box-shadow:0 4px 16px #0000001a}.instructor-card-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.instructor-card-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#1a4fba,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;flex-shrink:0}.instructor-card-name{font-size:.95rem;font-weight:700;color:var(--text-color, #1e293b);text-transform:uppercase;line-height:1.3}.instructor-card-course{font-size:.78rem;color:var(--secondary-text, #64748b);margin-top:2px}.instructor-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-bottom:12px;font-size:.8rem}.instructor-card-meta-item{display:flex;flex-direction:column;gap:2px}.instructor-card-meta-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--secondary-text, #64748b)}.instructor-card-meta-value{font-weight:600;color:var(--text-color, #1e293b)}.instructor-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--border-color, #e2e8f0);gap:10px}.instructor-grade-btn{flex:1;padding:10px 16px;border-radius:10px;border:none;cursor:pointer;font-size:.85rem;font-weight:700;letter-spacing:.02em;transition:all .2s;text-align:center}.instructor-grade-btn.ungraded{background:#1a4fba;color:#fff;box-shadow:0 3px 10px #1a4fba4d}.instructor-grade-btn.graded{background:#6366f11a;color:#6366f1;border:1px solid rgba(99,102,241,.25)}.instructor-grade-btn:active{transform:scale(.97)}@media(max-width:768px){.instructor-student-cards{display:flex}.admin-table-responsive{display:none}.pdc-modal{inset:0;transform:none;width:100%;max-width:100%;max-height:100vh;border-radius:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.pdc-modal-head{padding:12px 16px 10px;position:sticky;top:0;background:#fff;z-index:10}.pdc-modal-head h1{font-size:1rem;line-height:1.3}.pdc-body{padding:12px 14px 100px}.pdc-info-row{flex-direction:column;gap:6px}.pdc-info-val{min-width:0;width:100%}.pdc-table thead{display:none}.pdc-table,.pdc-table tbody,.pdc-table tr,.pdc-table td{display:block;width:100%}.pdc-table tr{border:1px solid #c8d0e0;border-radius:10px;margin-bottom:10px;overflow:hidden}.pdc-table .pdc-mod-cell{width:100%;background:#1a365d;color:#fff;font-size:.78rem;padding:6px 10px}.pdc-table .pdc-crit-desc{padding:8px 10px 4px;font-size:.8rem;background:#f7f9fd;border-bottom:1px solid #e0e8f0}.pdc-table .pdc-score-cell{padding:8px 10px;display:flex;align-items:center;justify-content:flex-end;gap:8px;background:#fff}.pdc-table .pdc-score-cell:before{content:"Score:";font-size:.75rem;font-weight:700;color:#1a365d;margin-right:auto}.pdc-score-input{width:64px;height:38px;font-size:1rem}.pdc-fail-grid{flex-direction:column;gap:8px}.pdc-fail-grid label{font-size:.82rem;padding:4px 0}.pdc-bottom-row{flex-direction:column;gap:12px}.pdc-avg-box,.pdc-result-box{min-width:0;width:100%}.pdc-submit-row{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:12px 16px;border-top:1px solid #e0e0e0;z-index:20;justify-content:stretch}.pdc-submit-btn{width:100%;padding:14px;font-size:1rem;border-radius:12px}}.print-grades-module{padding:24px;font-family:Inter,Roboto,sans-serif;background-color:#f8fafc;min-height:calc(100vh - 64px)}.print-grades-module .page-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.print-grades-module .header-content h2{font-size:24px;font-weight:600;color:#1e293b;margin:0}.print-grades-module .header-content p{color:#64748b;margin:4px 0 0;font-size:14px}.print-grades-module .pg-search-bar{position:relative;width:300px;max-width:100%}.print-grades-module .pg-search-bar i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#475569;font-size:14px}.print-grades-module .pg-search-bar input{width:100%;padding:10px 16px 10px 38px;border:1px solid #94a3b8;border-radius:8px;font-size:14px;color:#1e293b;background-color:#fff;transition:all .2s ease;box-sizing:border-box;font-family:inherit}.print-grades-module .pg-search-bar input::-moz-placeholder{color:#64748b}.print-grades-module .pg-search-bar input::placeholder{color:#64748b}.print-grades-module .pg-search-bar input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.print-grades-module .grades-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;overflow:hidden}.print-grades-module table{width:100%;border-collapse:collapse}.print-grades-module th{background-color:#f1f5f9;color:#475569;font-weight:600;text-transform:uppercase;font-size:13px;letter-spacing:.5px;padding:16px;text-align:left;border-bottom:2px solid #e2e8f0}.print-grades-module td{padding:16px;color:#334155;border-bottom:1px solid #e2e8f0;font-size:14px;vertical-align:middle}.print-grades-module .pg-col-student{width:18%;text-align:left}.print-grades-module .pg-col-course{width:22%;text-align:left}.print-grades-module .pg-col-branch{width:15%;text-align:center;white-space:nowrap}.print-grades-module .pg-col-date{width:10%;text-align:center}.print-grades-module .pg-col-score{width:8%;text-align:center}.print-grades-module .pg-col-result{width:9%;text-align:center}.print-grades-module .pg-col-status{width:8%;text-align:center}.print-grades-module .pg-col-prints{width:6%;text-align:center}.print-grades-module .pg-col-action{width:8%;text-align:center}.print-grades-module th.pg-col-student,.print-grades-module th.pg-col-course{text-align:left}.print-grades-module th.pg-col-branch,.print-grades-module th.pg-col-date,.print-grades-module th.pg-col-score,.print-grades-module th.pg-col-result,.print-grades-module th.pg-col-status,.print-grades-module th.pg-col-prints,.print-grades-module th.pg-col-action{text-align:center}.print-grades-module tr:last-child td{border-bottom:none}.print-grades-module tr:hover{background-color:#f8fafc}.print-grades-module .status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.print-grades-module .status-badge.pass{background-color:#dcfce7;color:#16a34a}.print-grades-module .status-badge.fail{background-color:#fee2e2;color:#dc2626}.print-grades-module .pg-badge-result{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase}.print-grades-module .pg-badge-result.paid{background-color:#ecfdf5;color:#059669;border:1px solid #10b981}.print-grades-module .pg-badge-result.unpaid{background-color:#fff7ed;color:#d97706;border:1px solid #f59e0b}.print-grades-module .pg-badge-result.pass{background-color:#ecfdf5;color:#059669}.print-grades-module .pg-badge-result.fail{background-color:#fef2f2;color:#dc2626}.print-grades-module .print-btn{background-color:#2563eb;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s;display:inline-flex;align-items:center;gap:8px}.print-grades-module .print-btn:hover{background-color:#1d4ed8}.print-grades-module .print-btn:active{transform:translateY(1px)}.print-grades-module .certificate-btn{background-color:#1e3a8a;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s;display:inline-flex;align-items:center;gap:8px}.print-grades-module .certificate-btn:hover{background-color:#1e1b4b}.print-grades-module .certificate-btn:active{transform:translateY(1px)}.print-grades-module .print-btn i{font-size:16px}.print-grades-module .empty-state{text-align:center;padding:48px;color:#64748b}.print-grades-module .empty-state i{font-size:48px;margin-bottom:16px;color:#cbd5e1}.grade-certificate-print-container{display:none}@media print{@page{margin:0}*{visibility:hidden}.grade-certificate-print-container,.grade-certificate-print-container *{visibility:visible!important}.grade-certificate-print-container{display:block!important;position:fixed!important;left:0!important;top:0!important;width:100%!important;height:100%!important;margin:0!important;padding:40px!important;background:#fff!important;z-index:9999999!important;overflow:visible!important;font-family:Arial,sans-serif}.grade-certificate-print-container[data-print-mode=certificate]{padding:0!important}.print-grades-module{display:none!important}.pdc-form-header{text-align:center;margin-bottom:16px}.pdc-title{font-size:20px;font-weight:800;color:#0a192f;text-transform:uppercase;margin:0}.pdc-subtitle{font-size:11px;color:#64748b;margin-top:2px}.pdc-student-info-block{border:1px solid #94a3b8;margin-bottom:16px;display:flex;flex-direction:column}.pdc-info-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #cbd5e1}.pdc-info-row:last-child{border-bottom:none}.pdc-info-field{padding:8px 12px;display:flex;gap:8px;font-size:11.5px;border-right:1px solid #cbd5e1}.pdc-info-field:last-child{border-right:none}.pdc-info-label{font-weight:700;color:#0a192f;white-space:nowrap}.pdc-info-value{color:#1e293b;border-bottom:1px solid #e2e8f0;flex-grow:1;min-width:100px}.pdc-table-enhanced{width:100%;border-collapse:collapse;font-size:11px;margin-bottom:16px;border:1.5px solid #0a192f}.pdc-table-enhanced th{background-color:#f8fafc;color:#0a192f;font-weight:900;border:1px solid #94a3b8;padding:6px 10px;text-transform:uppercase}.pdc-table-enhanced td{border:1px solid #cbd5e1;padding:5px 10px;color:#1e293b;vertical-align:middle}.pdc-table-enhanced td.module-name{font-weight:700;color:#0a192f;background-color:#f8fafc;border-right:1px solid #94a3b8}.pdc-table-enhanced td:last-child{text-align:center;font-weight:900;color:#0a192f;border-left:1px solid #94a3b8}.pdc-fail-conditions-box{border:1.5px solid #ef4444;background-color:#fef2f2;padding:10px;margin-bottom:16px;position:relative}.pdc-fail-conditions-box .fail-title{color:#b91c1c;font-weight:900;font-size:11px;margin-bottom:6px}.pdc-fail-conditions-box .fail-content{font-size:10.5px;color:#991b1b;line-height:1.6}.pdc-remarks-section{margin-bottom:16px}.pdc-remarks-section .remarks-label{font-weight:700;font-size:11.5px;color:#0a192f;margin-bottom:4px}.pdc-remarks-section .remarks-box{border:1px solid #cbd5e1;min-height:50px;padding:8px;font-size:11px;color:#334155;border-radius:2px}.pdc-final-result-row{display:flex;align-items:center;gap:20px;font-size:12px;margin-bottom:25px}.pdc-final-result-row strong{font-weight:900;color:#0a192f}.pdc-final-result-row .result-option{display:flex;align-items:center;gap:6px;font-weight:700}.pdc-signatures-row{display:flex;justify-content:space-between;gap:40px;margin-top:10px}.pdc-signatures-row .sig-block{flex:1;display:flex;flex-direction:column;align-items:center}.pdc-signatures-row .sig-line{width:100%;border-bottom:1.5px solid #000;height:10px;margin-bottom:6px}.pdc-signatures-row .sig-label{font-size:11.5px;font-weight:700;color:#0a192f}.mds-certificate-view{width:297mm;height:210mm;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;position:relative;background:#fff;overflow:hidden;display:flex;align-items:stretch}.mds-side-panel{width:28mm;flex-shrink:0;background:#1e40af;position:relative;z-index:2}.mds-corner{position:absolute;z-index:3;pointer-events:none}.mds-corner-tl{top:0;left:0;width:52mm;height:52mm;background:transparent;border-top:18mm solid #f59e0b;border-right:18mm solid transparent}.mds-corner-br{bottom:0;right:0;width:52mm;height:52mm;background:transparent;border-bottom:18mm solid #f59e0b;border-left:18mm solid transparent}.mds-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;z-index:1;opacity:.06;pointer-events:none}.mds-wm-ring{width:100%;height:100%;border-radius:50%;border:8px solid #1e3a8a;display:flex;align-items:center;justify-content:center}.mds-wm-letter{font-size:130px;font-family:Arial Black,Impact,sans-serif;font-weight:900;color:#1e3a8a;line-height:1}.mds-cert-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10mm 8mm;position:relative;z-index:2;text-align:center}.mds-cert-logo-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px}.mds-logo-seal{width:52px;height:52px;border:5px solid #1e40af;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;flex-shrink:0}.mds-logo-m{font-family:Arial Black,sans-serif;font-size:32px;font-weight:900;color:#1e40af;line-height:1;letter-spacing:-1px}.mds-logo-text{display:flex;flex-direction:column;line-height:.88;text-align:left}.mds-logo-title-top{font-size:32px;font-family:Arial Black,sans-serif;color:#1e40af;font-weight:900;letter-spacing:-1px}.mds-logo-title-bottom{font-size:14px;font-family:Arial Black,sans-serif;color:#f59e0b;font-weight:900;letter-spacing:1px;text-transform:uppercase}.mds-cert-title-block{margin-bottom:6px}.mds-cert-big-title{font-size:58px;font-family:Arial Black,Impact,sans-serif;font-weight:900;color:#1e40af;letter-spacing:4px;line-height:1;text-shadow:2px 2px 0px rgba(30,64,175,.15)}.mds-cert-sub-title{font-size:20px;font-family:Arial Black,sans-serif;font-weight:900;color:#0a192f;letter-spacing:6px;margin-top:-2px}.mds-cert-presented{font-size:13px;color:#334155;margin-bottom:6px;font-style:normal}.mds-cert-name-line{margin-bottom:10px;width:70%}.mds-cert-name{font-size:22px;font-weight:700;color:#0a192f;letter-spacing:1px;padding-bottom:4px}.mds-cert-name-underline{border-bottom:1.5px solid #0a192f;width:100%}.mds-cert-body-text{font-size:11.5px;font-style:italic;font-weight:700;color:#0a192f;line-height:1.7;max-width:85%;margin-bottom:14px}.mds-cert-sig-area{display:flex;flex-direction:column;align-items:center}.mds-cert-sig-line{border-top:1.5px solid #0a192f;width:200px;margin-bottom:5px}.mds-cert-sig-label{font-size:12px;font-weight:700;color:#0a192f;letter-spacing:.5px}.mds-cert-system-generated{font-size:8px;color:#94a3b8;margin-top:10px;letter-spacing:.3px}}.sale-mark-paid-head .close-modal{width:34px!important;height:34px!important;border-radius:10px!important;background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;display:flex;align-items:center;justify-content:center;cursor:pointer}.sale-mark-paid-footer{padding:16px 20px;display:flex;justify-content:flex-end;gap:12px;background:#fff;border-top:1px solid #e2e8f0}.sale-mark-paid-footer button{padding:10px 24px;border-radius:10px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s}.sale-mark-paid-footer .cancel-btn{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.sale-mark-paid-footer .confirm-btn{background:linear-gradient(135deg,#16a34a,#15803d);border:none;color:#fff;box-shadow:0 4px 12px #16a34a33}.sale-mark-paid-footer .confirm-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #16a34a4d}.sale-mark-paid-footer .cancel-btn:hover{background:#e2e8f0}[data-theme=dark] .sale-mark-paid-card{background:#1e293b;border-color:#334155}[data-theme=dark] .sale-mark-paid-row strong{color:#f1f5f9}[data-theme=dark] .sale-mark-paid-body{background:#0f172a}[data-theme=dark] .sale-mark-paid-input{background:#1e293b;border-color:#334155;color:#f1f5f9}[data-theme=dark] .sale-mark-paid-footer{background:#1e293b;border-color:#334155}[data-theme=dark] .sale-mark-paid-highlight{background:#1e3a8a4d;border-color:#3b82f64d;color:#93c5fd}[data-theme=dark] .sale-mark-paid-sub{background:#1e293b80;border-color:#334155}.booking-module{padding:20px 0;display:flex;flex-direction:column;gap:28px;animation:bkFadeInUp .5s ease-out}.booking-header-section{display:flex;flex-direction:column;gap:18px}.booking-header{display:flex;justify-content:space-between;align-items:center}.booking-header .header-left{display:flex;align-items:center;gap:15px}.booking-header h2{font-size:1.6rem;color:var(--text-color);font-weight:800;margin:0 0 4px;letter-spacing:-.3px}.booking-header p{color:var(--secondary-text);font-size:.9rem;margin:0}.header-right-actions{display:flex;gap:10px;align-items:center}.refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;color:var(--text-color);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.refresh-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.refresh-btn:hover svg{animation:bkSpin .6s ease}.header-actions-row{display:flex;justify-content:flex-start}.search-bar{position:relative;display:flex;align-items:center}.search-bar svg{position:absolute;left:15px;color:var(--secondary-text);pointer-events:none}.search-bar input{padding:12px 40px 12px 45px;border:2px solid var(--border-color);border-radius:12px;width:340px;font-size:.9rem;outline:none;transition:all .25s ease;background:var(--card-bg);color:var(--text-color)}.search-bar input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #1a4fba14}.search-bar input::-moz-placeholder{color:var(--secondary-text);opacity:.7}.search-bar input::placeholder{color:var(--secondary-text);opacity:.7}.search-clear{position:absolute;right:12px;background:none;border:none;color:var(--secondary-text);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.search-clear:hover{background:var(--border-color);color:var(--text-color)}.branch-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:20px;padding:16px 24px;box-shadow:0 4px 16px #0000000d;flex-wrap:wrap;transition:box-shadow .2s;position:relative;overflow:hidden}.branch-filter-value{font-size:1rem;font-weight:800;color:var(--text-color);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.branch-filter-right{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}.branch-filter-count{font-size:.75rem;font-weight:700;color:var(--primary-color);background:linear-gradient(135deg,#4318ff14,#8b5cf614);border:1px solid rgba(67,24,255,.15);padding:5px 14px;border-radius:20px;white-space:nowrap}select.branch-filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232157da' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px}.branch-filter-select{padding:10px 16px;border-radius:12px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);font-weight:600;font-size:.88rem;outline:none;cursor:pointer;min-width:130px;max-width:220px;transition:all .2s}.branch-filter-select:focus{border-color:#2157da;box-shadow:0 0 0 4px #2157da14}.branch-filter-select.active-filter{border-color:#2157da;background-color:#eff6ff;color:#2157da}.booking-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.mini-stat{background:var(--card-bg);padding:22px 24px;border-radius:18px;border:1px solid var(--border-color);display:flex;align-items:center;gap:18px;box-shadow:var(--shadow);transition:all .3s ease;position:relative;overflow:hidden}.mini-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--border-color);transition:all .3s ease}.mini-stat:nth-child(1):before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.mini-stat:nth-child(2):before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.mini-stat:nth-child(3):before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.mini-stat:nth-child(4):before{background:linear-gradient(90deg,#22c55e,#4ade80)}.mini-stat:nth-child(5):before{background:linear-gradient(90deg,#ef4444,#f87171)}.mini-stat:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000014}.mini-stat-icon{width:48px;height:48px;min-width:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.mini-stat:hover .mini-stat-icon{transform:scale(1.08)}.mini-stat-icon.blue{background:#3b82f61a;color:#3b82f6}.mini-stat-icon.orange{background:#f59e0b1a;color:#f59e0b}.mini-stat-icon.green{background:#22c55e1a;color:#22c55e}.mini-stat-icon.red{background:#ef44441a;color:#ef4444}.mini-stat-icon.purple{background:#8b5cf61a;color:#8b5cf6}.mini-stat-content{display:flex;flex-direction:column;gap:2px;min-width:0}.mini-stat .label{font-size:.75rem;color:var(--secondary-text);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.mini-stat .value{font-size:1.75rem;font-weight:800;color:var(--text-color);line-height:1.2}.mini-stat .value.orange{color:#f97316}.mini-stat .value.green{color:#22c55e}.mini-stat .value.red{color:#ef4444}.mini-stat .value.purple{color:#8b5cf6}.mini-stat-subtitle{font-size:.72rem;color:var(--secondary-text);font-weight:500;opacity:.8;margin-top:2px}.bk-skeleton-text{display:inline-block;background:linear-gradient(90deg,var(--border-color) 25%,transparent 50%,var(--border-color) 75%);background-size:200px 100%;animation:bkShimmer 1.5s infinite;border-radius:6px;color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.booking-content{background:var(--card-bg);border-radius:20px;padding:24px;border:1px solid var(--border-color);box-shadow:var(--shadow)}.filters-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.status-tabs{display:flex;gap:6px;background:var(--bg-color);padding:5px;border-radius:12px;flex-wrap:wrap}.status-tab{padding:8px 18px;border:none;background:transparent;color:var(--secondary-text);font-weight:600;font-size:.85rem;cursor:pointer;border-radius:8px;transition:all .25s ease;white-space:nowrap}.status-tab:hover{color:var(--text-color);background:#00000008}.status-tab.active{background:var(--card-bg);color:var(--primary-color);box-shadow:0 2px 8px #0000000f;font-weight:700}.export-btn{display:flex;align-items:center;gap:8px;background:var(--card-bg);border:1px solid var(--border-color);padding:10px 18px;border-radius:10px;font-weight:600;font-size:.85rem;color:var(--text-color);cursor:pointer;transition:all .2s ease;white-space:nowrap}.export-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.section-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.export-btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:11px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--secondary-text);font-weight:700;font-size:.84rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.export-btn-secondary:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.view-all-link{display:flex;align-items:center;gap:8px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:11px;padding:10px 16px;font-size:.84rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.view-all-link:hover{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.bk-results-bar{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.bk-results-count{font-size:.8rem;color:var(--secondary-text);font-weight:600}.bk-active-filter{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--primary-light);color:var(--primary-color);border-radius:20px;font-size:.75rem;font-weight:700}.bk-active-filter button{background:none;border:none;color:inherit;cursor:pointer;font-size:1rem;padding:0;line-height:1;display:flex;align-items:center}.booking-table-wrapper{overflow-x:auto;border-radius:12px}.booking-table{width:100%;min-width:900px;table-layout:fixed;border-collapse:separate;border-spacing:0}.booking-table th:nth-child(1),.booking-table td:nth-child(1){width:85px}.booking-table th:nth-child(4),.booking-table td:nth-child(4){width:140px}.bk-date-info{display:flex;flex-direction:column;gap:1px;align-items:flex-start}.bk-date-info .main-date{font-weight:700;color:var(--text-color);font-size:.84rem;line-height:1.2}.bk-date-info .meta-time{font-size:.72rem;color:var(--secondary-text);font-weight:600;opacity:.85}.bk-history-modal{width:95vw;max-width:1200px;max-height:92vh;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--card-bg);box-shadow:0 24px 64px #0f172a2e,0 8px 24px #0f172a1a}.bk-history-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#1a4fba,#1e3a8a)}.bk-history-header-left{display:flex;align-items:center;gap:14px}.bk-history-header-icon{width:42px;height:42px;border-radius:12px;background:#ffffff26;color:#fff;display:flex;align-items:center;justify-content:center}.bk-history-header h2{color:#fff;font-size:1.1rem;margin:0 0 2px}.bk-history-header p{color:#ffffffbf;font-size:.82rem;margin:0}.bk-history-header-right{display:flex;align-items:center;gap:8px}.bk-history-header-btn{display:flex;align-items:center;gap:6px;padding:7px 13px;background:#ffffff24;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .18s}.bk-history-header-btn:hover{background:#ffffff38}.bk-history-close{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff24;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s}.bk-history-close:hover{background:#ef4444b3;border-color:transparent}.bk-history-controls{padding:14px 20px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--border-color);background:var(--bg-color)}.bk-history-date-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:13px}.date-pill.active{background:#1a4fba;color:#fff;border-color:#1a4fba;box-shadow:0 3px 8px #1a4fba47}.custom-days-input input{width:58px;padding:4px 8px;border:1.5px solid #bfdbfe;border-radius:7px;font-size:.875rem;font-weight:800;text-align:center;color:#1a4fba;background:var(--card-bg);outline:none}.custom-range-inputs{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.date-range-field input[type=date]{padding:8px 11px;border:1.5px solid var(--border-color);border-radius:9px;font-size:.84rem;color:var(--text-color);background:var(--card-bg);outline:none}.bk-history-search{position:relative}.bk-history-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.bk-history-search input{width:100%;border:1.5px solid var(--border-color);border-radius:11px;background:var(--card-bg);color:var(--text-color);padding:10px 38px 10px 36px;font-size:.87rem;outline:none}.bk-history-search input:focus{border-color:#1a4fba;box-shadow:0 0 0 3px #1a4fba1a}.bk-history-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;border:none;background:#e2e8f0;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center}.bk-history-search-clear:hover{background:#1a4fba;color:#fff}.bk-history-table-wrap{flex:1;min-height:0;overflow-x:auto;overflow-y:auto;background:var(--card-bg);border-bottom:1px solid var(--border-color)}.custom-scroll{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.custom-scroll::-webkit-scrollbar{width:6px;height:6px}.custom-scroll::-webkit-scrollbar-track{background:transparent}.custom-scroll::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:20px}.custom-scroll::-webkit-scrollbar-thumb:hover{background-color:#0003}.bk-history-table{min-width:0;table-layout:fixed;width:100%}.bk-history-table th,.bk-history-table td{padding:10px;font-size:.82rem}.bk-history-table th{font-size:.7rem;position:sticky;top:0;z-index:10;background:var(--bg-color);box-shadow:inset 0 -1px 0 var(--border-color)}.bk-history-table th:nth-child(1),.bk-history-table td:nth-child(1){width:68px}.bk-history-table th:nth-child(2),.bk-history-table td:nth-child(2){width:180px}.bk-history-table th:nth-child(3),.bk-history-table td:nth-child(3){width:130px}.bk-history-table th:nth-child(4),.bk-history-table td:nth-child(4){width:125px}.bk-history-table th:nth-child(5),.bk-history-table td:nth-child(5){width:125px}.bk-history-table th:nth-child(6),.bk-history-table td:nth-child(6){width:138px}.bk-history-table th:nth-child(7),.bk-history-table td:nth-child(7){width:105px}.bk-history-table th:nth-child(8),.bk-history-table td:nth-child(8){width:70px}.bk-history-table td:nth-child(6){padding-right:18px}.bk-history-table td:nth-child(7){padding-left:14px}.bk-history-table td:nth-child(6) .status-pill{margin-right:6px}.bk-history-table .bk-branch,.bk-history-table td:nth-child(3),.bk-history-table .student-info .name{white-space:normal;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.bk-history-table .payment-info-v2 .amount{font-size:.88rem}.bk-history-table .payment-info-v2 .meta{font-size:.72rem;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.bk-history-table .table-actions,.bk-history-table td:last-child{text-align:center}.bk-history-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;border-top:1px solid var(--border-color);background:var(--bg-color)}.booking-table:not(.bk-history-table) th:nth-child(2),.booking-table:not(.bk-history-table) td:nth-child(2){width:360px}.booking-table:not(.bk-history-table) th:nth-child(3),.booking-table:not(.bk-history-table) td:nth-child(3){width:250px}.booking-table:not(.bk-history-table) th:nth-child(4),.booking-table:not(.bk-history-table) td:nth-child(4){width:220px}.booking-table:not(.bk-history-table) th:nth-child(5),.booking-table:not(.bk-history-table) td:nth-child(5){width:130px}.booking-table:not(.bk-history-table) th:nth-child(6),.booking-table:not(.bk-history-table) td:nth-child(6){width:130px}.booking-table:not(.bk-history-table) th:nth-child(7),.booking-table:not(.bk-history-table) td:nth-child(7){width:140px;text-align:right}.booking-table th{text-align:left;padding:14px 16px;font-size:.72rem;font-weight:700;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.6px;border-bottom:2px solid var(--border-color);background:var(--bg-color);white-space:nowrap;position:sticky;top:0;z-index:1}.booking-table th:last-child{text-align:right;padding-right:16px}.booking-table td{padding:12px 16px;border-bottom:1px solid var(--border-color);font-size:.88rem;color:var(--text-color);vertical-align:middle}.bk-table-row{transition:background .2s ease}.bk-table-row:hover{background:var(--primary-light)}.bk-clickable-row{cursor:pointer}.bk-clickable-row:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.bk-table-row:last-child td{border-bottom:none}.bk-table-student{display:flex;align-items:center;gap:10px}.bk-student-avatar{width:40px;height:40px;min-width:40px;border-radius:9999px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;border:1px solid #bfdbfe;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.78rem;letter-spacing:-.2px}.bk-id{font-weight:700;color:var(--primary-color);font-size:.85rem;white-space:nowrap}.student-info .name{font-weight:700;color:var(--text-color);display:block;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.type-badge{padding:5px 12px;border-radius:8px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.type-badge.tdc{background:#4318ff1a;color:var(--primary-color)}.type-badge.pdc{background:#f472b61a;color:#f472b6}.type-badge.course{background:#0ea5e91a;color:#0ea5e9}.schedule-info{display:flex;flex-direction:column;gap:3px}.schedule-info .date{font-weight:600;color:var(--text-color);white-space:nowrap;font-size:.88rem}.schedule-info .time{font-size:.78rem;color:var(--secondary-text)}.payment-info{display:flex;flex-direction:column;gap:3px}.payment-info .amount{font-weight:700;color:var(--text-color);white-space:nowrap}.payment-info .method{font-size:.75rem;color:var(--secondary-text);white-space:nowrap}.status-pill{padding:6px 14px;border-radius:99px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid transparent}.status-pill.partial-payment{background:#fffbeb;color:#d97706;border:1px solid #fef3c7}.status-pill.paid,.status-pill.fully-paid{background:#f0fdf4;color:#16a34a;border:1px solid #dcfce7}.status-pill.cancelled,.status-pill.failed{background:#fef2f2;color:#dc2626;border:1px solid #fee2e2}.status-pill.pending{background:#fdf2ff;color:#9333ea;border:1px solid #f3e8ff}.action-btns{display:flex;gap:6px}.action-btns button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:none;cursor:pointer;transition:all .2s ease}.approve-btn{background:#22c55e1a;color:#22c55e}.approve-btn:hover{background:#22c55e;color:#fff;transform:scale(1.08)}.reject-btn{background:#ef44441a;color:#ef4444}.reject-btn:hover{background:#ef4444;color:#fff;transform:scale(1.08)}.view-btn{background:var(--bg-color);color:var(--secondary-text);border:1px solid var(--border-color)!important}.view-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)!important;transform:scale(1.08)}.no-data{text-align:center;padding:50px!important}.bk-empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--secondary-text)}.bk-empty-state svg{opacity:.4}.bk-empty-state p{font-size:1rem;font-weight:600;color:var(--text-color);margin:0}.bk-empty-state span{font-size:.85rem;color:var(--secondary-text)}.bk-skeleton-row td{padding:16px;border-bottom:1px solid var(--border-color)}.bk-skeleton-cell{height:16px;background:linear-gradient(90deg,var(--border-color) 25%,transparent 50%,var(--border-color) 75%);background-size:200px 100%;animation:bkShimmer 1.5s infinite;border-radius:6px}.bk-skeleton-avatar{width:36px;height:36px;min-width:36px;border-radius:10px;background:linear-gradient(90deg,var(--border-color) 25%,transparent 50%,var(--border-color) 75%);background-size:200px 100%;animation:bkShimmer 1.5s infinite}.bk-table-student .bk-skeleton-cell{height:14px}.bk-modal{background:var(--card-bg);border-radius:20px;max-width:600px;width:95%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 64px #0f172a2e,0 8px 24px #0f172a1a;animation:bkModalSlideIn .3s ease-out}.bk-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:linear-gradient(135deg,#1a4fba,#1e3a8a);border-bottom:none;flex-shrink:0}.bk-modal-header h2{margin:0 0 3px;font-size:1.15rem;font-weight:800;color:#fff;letter-spacing:-.01em}.bk-modal-header p{margin:0;font-size:.8rem;color:#ffffffa6;font-weight:500}.bk-modal-close{background:#ffffff1f;border:1px solid rgba(255,255,255,.22);color:#fff;font-size:22px;width:36px;height:36px;min-width:36px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1;padding:0}.bk-modal-close:hover{background:#ef4444bf;border-color:transparent;transform:rotate(90deg)}.bk-modal-body{padding:28px;overflow-y:auto;flex:1}.bk-modal-status-center{text-align:center;margin-bottom:28px}.bk-modal-status-center .status-pill{padding:8px 24px;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.bk-modal-sections{display:flex;flex-direction:column;gap:16px}.bk-modal-card{background:var(--bg-color);padding:18px;border-radius:12px;border:1px solid var(--border-color)}.bk-modal-student{border-left:4px solid var(--primary-color)}.bk-modal-card-label{display:flex;align-items:center;gap:10px;margin-bottom:8px}.bk-modal-card-label label{font-size:.72rem;color:var(--secondary-text);text-transform:uppercase;font-weight:700;letter-spacing:.5px}.bk-modal-card-label svg{color:var(--primary-color)}.bk-modal-card-value{font-size:1.05rem;font-weight:700;color:var(--text-color);padding-left:28px}.bk-modal-card-sub{font-size:.78rem;color:var(--secondary-text);margin-top:3px;padding-left:28px}.bk-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bk-modal-schedule-content{padding-left:28px}.bk-modal-payment{background:linear-gradient(135deg,var(--primary-light) 0%,var(--bg-color) 100%);padding:20px;border-radius:12px;border:1px solid var(--border-color)}.bk-modal-payment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.bk-modal-payment-header .bk-modal-card-label{margin-bottom:0}.bk-modal-payment-header .bk-modal-card-label svg{color:var(--primary-color)}.bk-verified-badge{font-size:.68rem;background:#22c55e1f;color:#16a34a;padding:4px 10px;border-radius:6px;font-weight:700;letter-spacing:.3px}.bk-modal-payment-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--secondary-text);padding:4px 0}.bk-modal-payment-row.main{margin-bottom:6px;padding-bottom:10px;border-bottom:1px dashed var(--border-color)}.bk-payment-amount{font-weight:800;color:var(--text-color);font-size:1.3rem}.bk-payment-value{font-weight:600;color:var(--text-color)}.bk-modal-footer{border-top:1px solid #eef2f7;padding:16px 24px;display:flex;gap:10px;background:#f8fafc;flex-shrink:0}.bk-modal-btn-close{flex:1;padding:12px;font-size:.92rem;font-weight:600;border-radius:10px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;transition:all .2s ease}.bk-modal-btn-close:hover{background:var(--border-color)}.bk-modal-btn-action{flex:1;padding:12px;font-size:.92rem;font-weight:600;border-radius:10px;border:none;background:var(--primary-color);color:#fff;cursor:pointer;transition:all .2s ease}.bk-modal-btn-action:hover{opacity:.9;transform:translateY(-1px)}@keyframes bkFadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes bkShimmer{0%{background-position:-200px 0}to{background-position:200px 0}}@keyframes bkSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bkModalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1024px){.booking-stats{grid-template-columns:repeat(4,1fr);gap:14px}.mini-stat{padding:18px 16px}.mini-stat-subtitle{display:none}.mini-stat-icon{width:42px;height:42px;min-width:42px;border-radius:12px}.search-bar input{width:280px}}@media(max-width:768px){.booking-module{gap:20px}.booking-header{flex-direction:column;align-items:flex-start;gap:14px}.header-right-actions{width:100%}.refresh-btn{width:100%;justify-content:center}.booking-stats{grid-template-columns:repeat(2,1fr);gap:10px}.mini-stat{padding:14px 12px;gap:10px;border-radius:14px}.mini-stat:before{display:none}.mini-stat-icon{width:38px;height:38px;min-width:38px;border-radius:10px}.mini-stat-icon svg{width:16px;height:16px}.mini-stat .value{font-size:1.35rem}.mini-stat .label{font-size:.65rem}.mini-stat-subtitle{display:none}.header-actions-row,.search-bar,.search-bar input{width:100%}.booking-content{padding:16px;border-radius:16px}.filters-row{flex-direction:column;align-items:stretch;gap:10px}.section-actions{width:100%;justify-content:stretch}.export-btn-secondary,.view-all-link{flex:1 1 180px;justify-content:center}.status-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.status-tab{padding:7px 14px;font-size:.8rem}.export-btn{justify-content:center}.booking-table-wrapper{margin:0 -16px;padding:0 16px;width:calc(100% + 32px)}.booking-table th{padding:12px 14px;font-size:.68rem}.booking-table td{padding:14px;font-size:.82rem}.bk-student-avatar{width:32px;height:32px;min-width:32px;font-size:.72rem;border-radius:8px}.action-btns button{width:32px;height:32px;border-radius:8px}.bk-modal{width:100%;max-width:none;border-radius:20px 20px 0 0;max-height:85vh;margin-top:auto}.bk-modal-header,.bk-modal-body{padding:20px}.bk-modal-grid{grid-template-columns:1fr}.bk-modal-footer{padding:16px 20px;flex-direction:column}.bk-modal-footer button{width:100%}.bk-history-modal{max-width:100vw;max-height:100dvh;border-radius:0}.bk-history-header{padding:16px;flex-wrap:wrap}.bk-history-header-right{width:100%;justify-content:flex-end}.bk-history-date-row{align-items:stretch}.date-pills,.custom-days-input,.custom-range-inputs{width:100%}.bk-history-footer{flex-direction:column;align-items:stretch}.bk-history-table{table-layout:auto}}@media(max-width:480px){.booking-module{gap:16px}.booking-header h2{font-size:1.3rem}.booking-stats{grid-template-columns:repeat(2,1fr);gap:8px}.mini-stat{padding:14px 16px;flex-direction:row;align-items:center}.mini-stat .value{font-size:1.5rem}.booking-content{padding:12px;border-radius:14px}.status-tabs{padding:4px;border-radius:10px}.status-tab{padding:6px 12px;font-size:.75rem}.section-actions{gap:8px}.export-btn-secondary,.view-all-link{flex:1 1 100%}.bk-results-bar{flex-wrap:wrap;gap:8px}.bk-modal-header h2{font-size:1.2rem}.bk-modal-card-value{font-size:.95rem;padding-left:0}.bk-modal-card-sub,.bk-modal-schedule-content{padding-left:0}.bk-payment-amount{font-size:1.1rem}}.modal-overlay{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:bkFadeIn .2s ease-out}@keyframes bkFadeIn{0%{opacity:0}to{opacity:1}}.bk-modal-v2{background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #00000012,0 20px 50px -8px #00000038;overflow:hidden;animation:bkZoomIn .28s cubic-bezier(.34,1.4,.64,1)}@keyframes bkZoomIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.bkv2-print-header{display:none}.bkv2-header{display:flex;align-items:center;gap:14px;padding:20px 24px;background:linear-gradient(135deg,#1e3a8a,#1d4ed8);flex-shrink:0}.bkv2-header-icon{width:42px;height:42px;min-width:42px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.bkv2-header-text{flex:1;min-width:0}.bkv2-header-text h2{margin:0 0 2px;font-size:1.1rem;font-weight:800;color:#fff;letter-spacing:-.01em}.bkv2-header-text span{font-size:.78rem;color:#ffffffa6;font-weight:600;letter-spacing:.04em}.bkv2-status-chip{padding:5px 14px;border-radius:99px;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0;display:inline-flex;align-items:center;gap:6px;border:1px solid transparent}.bkv2-status-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.bkv2-status-chip.paid{background:#22c55e26;color:#4ade80;border-color:#22c55e4d}.bkv2-status-chip.partial-payment{background:#fbbf2426;color:#fbbf24;border-color:#fbbf244d}.bkv2-status-chip.pending{background:#a78bfa26;color:#c084fc;border-color:#a78bfa4d}.bkv2-status-chip.cancelled{background:#f8717126;color:#fca5a5;border-color:#f871714d}.bkv2-close{width:36px;height:36px;min-width:36px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fffc;cursor:pointer;transition:background .18s,color .18s,transform .18s;flex-shrink:0}.bkv2-close:hover{background:#ef4444bf;border-color:transparent;color:#fff;transform:rotate(90deg)}.bkv2-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:14px 18px;display:flex;flex-direction:column;gap:12px;background:#f1f5f9;min-height:0}.bkv2-body>*{flex-shrink:0}.bk-mark-paid-modal{width:95%;max-width:620px;max-height:90vh;background:#fff;border-radius:20px;box-shadow:0 24px 64px #0f172a33,0 10px 30px #0f172a1f;overflow:hidden;display:flex;flex-direction:column}.bk-mark-paid-head{flex-shrink:0}.bk-mark-paid-head.bkv2-header{padding:18px 22px}.bk-mark-paid-close{border:none}.bk-mark-paid-body{padding:16px 18px 14px;display:flex;flex-direction:column;gap:12px;background:#f1f5f9;overflow-y:auto}.bk-mark-paid-panel{background:#fff}.bk-mark-paid-form-card{border-left:4px solid #2563eb}.bk-mark-paid-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#475569;gap:10px}.bk-mark-paid-row.highlight{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:10px 12px;color:#1e3a8a;font-weight:700;margin-top:4px}.bk-mark-paid-row.sub{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:8px 10px;margin-top:2px}.bk-mark-paid-row strong{color:#0f172a;text-align:right;font-weight:800}.bk-mark-paid-label{font-size:.76rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.bk-mark-paid-input{border:1px solid #cbd5e1;border-radius:10px;padding:11px 12px;font-size:.9rem;color:#0f172a;background:#fff;outline:none;box-sizing:border-box;width:100%}.bk-mark-paid-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.bk-mark-paid-actions{display:flex;justify-content:flex-end;gap:12px;padding:14px 18px;border-top:1px solid #e2e8f0;background:#fff;flex-shrink:0}.bk-mark-paid-cancel,.bk-mark-paid-confirm{border:1px solid transparent;border-radius:10px;padding:10px 20px;font-size:.9rem;font-weight:800;cursor:pointer;transition:all .18s ease}.bk-mark-paid-cancel{background:#f1f5f9;color:#334155;border-color:#e2e8f0}.bk-mark-paid-cancel:hover{background:#cbd5e1;border-color:#cbd5e1;transform:translateY(-1px)}.bk-mark-paid-confirm{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff}.bk-mark-paid-confirm:hover{filter:brightness(.95);transform:translateY(-1px)}.bk-mark-paid-txn-box{display:flex;flex-direction:column;gap:8px}.bk-mark-paid-cancel:disabled,.bk-mark-paid-confirm:disabled,.bk-mark-paid-input:disabled,.bk-mark-paid-close:disabled{opacity:.6;cursor:not-allowed}@media(max-width:560px){.bk-mark-paid-head.bkv2-header{padding:16px 14px;gap:10px}.bk-mark-paid-modal{width:calc(100% - 16px)}.bk-mark-paid-body,.bk-mark-paid-actions{padding:12px}.bk-mark-paid-cancel,.bk-mark-paid-confirm{padding:10px 14px}}.bkv2-student-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px 16px;box-shadow:0 1px 3px #0000000f}.bkv2-avatar{width:48px;height:48px;min-width:48px;background:linear-gradient(135deg,#3b82f6,#1e3a8a);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:900;color:#fff;box-shadow:0 8px 16px -4px #3b82f666;letter-spacing:-.02em}.bkv2-student-info{flex:1;min-width:0}.bkv2-student-name{font-size:1.05rem;font-weight:900;color:#0f172a;letter-spacing:-.02em;margin-bottom:6px}.bkv2-student-meta{display:flex;flex-direction:column;gap:5px}.bkv2-student-meta span{display:flex;align-items:center;gap:7px;font-size:.8rem;color:#64748b;font-weight:500}.bkv2-student-meta svg{color:#94a3b8;flex-shrink:0}.bkv2-row-2{display:grid;grid-template-columns:1fr;gap:14px}.bkv2-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px 18px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:6px;transition:box-shadow .2s,transform .2s}.bkv2-info-card:hover{box-shadow:0 4px 12px #00000017;transform:translateY(-2px)}.bkv2-card-label{display:flex;align-items:center;gap:6px;font-size:.67rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em}.bkv2-card-label svg{color:#cbd5e1;flex-shrink:0}.bkv2-card-title{font-size:.98rem;font-weight:800;color:#1e293b;line-height:1.35}.bkv2-card-sub{font-size:.75rem;color:#64748b;font-weight:500;background:#f1f5f9;padding:4px 9px;border-radius:6px;display:inline-block;line-height:1.5}.bkv2-addon-chip{display:flex;align-items:flex-start;gap:6px;font-size:.75rem;color:#0ea5e9;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:5px 10px;margin-top:4px;font-weight:600;line-height:1.4}.bkv2-addon-chip svg{margin-top:2px;flex-shrink:0}.bkv2-receipt{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column}.bkv2-receipt-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0}.bkv2-receipt-head>span:first-child{display:flex;align-items:center;gap:7px;font-size:.7rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.07em}.bkv2-receipt-head svg{color:#94a3b8}.bkv2-verified{font-size:.67rem;font-weight:800;background:#dcfce7;color:#166534;padding:3px 10px;border-radius:20px;letter-spacing:.06em}.bkv2-section-mini{font-size:.65rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;padding:12px 18px 6px;background:#fafbfc;border-bottom:1px solid #f1f5f9}.bkv2-receipt-body{flex:1;padding:0}.bkv2-line-item{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;border-bottom:1px dashed #f0f4f8;font-size:.87rem;color:#334155;font-weight:600;gap:8px}.bkv2-line-item:last-child{border-bottom:none}.bkv2-line-item span:first-child{display:flex;align-items:center;gap:7px;flex:1;padding-right:12px}.bkv2-line-item span:last-child{font-weight:700;color:#1e293b;white-space:nowrap}.bkv2-line-item.addon{background:#fafbfc;color:#64748b;font-size:.83rem}.bkv2-line-item.addon span:last-child{color:#475569}.bkv2-line-item.addon svg{color:#94a3b8;flex-shrink:0}.bkv2-line-item.discount{background:#fff7f7}.bkv2-line-item.discount span{color:#ef4444!important}.bkv2-line-item.balance{background:#eff6ff}.bkv2-line-item.balance span{color:#1d4ed8!important}.bkv2-receipt-foot{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-top:2px solid #86efac;flex-shrink:0}.bkv2-total-label{display:flex;align-items:center;gap:7px;font-size:.82rem;font-weight:800;color:#15803d;letter-spacing:.01em}.bkv2-total-label svg{color:#4ade80;flex-shrink:0}.bkv2-total{font-size:1.35rem;font-weight:900;color:#15803d;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(21,128,61,.12)}.bkv2-schedule{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px 18px;box-shadow:0 1px 3px #0000000f}.bkv2-schedule-head{display:flex;align-items:center;gap:7px;font-size:.7rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.07em;margin-bottom:14px}.bkv2-schedule-head svg{color:#94a3b8}.bkv2-sched-grid{display:grid;grid-template-columns:1fr;gap:12px}.bkv2-sched-card{border-radius:12px;padding:14px 16px;border:1px solid #e2e8f0}.bkv2-sched-card.tdc{background:#f8fafc}.bkv2-sched-card.pdc{background:#f0f9ff;border-color:#bae6fd}.bkv2-sched-badge{font-size:.65rem;font-weight:900;letter-spacing:.08em;padding:3px 8px;border-radius:5px;display:inline-block;margin-bottom:10px}.bkv2-sched-card.tdc .bkv2-sched-badge{background:#e2e8f0;color:#475569}.bkv2-sched-card.pdc .bkv2-sched-badge{background:#bae6fd;color:#0369a1}.bkv2-sched-title{margin:0 0 4px;font-size:.95rem;font-weight:800;color:#0f172a;line-height:1.25;text-align:center;overflow-wrap:anywhere}.bkv2-sched-sub{margin:0 0 8px;font-size:.78rem;font-weight:600;color:#64748b;line-height:1.25;text-align:center;overflow-wrap:anywhere}.bkv2-sched-days{display:flex;flex-direction:column;gap:8px}.bkv2-sched-day{display:flex;flex-direction:column;gap:2px;align-items:center;text-align:center}.bkv2-day-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8}.bkv2-day-val{font-size:.88rem;font-weight:800;color:#1e293b}.bkv2-sched-card.pdc .bkv2-day-val{color:#0369a1}.bkv2-time-line{font-size:.74rem;font-weight:600;line-height:1.25;text-align:center;overflow-wrap:anywhere}.bkv2-time-line.shared{font-weight:700}.bkv2-time-line.tdc{color:#475569}.bkv2-time-line.pdc{color:#0369a1}.bkv2-course-sched-list{display:flex;flex-direction:column;gap:12px}.bkv2-course-sched-card{background:#f8fafc;border:1px solid #dbe5ef;border-radius:14px;padding:14px 16px;box-shadow:0 1px 3px #0000000d}.bkv2-course-sched-card .bkv2-card-label{margin-bottom:8px}.bkv2-course-sched-card .bkv2-card-title{text-align:center}.bkv2-course-sched-card .bkv2-card-sub{display:block;text-align:center;margin-top:6px}.bkv2-footer{padding:14px 24px;background:#fff;border-top:1px solid #e2e8f0;display:flex;align-items:center;gap:10px;justify-content:flex-end;flex-shrink:0}.bkv2-close-btn{padding:10px 28px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;font-size:.88rem;font-weight:700;color:#475569;cursor:pointer;transition:background .18s,color .18s,border-color .18s,transform .18s}.bkv2-close-btn:hover{background:#e2e8f0;color:#1e293b;border-color:#cbd5e1;transform:translateY(-1px)}.bkv2-print-btn{background:#ffffff1a;border-color:#ffffff4d;color:#fff;padding:8px 18px;background-color:#3b82f6}.bkv2-print-btn:hover{background-color:#2563eb;border-color:#ffffff80;color:#fff}@media print{@page{size:portrait;margin:5mm}html,body,#root,.dashboard-container,.main-content,.booking-module{height:auto!important;min-height:auto!important;overflow:visible!important;box-sizing:border-box!important;display:block!important;position:static!important;padding:0!important;margin:0!important}.sidebar,.main-header,.branch-filter-bar,.booking-header-section,.bk-controls,.bk-table-container,.bk-pagination,.bk-page-header{display:none!important}body *{visibility:hidden!important}.modal-overlay,.booking-print-root,.booking-print-root *{visibility:visible!important}.modal-overlay{position:relative!important;inset:auto!important;background:transparent!important;padding:0!important;display:block!important;height:auto!important;min-height:auto!important;z-index:99999!important;overflow:visible!important}.booking-print-root{position:relative!important;max-width:100%!important;max-height:none!important;width:100%!important;height:auto!important;border-radius:0!important;box-shadow:none!important;border:none!important;margin:0!important;padding:0!important;color:#000!important;display:block!important;overflow:visible!important;transform:none!important;zoom:.85!important}.bkv2-print-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 0!important;border-bottom:3px solid #1e40af!important;margin-bottom:15px!important;page-break-after:avoid!important}.bkv2-print-logo{width:60px!important;height:60px!important;border-radius:8px!important;flex-shrink:0!important}.bkv2-print-branding{flex:1!important;margin-left:16px!important;page-break-after:avoid!important}.bkv2-print-branding h1{font-size:24px!important;font-weight:900!important;margin:0!important;color:#1e293b!important}.bkv2-print-branding p{font-size:12px!important;color:#64748b!important;margin:2px 0 0!important;font-weight:500!important}.bkv2-print-date{text-align:right!important;font-size:12px!important;page-break-after:avoid!important}.bkv2-print-date-label{color:#64748b!important;margin-right:4px!important}.bkv2-print-date-value{font-weight:600!important;color:#1e293b!important}.booking-print-root .bkv2-header{display:none!important}.booking-print-root .bkv2-body{overflow:visible!important;max-height:none!important;height:auto!important;display:block!important;background:#fff!important;padding:0!important;margin:0!important}.booking-print-root .bkv2-student-card{page-break-after:avoid!important;margin-bottom:16px!important;padding:12px!important;border:1px solid #e2e8f0!important;border-radius:6px!important}.booking-print-root .bkv2-row-2{page-break-after:avoid!important;margin-bottom:16px!important}.booking-print-root .bkv2-receipt{margin-bottom:16px!important;page-break-inside:avoid!important}.booking-print-root .bkv2-receipt-head{display:flex!important;justify-content:space-between!important;align-items:center!important;padding-bottom:8px!important;border-bottom:2px solid #e2e8f0!important;margin-bottom:8px!important;page-break-after:avoid!important;font-weight:700!important;color:#1e293b!important}.booking-print-root .bkv2-receipt-head span{display:flex!important;align-items:center!important;gap:6px!important}.booking-print-root .bkv2-receipt-body{margin-bottom:8px!important}.booking-print-root .bkv2-section-mini{font-weight:700!important;color:#475569!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin:10px 0 6px!important;padding-top:4px!important}.booking-print-root .bkv2-line-item{display:flex!important;justify-content:space-between!important;padding:4px 0!important;font-size:11px!important;color:#334155!important;border-bottom:1px dotted #e2e8f0!important}.booking-print-root .bkv2-line-item span{display:flex!important;align-items:center!important;gap:4px!important}.booking-print-root .bkv2-line-item.discount span:last-child{color:#dc2626!important;font-weight:600!important}.booking-print-root .bkv2-verified{font-size:11px!important;color:#16a34a!important;font-weight:600!important}.booking-print-root .bkv2-receipt-foot{margin-top:8px!important;padding-top:8px!important;border-top:2px solid #1e40af!important;display:flex!important;justify-content:space-between!important;align-items:center!important;page-break-after:avoid!important}.booking-print-root .bkv2-total-label{display:flex!important;align-items:center!important;gap:6px!important;font-weight:700!important;color:#1e293b!important}.booking-print-root .bkv2-total{font-size:18px!important;font-weight:900!important;color:#1e40af!important}.booking-print-root .bkv2-schedule{margin-top:12px!important;padding-top:10px!important;border-top:2px solid #e2e8f0!important;page-break-inside:avoid!important}.booking-print-root .bkv2-schedule-head{display:flex!important;align-items:center!important;gap:6px!important;font-weight:700!important;font-size:12px!important;color:#1e293b!important;margin-bottom:8px!important;page-break-after:avoid!important}.booking-print-root .bkv2-sched-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;page-break-inside:avoid!important}.booking-print-root .bkv2-sched-card{border:1px solid #e2e8f0!important;border-radius:6px!important;padding:8px!important;page-break-inside:avoid!important;background:#f8fafc!important}.booking-print-root .bkv2-sched-badge{display:inline-block!important;font-size:10px!important;font-weight:800!important;padding:3px 6px!important;border-radius:4px!important;margin-bottom:6px!important}.booking-print-root .bkv2-sched-badge.tdc{background:#64748b!important;color:#fff!important}.booking-print-root .bkv2-sched-badge.pdc{background:#0ea5e9!important;color:#fff!important}.booking-print-root .bkv2-sched-title{font-weight:700!important;font-size:12px!important;color:#1e293b!important;margin:6px 0 2px!important}.booking-print-root .bkv2-sched-sub{font-size:11px!important;color:#64748b!important;margin-bottom:8px!important}.booking-print-root .bkv2-sched-day{display:flex!important;justify-content:space-between!important;align-items:center!important;font-size:10px!important;margin-bottom:2px!important}.booking-print-root .bkv2-day-label{font-weight:600!important;color:#475569!important}.booking-print-root .bkv2-day-val{font-weight:600!important;color:#1e293b!important}.booking-print-root .bkv2-time-line{display:block!important;font-size:10px!important;color:#64748b!important;margin-top:3px!important;font-style:italic!important}.booking-print-root .bkv2-close,.booking-print-root .bkv2-footer{display:none!important}}@media(max-width:1024px){.booking-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.booking-header,.filters-row{flex-direction:column;align-items:flex-start;gap:15px}.section-actions{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:5px}.booking-table,.booking-table thead,.booking-table tbody,.booking-table th,.booking-table td,.booking-table tr{display:block;width:100%!important}.booking-table thead tr{position:absolute;top:-9999px;left:-9999px}.booking-table tr{border:1px solid var(--border-color);margin-bottom:20px;background:var(--card-bg);border-radius:16px;padding:10px;box-shadow:0 4px 12px #00000008}.booking-table td{border:none;border-bottom:1px solid var(--bg-color);position:relative;padding-left:45%!important;text-align:right!important;min-height:48px;display:flex!important;align-items:center;justify-content:flex-end}.booking-table td:last-child{border-bottom:none}.booking-table td:before{position:absolute;left:15px;width:40%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:800;color:var(--secondary-text);content:attr(data-label);font-size:.65rem;text-transform:uppercase;letter-spacing:.5px}.booking-table td .bk-table-student{justify-content:flex-end}.booking-table td .bk-date-info,.booking-table td .payment-info-v2,.booking-table td .table-actions{align-items:flex-end;width:100%}.booking-table td .table-actions{justify-content:flex-end}.booking-table-wrapper{overflow-x:visible;padding:0 4px}.booking-content{padding:16px}}@media(max-width:480px){.booking-stats{grid-template-columns:1fr}.search-bar input{width:100%}.booking-header h2{font-size:1.3rem}.mini-stat{padding:18px}}@media(max-width:500px){.bkv2-row-2,.bkv2-sched-grid{grid-template-columns:1fr}.bkv2-body{padding:16px}.bkv2-header{padding:16px 18px;gap:10px}.bkv2-status-chip{display:none}}.student-info .name{font-weight:800;color:#1e293b;font-size:.9rem;display:block}.bk-course-display{max-width:100%;min-width:0}.type-badge.bundle{background:#f8fafc;border:1px solid #e2e8f0;color:#334155;padding:6px 12px;border-radius:8px;font-size:.75rem;display:inline-block;line-height:1.4;white-space:normal;word-break:break-word;overflow-wrap:anywhere;max-width:100%}.schedule-info-v2{display:flex;flex-direction:column;gap:6px;min-width:0}.sched-tag{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;padding:2px 8px 2px 2px;border-radius:6px;width:-moz-fit-content;width:fit-content;max-width:100%}.sched-tag .label{font-size:.6rem;font-weight:900;color:#fff;padding:4px 6px;border-radius:4px;text-transform:uppercase}.sched-tag.tdc .label{background:#64748b}.sched-tag.pdc .label{background:#0ea5e9}.sched-tag .val{font-size:.75rem;font-weight:700;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payment-info-v2{display:flex;flex-direction:column;min-width:0}.payment-info-v2 .amount{font-size:.95rem;color:#0f172a;font-weight:800}.payment-info-v2 .meta{font-size:.7rem;color:#64748b;font-weight:600;white-space:normal;line-height:1.25}.approve-action-btn,.reject-action-btn,.view-action-btn{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;border:1px solid #e2e8f0;background:#fff}.approve-action-btn{color:#16a34a}.approve-action-btn:hover{background:#f0fdf4;border-color:#16a34a;transform:translateY(-2px)}.reject-action-btn{color:#ef4444}.reject-action-btn:hover{background:#fef2f2;border-color:#ef4444;transform:translateY(-2px)}.view-action-btn{color:var(--primary-color)}.view-action-btn:hover{background:#eff6ff;border-color:var(--primary-color);transform:translateY(-2px)}.pagination-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 2px 4px;flex-wrap:wrap;gap:10px;border-top:1px solid var(--border-color);margin-top:6px}.pagination-info{font-size:.8rem;color:var(--secondary-text);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:4px;margin-left:auto}.pg-btn{min-width:34px;height:34px;padding:0 10px;border:1.5px solid var(--border-color, #e2e8f0);border-radius:8px;background:var(--card-bg, #fff);color:var(--text-color, #1e293b);font-size:.82rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,color .15s,transform .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1}.pg-btn:hover:not(:disabled):not(.pg-btn--active){background:var(--primary-light, #eff6ff);border-color:var(--primary-color, #2157da);color:var(--primary-color, #2157da)}.pg-btn:active:not(:disabled){transform:scale(.94)}.pg-btn--active{background:var(--primary-color, #2157da);border-color:var(--primary-color, #2157da);color:#fff;font-weight:700;cursor:default;box-shadow:0 2px 8px #2157da40}.pg-btn:disabled,.pg-btn--disabled{opacity:.38;cursor:not-allowed;background:transparent}.pg-btn--nav{min-width:34px;padding:0}.pg-ellipsis{padding:0 6px;font-size:.9rem;color:var(--secondary-text, #94a3b8);-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:34px}[data-theme=dark] .pg-btn{background:var(--card-bg, #1e293b);border-color:var(--border-color, #334155);color:var(--text-color, #e2e8f0)}[data-theme=dark] .pg-btn:hover:not(:disabled):not(.pg-btn--active){background:#2157da26;border-color:var(--primary-color, #2157da);color:var(--primary-color, #2157da)}[data-theme=dark] .pg-btn--active{background:var(--primary-color, #2157da);border-color:var(--primary-color, #2157da);color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpModal{0%{transform:translateY(40px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.schedule-module{padding:20px 0;display:flex;flex-direction:column;gap:28px;animation:fadeIn .4s ease-out;font-family:Inter,sans-serif}.schedule-content{display:flex;flex-direction:column;gap:28px}.branch-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:20px;padding:18px 24px;box-shadow:0 4px 16px #0000000d;flex-wrap:wrap;transition:box-shadow .2s;position:relative;overflow:hidden}.branch-filter-bar:hover{box-shadow:0 8px 28px #2157da17}.branch-filter-left{display:flex;align-items:center;gap:14px;min-width:0}.branch-filter-icon{width:44px;height:44px;background:linear-gradient(135deg,#2157da,#4f46e5);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #2157da47}.branch-filter-text{display:flex;flex-direction:column;gap:3px;min-width:0}.branch-filter-label{font-size:.7rem;font-weight:800;color:var(--primary-color);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.branch-filter-value{font-size:1rem;font-weight:800;color:var(--text-color);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}.branch-filter-count{font-size:.75rem;font-weight:700;color:var(--primary-color);background:linear-gradient(135deg,#4318ff14,#8b5cf614);border:1px solid rgba(67,24,255,.15);padding:5px 14px;border-radius:20px;white-space:nowrap;letter-spacing:.01em}.branch-filter-select{padding:10px 42px 10px 16px;border-radius:12px;border:1.5px solid var(--border-color);background:var(--bg-color);color:var(--text-color);font-size:.88rem;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232157da' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-color:var(--bg-color);transition:all .2s;min-width:260px;max-width:100%;box-shadow:0 2px 8px #0000000a}.branch-filter-select:focus,.branch-filter-select:hover{border-color:var(--primary-color);background-color:var(--card-bg);box-shadow:0 0 0 3px #4318ff12}@media(max-width:768px){.branch-filter-bar{flex-direction:column;align-items:flex-start;gap:14px;padding:16px 18px}.branch-filter-right{width:100%;justify-content:space-between}.branch-filter-select{flex:1;min-width:0}.branch-filter-value{max-width:220px}}@media(max-width:480px){.branch-filter-bar{padding:14px 16px;border-radius:16px}.branch-filter-icon{width:38px;height:38px;border-radius:10px}.branch-filter-value{font-size:.88rem;max-width:180px}.branch-filter-count{display:none}.branch-filter-right{flex-direction:column;align-items:stretch}.branch-filter-select{min-width:unset;width:100%}}.calendar-view{background:var(--card-bg);border-radius:24px;border:1px solid var(--border-color);padding:28px;overflow:hidden;box-shadow:0 4px 24px #0000000f}.calendar-header-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.calendar-header-nav h3{font-size:1.15rem;font-weight:800;color:var(--text-color);letter-spacing:-.02em}.month-nav-btn{width:38px;height:38px;border-radius:10px;border:1.5px solid var(--border-color);background:var(--card-bg);color:var(--secondary-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.month-nav-btn:hover{background:var(--bg-color);color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 2px 8px #4318ff1a}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calendar-day-header{text-align:center;font-size:.7rem;font-weight:800;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.07em;padding-bottom:14px}.calendar-day{min-height:110px;background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:14px;position:relative;padding:8px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);overflow:hidden;min-width:0}.calendar-day.day-0,.calendar-day.day-6{border-color:#fca5a573;background:#fff5f50a}.calendar-day.day-1,.calendar-day.day-2,.calendar-day.day-3,.calendar-day.day-4,.calendar-day.day-5{border-color:#86efac66;background:#f8fff90a}.calendar-day:hover{background:var(--bg-color);transform:translateY(-2px);box-shadow:0 8px 20px #4318ff17;border-color:var(--primary-color)}.calendar-day.empty{background:transparent;cursor:default;border-color:transparent}.calendar-day.selected{background:var(--bg-color);border-color:var(--primary-color);border-width:2.5px;box-shadow:0 4px 16px #4318ff21}.calendar-day.today{background:var(--bg-color);border:2.5px solid var(--primary-color)}.calendar-day.today .day-num{color:var(--primary-color);font-weight:900}.calendar-day.is-past.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.calendar-day .day-num{font-size:.95rem;font-weight:700;color:var(--text-color);line-height:1;margin-bottom:6px}.day-slots-container{width:100%;display:flex;flex-direction:column;gap:3px;overflow-y:auto;flex:1;scrollbar-width:none}.mini-slot-item{padding:4px 7px;border-radius:7px;font-size:.62rem;font-weight:700;display:flex;flex-direction:column;gap:1px;transition:all .18s;border:1px solid transparent;cursor:pointer}.mini-slot-item:hover{filter:brightness(1.08);transform:translate(1px)}.mini-slot-header{font-size:.58rem;opacity:.75;letter-spacing:.06em;border-bottom:1px solid rgba(0,0,0,.06);padding-bottom:2px;margin-bottom:1px}.mini-slot-info{display:flex;justify-content:space-between;align-items:center}.mini-slot-item.tdc{background:#4318ff17;color:var(--primary-color);border-color:#4318ff26}.mini-slot-item.pdc{background:#f9731617;color:#ea6f10;border-color:#f973162e}.mini-slot-item.full{background:#fee2e2!important;color:#ef4444!important;border-color:#fecaca!important}.mini-slot-more{font-size:.65rem;font-weight:700;text-align:center;color:var(--secondary-text);padding:4px 6px;margin-top:2px;background:var(--bg-color);border-radius:6px;cursor:pointer;transition:all .2s;border:1px dashed var(--border-color)}.mini-slot-more:hover{color:var(--primary-color);background:#4318ff0d;border-color:#4318ff33}.schedule-module .session-sub-box{padding:5px 7px;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;overflow:hidden;gap:2px}.schedule-module .session-sub-box.morning{background-color:#fff7ed;border-color:#ffedd5;color:#c2410c}.schedule-module .session-sub-box.afternoon{background-color:#fefce8;border-color:#fef9c3;color:#a16207}.schedule-module .session-sub-box.whole{background-color:#eff6ff;border-color:#dbeafe;color:#1d4ed8}.schedule-module .session-sub-box:hover:not(.full):not(.selected){transform:translateY(-1px);box-shadow:0 2px 5px #0000000d}.schedule-module .session-sub-box.selected{background-color:#2563eb!important;border-color:#2563eb!important;color:#fff!important;box-shadow:0 2px 6px #2563eb33!important}.schedule-module .session-sub-box.full{background-color:#fef2f2!important;border-color:#fee2e2!important;color:#ef4444!important;opacity:.7;cursor:not-allowed}.schedule-module .session-sub-label-text{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.02em}.schedule-module .session-sub-count-tag{font-size:8px;font-weight:700;padding:1px 4px}.schedule-module .session-sub-time-mini{font-size:8px;font-weight:500}.slots-grid{background:var(--card-bg);padding:28px;border-radius:24px;border:1px solid var(--border-color);box-shadow:0 4px 24px #0000000f}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;flex-wrap:wrap}.section-title h3{font-size:1.05rem;color:var(--text-color);font-weight:800;letter-spacing:-.015em}.badge{background:linear-gradient(135deg,#4318ff14,#8b5cf614);color:var(--primary-color);padding:5px 14px;border-radius:20px;font-size:.78rem;font-weight:700;border:1px solid rgba(67,24,255,.15);letter-spacing:.01em}.slots-list{display:flex;flex-direction:column;gap:0;border:1.5px solid var(--border-color);border-radius:18px;overflow:hidden;box-shadow:0 2px 12px #0000000d;background:var(--card-bg)}.slot-card{display:grid;grid-template-columns:190px 1fr 180px 140px;align-items:stretch;gap:0;padding:0;background:var(--card-bg);border:none;border-bottom:1.5px solid var(--border-color);border-radius:0;transition:background .2s ease;position:relative;overflow:hidden}.slot-card:last-child{border-bottom:none}.slot-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary-color);opacity:0;transition:opacity .22s;z-index:1}.slot-card:hover:before{opacity:1}.slot-card:hover{background:var(--bg-color)}.slot-card:hover .slot-time{background:linear-gradient(135deg,#4318ff12,#8b5cf612)}.slot-time{display:flex;flex-direction:row;align-items:center;gap:12px;padding:20px;border-right:1.5px solid var(--border-color);height:100%;align-self:stretch;background:linear-gradient(135deg,#4318ff0a,#8b5cf60a)}.clock-icon{width:36px;height:36px;background:linear-gradient(135deg,#4318ff1f,#8b5cf61f);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary-color)}.slot-time-label{font-size:.8rem;font-weight:800;color:var(--primary-color);line-height:1.5;letter-spacing:-.01em;white-space:pre-line;word-break:break-word}.slot-details{display:flex;flex-direction:column;gap:6px;min-width:0;padding:20px}.slot-details h4{font-size:1rem;color:var(--text-color);margin:0;font-weight:800;letter-spacing:-.012em;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.slot-type-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:7px;font-size:.66rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.slot-type-badge.tdc{background:#4318ff1a;color:var(--primary-color);border:1px solid rgba(67,24,255,.2)}.slot-type-badge.pdc{background:#f973161a;color:#ea6f10;border:1px solid rgba(249,115,22,.22)}.slot-details p{font-size:.76rem;color:var(--secondary-text);margin:0;font-weight:600;display:flex;align-items:center;gap:5px}.slot-capacity{display:flex;flex-direction:column;gap:8px;padding:20px;border-left:1.5px solid var(--border-color);align-self:stretch;justify-content:center}.progress-bar{height:8px;background:var(--border-color);border-radius:10px;overflow:hidden;width:100%}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),#8b5cf6);border-radius:10px;transition:width .8s cubic-bezier(.16,1,.3,1)}.capacity-text{font-size:.75rem;font-weight:700;color:var(--secondary-text);white-space:nowrap}.status-full{color:#ef4444;font-weight:900;font-size:.75rem;letter-spacing:.02em}.slot-actions{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:8px;flex-shrink:0;padding:16px;border-left:1.5px solid var(--border-color);align-self:stretch;min-width:130px}.slots-grid .edit-btn,.slots-grid .view-students-btn{padding:8px 12px;border-radius:10px;font-size:.77rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;width:100%;height:auto;letter-spacing:.01em}.slots-grid .edit-btn{background:#f1f5f9!important;border:1.5px solid #cbd5e1!important;color:#475569!important}.slots-grid .edit-btn:hover{background:#e2e8f0!important;border-color:#94a3b8!important;color:#1e293b!important;transform:translateY(-1px);box-shadow:0 3px 10px #00000014}.slots-grid .view-students-btn{background:#4318ff14;border:1.5px solid rgba(67,24,255,.2);color:var(--primary-color)}.slots-grid .view-students-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #4318ff40}.loading-state,.error-state,.no-slots{padding:50px 20px;text-align:center;color:var(--secondary-text);font-size:.9rem;font-weight:600;border-radius:16px;border:2px dashed var(--border-color);background:var(--bg-color);margin:16px}.error-state{border-color:#fecaca;background:#fff5f5;color:#ef4444}.retry-btn{margin-top:14px;padding:8px 20px;border-radius:10px;background:var(--primary-color);color:#fff;border:none;font-weight:700;cursor:pointer;font-size:.82rem;transition:all .2s}.retry-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a73;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeInModal .25s ease}.modal-container{background:var(--card-bg);width:560px;max-width:92%;border-radius:28px;box-shadow:0 40px 100px -20px #0000004d,0 0 0 1px #ffffff0d;border:1px solid var(--border-color);animation:slideUpModal .38s cubic-bezier(.16,1,.3,1);overflow:hidden}.student-list-modal{width:900px;max-width:96%}.modal-header{padding:20px 28px!important;background:linear-gradient(135deg,#1a4fba,#1e3a8a)!important;border-bottom:none!important;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;position:relative;border-radius:inherit}.close-modal{width:34px!important;height:34px!important;min-width:34px;border-radius:10px!important;background:#ffffff1f!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;display:flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;transition:all .2s;flex-shrink:0;padding:0}.close-modal:hover{background:#ef4444bf!important;border-color:transparent!important;color:#fff!important;transform:rotate(90deg)}.modal-body{padding:28px;max-height:72vh;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.modal-footer{padding:16px 28px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border-color);background:var(--bg-color);flex-shrink:0}.form-group{display:flex;flex-direction:column;gap:8px;width:100%}.form-group label{font-size:.82rem;font-weight:700;color:#475569;letter-spacing:.01em}.form-group input,.form-group select{width:100%;padding:11px 15px;border-radius:12px;border:1.5px solid var(--border-color);background:#f8fafc;color:var(--text-color);font-size:.92rem;font-weight:600;transition:all .2s;font-family:Inter,sans-serif}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 4px #4318ff0f}.form-row{display:flex;gap:16px;width:100%}.cancel-btn{padding:11px 24px;border-radius:12px;background:transparent;border:1.5px solid var(--border-color);color:var(--secondary-text);font-weight:700;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif;font-size:.88rem}.cancel-btn:hover{background:#f1f5f9;color:#0f172a;border-color:#94a3b8}.confirm-btn{padding:11px 26px;border-radius:12px;background:linear-gradient(135deg,var(--primary-color),#6d3aff);border:none;color:#fff;font-weight:700;cursor:pointer;transition:all .22s;box-shadow:0 4px 14px #4318ff33;font-family:Inter,sans-serif;font-size:.88rem;letter-spacing:.01em}.confirm-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #4318ff4d;filter:brightness(1.05)}.student-table-wrapper{background:#f8fafc;border-radius:16px;border:1px solid var(--border-color);overflow-x:auto}.student-table{width:100%;border-collapse:separate;border-spacing:0}.student-table th{text-align:left;padding:13px 18px;font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:#64748b;background:#f1f5f9;border-bottom:1px solid #e2e8f0;white-space:nowrap;position:sticky;top:0;z-index:2}.student-table td{padding:14px 18px;font-size:.87rem;color:#1e293b;border-bottom:1px solid #f1f5f9;white-space:nowrap;vertical-align:middle}.student-info{display:flex;align-items:center;gap:10px}.student-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.student-table tr:last-child td{border-bottom:none}.student-table tr:hover td{background:#fff}.st-name{font-weight:700}.st-phone{color:#64748b;font-size:.83rem}.st-status{padding:5px 12px;border-radius:8px;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:capitalize;display:inline-block}.st-status.confirmed,.st-status.enrolled{background:#dbeafe;color:#1d4ed8}.st-status.pending{background:#fef9c3;color:#854d0e}.st-status.cancelled{background:#fee2e2;color:#b91c1c}@media screen and (max-width:1024px){.slot-card{grid-template-columns:140px 1fr 140px 120px}}@media screen and (max-width:768px){.schedule-module{padding:10px;gap:20px}.calendar-view,.slots-grid{padding:16px;border-radius:16px}.calendar-header-nav h3{font-size:1rem}.calendar-view{overflow-x:auto;-webkit-overflow-scrolling:touch}.calendar-grid{min-width:600px}.calendar-day{min-height:90px}.slot-card{display:flex;flex-direction:column}.slot-time{border-right:none;border-bottom:1.5px solid var(--border-color);padding:14px 16px}.slot-details{padding:14px 16px}.slot-capacity{border-left:none;border-top:1.5px dashed var(--border-color);padding:14px 16px}.slot-actions{border-left:none;border-top:1.5px solid var(--border-color);flex-direction:row;gap:10px;padding:14px 16px;width:100%;min-width:auto}.slots-grid .edit-btn,.slots-grid .view-students-btn{flex:1;justify-content:center}.section-title{flex-direction:column;align-items:flex-start;gap:14px}.modal-container{width:95%;max-width:none;margin:15px auto}.form-row{flex-direction:column;gap:16px}.student-table-wrapper{overflow-x:auto}.student-table{min-width:500px}}.schedule-tabs-bar{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap!important;padding:0 20px!important}@media(max-width:480px){.schedule-tabs-bar{padding:0 8px!important;gap:0!important}.schedule-tabs-bar .cfg-tab-btn{padding:.85rem .75rem;font-size:.78rem}}.noshow-view{background:var(--card-bg, #fff);border-radius:0 0 18px 18px;box-shadow:0 4px 24px #0000000d;padding:24px 28px 32px;border:1px solid var(--border-color, #e2e8f0);border-top:none;animation:fadeIn .35s ease-out}.noshow-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap;gap:12px}.noshow-title-area{display:flex;align-items:center;gap:12px}.noshow-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#fee2e2,#fecaca);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 10px #b91c1c24;transition:transform .2s}.noshow-icon:hover{transform:scale(1.05)}.noshow-title{font-size:1rem;font-weight:800;color:var(--text-color);line-height:1.2;letter-spacing:-.01em}.noshow-subtitle{font-size:.73rem;color:var(--secondary-text);margin-top:2px}.noshow-refresh-btn{display:flex;align-items:center;gap:7px;padding:8px 18px;background:var(--card-bg, #fff);border:1.5px solid var(--border-color, #e2e8f0);border-radius:10px;cursor:pointer;font-size:.82rem;font-weight:600;color:var(--text-color);transition:all .2s;font-family:Inter,sans-serif;white-space:nowrap;flex-shrink:0}.noshow-refresh-btn:hover{border-color:var(--primary-color, #1a56db);color:var(--primary-color, #1a56db);background:#4318ff08;transform:translateY(-1px);box-shadow:0 4px 12px #4318ff1a}.noshow-refresh-btn svg{transition:transform .4s ease;flex-shrink:0}.noshow-refresh-btn:hover svg{transform:rotate(180deg)}.noshow-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 20px;color:var(--secondary-text);gap:14px}.noshow-loading-spinner{width:36px;height:36px;border:3px solid var(--border-color, #e2e8f0);border-top-color:var(--primary-color, #1a56db);border-radius:50%;animation:noshowSpin .75s linear infinite;flex-shrink:0}@keyframes noshowSpin{to{transform:rotate(360deg)}}.noshow-loading-text{font-size:.85rem;font-weight:600}.noshow-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px 20px;gap:14px;text-align:center}.noshow-empty-icon{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#dcfce7,#bbf7d0);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #16653424;flex-shrink:0}.noshow-empty-title{font-size:1rem;font-weight:800;color:var(--text-color)}.noshow-empty-text{font-size:.82rem;color:var(--secondary-text);max-width:280px}.noshow-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px;border:1px solid var(--border-color, #e2e8f0);background:linear-gradient(to right,var(--card-bg, #fff) 30%,transparent),linear-gradient(to left,var(--card-bg, #fff) 30%,transparent),linear-gradient(to right,rgba(0,0,0,.07),transparent),linear-gradient(to left,rgba(0,0,0,.07),transparent);background-position:left center,right center,left center,right center;background-repeat:no-repeat;background-color:var(--card-bg, #fff);background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}.noshow-data-table{width:100%;border-collapse:collapse;min-width:720px}.noshow-data-table thead tr{background:var(--hover-bg, #f8fafc);border-bottom:2px solid var(--border-color, #e2e8f0)}.noshow-data-table thead th{padding:12px 14px;text-align:left;font-size:.7rem;font-weight:800;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;position:sticky;top:0;background:var(--hover-bg, #f8fafc);z-index:1}.noshow-data-table tbody tr{border-bottom:1px solid var(--border-color, #e2e8f0);transition:background .15s}.noshow-data-table tbody tr:last-child{border-bottom:none}.noshow-data-table tbody tr:hover{background:var(--hover-bg, #f8fafc)}.noshow-data-table td{padding:13px 14px;vertical-align:middle;font-size:.83rem}.noshow-action-group{display:flex;gap:7px;flex-wrap:nowrap;align-items:center}.noshow-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 13px;border-radius:8px;border:none;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .18s;white-space:nowrap;font-family:Inter,sans-serif;letter-spacing:.01em}.noshow-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.noshow-btn:disabled{cursor:not-allowed}.noshow-btn-fee{background:#dcfce7;color:#166534}.noshow-btn-fee:hover{background:#bbf7d0!important}.noshow-btn-reschedule{background:#fef3c7;color:#92400e}.noshow-btn-reschedule:hover:not(:disabled){background:#fde68a!important}.noshow-btn-reschedule:disabled{background:#f1f5f9;color:#94a3b8;opacity:.65}@media(max-width:700px){.noshow-view{padding:16px}.noshow-table-wrap{border-radius:0;border:none;overflow:visible;background:none}.noshow-data-table{min-width:unset;width:100%}.noshow-data-table thead{display:none}.noshow-data-table tbody{display:flex;flex-direction:column;gap:12px}.noshow-data-table tbody tr{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:0;column-gap:0;border:1.5px solid var(--border-color, #e2e8f0);border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #0000000d;background:var(--card-bg, #fff)!important}.noshow-data-table tbody tr:hover{border-color:#4318ff4d;box-shadow:0 4px 16px #4318ff14}.noshow-data-table td{display:flex;flex-direction:column;gap:3px;padding:10px 14px;border-bottom:1px solid var(--border-color, #f1f5f9);background:transparent;font-size:.84rem}.noshow-data-table td:before{content:attr(data-label);font-size:.66rem;font-weight:800;color:var(--secondary-text, #64748b);text-transform:uppercase;letter-spacing:.07em}.noshow-data-table td[data-label=Actions]{grid-column:1 / -1;border-bottom:none;background:var(--hover-bg, #f8fafc);padding:12px 14px}.noshow-data-table td[data-label=Actions]:before{display:none}.noshow-action-group{flex-wrap:wrap}.noshow-btn{flex:1;min-width:0}.noshow-data-table td[data-label=Email]{grid-column:1 / -1}}@media(max-width:600px){.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-container{border-radius:24px 24px 0 0!important;max-width:100%!important;width:100%!important;max-height:92vh;overflow-y:auto;animation:slideUpMobile .38s cubic-bezier(.16,1,.3,1)!important}.modal-body{max-height:68vh}.student-list-modal{max-height:96vh}}@keyframes slideUpMobile{0%{transform:translateY(60%) scale(.98);opacity:.6}to{transform:translateY(0) scale(1);opacity:1}}@media(max-width:520px){.calendar-view{padding:14px;border-radius:14px}.calendar-grid{gap:3px}.calendar-day{min-height:70px;padding:5px 4px;border-radius:10px}.calendar-day .day-num{font-size:.78rem;margin-bottom:3px}.mini-slot-header{display:none}.mini-slot-item{padding:2px 4px;font-size:.56rem}.mini-slot-info .mini-time{display:none}.calendar-header-nav h3{font-size:.92rem}.month-nav-btn{width:32px;height:32px;border-radius:8px}}@media(max-width:540px){.slots-grid{padding:14px;border-radius:14px}.section-title{flex-direction:column;align-items:stretch;gap:12px}.section-title>div:first-child{justify-content:space-between}.section-title h3{font-size:.9rem}.section-title input[type=text]{width:100%!important}}.slot-delete-btn{padding:8px 10px;background:#fee2e2;color:#ef4444;border:1.5px solid #fca5a5;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.slot-delete-btn:hover{background:#fef2f2;border-color:#f87171;transform:translateY(-1px);box-shadow:0 3px 8px #ef444426}[data-theme=dark] .noshow-table-wrap{background:linear-gradient(to right,var(--card-bg) 30%,transparent),linear-gradient(to left,var(--card-bg) 30%,transparent),linear-gradient(to right,rgba(255,255,255,.05),transparent),linear-gradient(to left,rgba(255,255,255,.05),transparent);background-position:left center,right center,left center,right center;background-repeat:no-repeat;background-color:var(--card-bg);background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}[data-theme=dark] .noshow-icon{background:linear-gradient(135deg,#b91c1c33,#dc262626)}[data-theme=dark] .noshow-empty-icon{background:linear-gradient(135deg,#16653433,#16a34a26)}[data-theme=dark] .noshow-btn-fee{background:#16653433;color:#86efac}[data-theme=dark] .noshow-btn-reschedule{background:#92400e33;color:#fcd34d}[data-theme=dark] .noshow-btn-reschedule:disabled{background:#ffffff0f;color:#475569}[data-theme=dark] .noshow-data-table tbody tr{border-bottom-color:#ffffff0f}[data-theme=dark] .noshow-data-table tbody tr:hover{background:#ffffff08!important}[data-theme=dark] .noshow-data-table thead th{background:#ffffff0a}.instructor-assignment-table{min-width:1260px;table-layout:fixed}.instructor-assignment-table th{font-size:.72rem}.instructor-assignment-table td{vertical-align:top;line-height:1.4}.instructor-assignment-table th:nth-child(1),.instructor-assignment-table td:nth-child(1){width:12%}.instructor-assignment-table th:nth-child(2),.instructor-assignment-table td:nth-child(2){width:14%}.instructor-assignment-table th:nth-child(3),.instructor-assignment-table td:nth-child(3){width:11%}.instructor-assignment-table th:nth-child(4),.instructor-assignment-table td:nth-child(4){width:12%}.instructor-assignment-table th:nth-child(5),.instructor-assignment-table td:nth-child(5){width:14%}.instructor-assignment-table th:nth-child(6),.instructor-assignment-table td:nth-child(6){width:12%}.instructor-assignment-table th:nth-child(7),.instructor-assignment-table td:nth-child(7){width:13%}.instructor-assignment-table th:nth-child(8),.instructor-assignment-table td:nth-child(8){width:12%}.instructor-assignment-filter-row{display:flex;align-items:center;gap:10px;margin:0 0 12px;overflow-x:auto;padding-bottom:2px}.instructor-filter-chip{border:1.5px solid #d7deea;background:#fff;color:#1f334d;border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .18s ease}.instructor-filter-chip:hover{border-color:#2563eb;color:#1d4ed8;background:#eff6ff}.instructor-filter-chip.active{background:#1f5fc7;border-color:#1f5fc7;color:#fff;box-shadow:0 4px 10px #1f5fc738}.instructor-assignment-actions{flex-wrap:wrap}[data-theme=dark] .instructor-filter-chip{background:#ffffff0f;border-color:#ffffff26;color:var(--text-color)}[data-theme=dark] .instructor-filter-chip:hover{background:#2563eb26;border-color:#3b82f6;color:#93c5fd}[data-theme=dark] .instructor-filter-chip.active{background:#1f5fc7;border-color:#1f5fc7;color:#fff}@media(max-width:700px){.instructor-assignment-table{min-width:unset}.assignment-instructor-select{width:100%;min-width:0}.instructor-assignment-actions .noshow-btn{flex:1 1 100%}.instructor-assignment-filter-row{gap:8px}.instructor-filter-chip{padding:7px 13px;font-size:.8rem}}.walk-in-container{padding:20px 0;--accent: #3b82f6;--success: #10b981;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.walk-in-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:24px}.header-info h2{font-size:clamp(1.5rem,4vw,1.75rem);color:var(--primary-color);font-weight:800;margin-bottom:6px;letter-spacing:-.025em}.header-info p{color:var(--secondary-text);font-size:clamp(.875rem,2vw,.95rem);line-height:1.5}.step-indicator{display:flex;align-items:center;gap:8px;background:var(--card-bg);padding:12px 20px;border-radius:100px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.step-dot{width:36px;height:36px;border-radius:50%;background:var(--border-color);color:var(--secondary-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.step-dot.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent) 100%);color:#fff;box-shadow:0 0 0 4px var(--primary-light);transform:scale(1.1)}.step-line{width:32px;height:3px;background:var(--border-color);transition:all .3s ease;border-radius:2px}.step-line.active{background:linear-gradient(90deg,var(--primary-color) 0%,var(--accent) 100%)}.enrollment-wizard{background:var(--card-bg);border-radius:24px;padding:48px;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);position:relative;overflow:hidden}.enrollment-wizard:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--accent) 100%)}.form-section{margin-bottom:40px}.form-section:last-of-type{margin-bottom:0}.section-title{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%;gap:12px;margin-bottom:24px}.step-badge{background:var(--primary-light);color:var(--primary-color);width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;flex-shrink:0}.section-title h3{font-size:clamp(1rem,3vw,1.15rem);font-weight:700;color:var(--text-color);letter-spacing:-.01em;margin:0!important;text-align:left!important;width:auto!important}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.form-grid.mt-4{margin-top:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-color);display:flex!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;gap:4px;margin:0}.form-group input,.form-group select{padding:14px 16px;border-radius:12px;border:2px solid var(--border-color);font-size:.95rem;transition:all .2s ease;background:var(--bg-color);color:var(--text-color);font-family:inherit}.form-group input::-moz-placeholder{color:var(--secondary-text);opacity:.7}.form-group input::placeholder{color:var(--secondary-text);opacity:.7}.form-group input:hover,.form-group select:hover{border-color:var(--secondary-text)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);background:var(--card-bg);box-shadow:0 0 0 4px var(--primary-light)}.form-group input:disabled,.form-group select:disabled{background:var(--border-color);cursor:not-allowed;opacity:.6}.form-group.full-width{grid-column:1 / -1}.section-header{margin-bottom:32px}.section-header.center{text-align:center}.section-header.mb-8{margin-bottom:32px}.section-header h2{font-size:clamp(1.5rem,4vw,2rem);color:var(--primary-color);font-weight:800;margin-bottom:8px;letter-spacing:-.025em}.section-header p{color:var(--secondary-text);font-size:clamp(.875rem,2vw,1rem);line-height:1.6}.courses-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.course-row{display:flex;align-items:center;background:#fff;border:1px solid #eef2f6;border-radius:12px;padding:12px 16px;transition:all .2s ease;cursor:pointer;position:relative;gap:16px}.course-row:hover{border-color:#2157da;box-shadow:0 4px 12px #2157da14}.course-row.selected{border-color:#2157da;background:#f8fbff;box-shadow:0 0 0 1px #2157da}.course-thumbnail{width:56px;height:56px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#f1f5f9}.course-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-main-content{flex:1;min-width:0}.course-category-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.course-category-tag{font-size:.65rem;font-weight:800;color:#3b82f6;text-transform:uppercase;letter-spacing:.05em}.no-slots-chip{font-size:.6rem;font-weight:800;background:#fee2e2;color:#ef4444;padding:1px 6px;border-radius:4px;text-transform:uppercase}.course-row-title{font-size:1rem;font-weight:800;color:#1e293b;margin:0 0 2px;text-transform:uppercase}.course-sub-meta{display:flex;align-items:center;gap:8px;font-size:.78rem;color:#94a3b8;font-weight:500}.course-pill-area{display:flex;align-items:center;gap:8px;padding:0 20px}.feature-pill{font-size:.7rem;font-weight:600;color:#94a3b8;background:#f8fafc;padding:4px 10px;border-radius:6px;border:1px solid #f1f5f9;white-space:nowrap}.course-price-area{display:flex;align-items:center;gap:24px;padding-left:20px;border-left:1px solid #f1f5f9}.price-box{text-align:right}.price-value{display:block;font-size:1.4rem;font-weight:950;color:#2157da;line-height:1}.price-label{display:block;font-size:.65rem;font-weight:800;color:#94a3b8;letter-spacing:.05em;margin-top:2px}.row-action-btn{min-width:120px;padding:10px 16px;border-radius:10px;border:none;background:#3b82f6;color:#fff;font-weight:800;font-size:.85rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #3b82f633}.row-action-btn:hover{background:#2157da}.row-action-btn.selected{background:#16a34a}.row-action-btn:disabled{background:#94a3b8;opacity:.7;cursor:not-allowed;box-shadow:none}.no-slots-btn{background:#cbd5e1!important;color:#fff!important;cursor:not-allowed}@media(max-width:900px){.course-row{flex-direction:column;align-items:flex-start;padding:20px}.course-pill-area{padding:10px 0;border-top:1px solid #f1f5f9;margin-top:10px;width:100%;flex-wrap:wrap}.course-price-area{width:100%;padding-left:0;border-left:none;border-top:1px solid #f1f5f9;padding-top:16px;justify-content:space-between}.price-box{text-align:left}}.course-section-container{margin-bottom:32px;background:#fdfdfd;border:1px solid #f1f5f9;border-radius:24px;padding:24px}.course-section-container.regular{border-color:#e2e8f0}.course-section-container.promo{border-color:#fee2e2;background:snow}.course-section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.course-section-header h2{font-size:1.25rem;font-weight:800;color:#0f172a;text-transform:uppercase;letter-spacing:.02em;margin:0}.section-indicator{width:6px;height:28px;border-radius:99px}.course-section-header.regular .section-indicator{background:#2157da}.course-section-header.promo .section-indicator{background:#f59e0b}.section-pill{margin-left:auto;font-size:.7rem;font-weight:800;padding:4px 12px;border-radius:99px;text-transform:uppercase;letter-spacing:.05em}.course-section-header.regular .section-pill{background:#eff6ff;color:#1d4ed8;border:1px solid #dbeafe}.course-section-header.promo .section-pill{background:#fff7ed;color:#b45309;border:1px solid #ffedd5}.course-card{border:2px solid var(--border-color);border-radius:20px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column;background:var(--card-bg);position:relative}.course-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--accent) 100%);transform:scaleX(0);transition:transform .3s ease}.course-card:hover:before{transform:scaleX(1)}.course-card:hover{transform:translateY(-8px);border-color:var(--primary-color);box-shadow:0 12px 30px #2157da26}.course-card.selected{border-color:var(--primary-color);background:#f8fbff;box-shadow:0 0 0 4px #2157da1a}.course-card.selected:before{transform:scaleX(1)}.course-card-check{position:absolute;top:10px;left:10px;width:26px;height:26px;background:#2157da;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;z-index:3;box-shadow:0 2px 8px #2157da66}.select-pkg-btn--selected{background:linear-gradient(135deg,#16a34a,#15803d)!important}.select-pkg-btn--selected:hover{box-shadow:0 8px 16px #16a34a59}.promo-tip-bar{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#f0fdf4;border:1.5px solid #86efac;border-radius:12px;margin-bottom:20px;font-size:.88rem;color:#166534}.promo-bundle-banner{display:flex;align-items:center;gap:16px;margin-top:24px;padding:18px 22px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #22c55e;border-radius:16px;flex-wrap:wrap;box-shadow:0 4px 16px #22c55e26}.promo-bundle-banner__icon{font-size:2rem;flex-shrink:0}.promo-bundle-banner__body{flex:1;min-width:0}.promo-bundle-banner__title{font-size:1rem;font-weight:900;color:#15803d;margin-bottom:6px}.promo-bundle-banner__courses{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.promo-tag{padding:3px 12px;border-radius:20px;font-size:.78rem;font-weight:700;border:1.5px solid}.tdc-tag{background:#4318ff14;color:var(--primary-color);border-color:var(--primary-color)}.pdc-tag{background:#f9731614;color:#ea580c;border-color:#fb923c}.promo-bundle-banner__savings{font-size:.82rem;color:#166534;font-weight:600}.promo-bundle-banner__price{text-align:right;flex-shrink:0}.single-course-hint{display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px 18px;background:var(--primary-light);border:1.5px solid var(--primary-color);border-radius:12px;font-size:.88rem;color:var(--text-color);flex-wrap:wrap}.hint-tip{margin-left:auto;padding:4px 12px;background:#fef3c7;border:1px solid #fde68a;border-radius:20px;font-size:.78rem;font-weight:700;color:#92400e}.course-img{height:180px;position:relative;background:var(--border-color);overflow:hidden}.course-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.course-card:hover .course-img img{transform:scale(1.05)}.course-overlay{position:absolute;bottom:12px;right:12px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent) 100%);color:#fff;padding:6px 14px;border-radius:10px;font-weight:800;font-size:.9rem;box-shadow:0 4px 12px #00000026}.course-info{padding:24px;flex-grow:1;display:flex;flex-direction:column}.course-info h4{font-size:.7rem;color:var(--primary-color);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;font-weight:800}.course-info h3{font-size:1.15rem;font-weight:800;margin-bottom:12px;line-height:1.4;color:#1e293b;min-height:2.8em}.course-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px}.requirement-label{font-size:.62rem;font-weight:800;padding:3px 8px;border-radius:99px;background:#fef3c7;color:#92400e;border:1px solid #fde68a;text-transform:uppercase;letter-spacing:.02em}.course-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.course-meta .duration{font-size:.82rem;color:var(--secondary-text);font-weight:600;margin:0;display:flex;align-items:center;gap:4px}.price-range{font-size:.82rem;font-weight:700;color:#0f172a;background:#f1f5f9;padding:2px 8px;border-radius:6px}.no-slots-badge{position:absolute;top:12px;right:12px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:800;padding:4px 10px;border-radius:20px;text-transform:uppercase;box-shadow:0 4px 10px #ef44444d}.duration{font-size:.875rem;color:var(--secondary-text);margin-bottom:16px;font-weight:500}.features{list-style:none;margin:0 0 24px;padding:0;flex-grow:1}.features li{font-size:.85rem;color:var(--secondary-text);margin-bottom:8px;line-height:1.5}.select-pkg-btn{width:100%;padding:14px 20px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent) 100%);color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1a4fba33}.select-pkg-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #1a4fba4d}.select-pkg-btn:active{transform:translateY(0)}.form-card-inner{margin-top:24px}.selected-course-summary{background:var(--primary-light);border:2px solid var(--primary-color);border-radius:16px;padding:24px;margin-bottom:32px}.payment-summary-card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--card-bg);border:2px solid var(--primary-color);border-radius:16px;padding:18px 22px;margin-bottom:28px}.payment-summary-card__left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.payment-summary-card__icon{width:46px;height:46px;flex-shrink:0;border-radius:12px;background:var(--primary-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center}.payment-summary-card__course-name{font-size:1rem;font-weight:800;color:var(--text-color);margin:0 0 5px;line-height:1.3}.payment-summary-card__meta{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--secondary-text)}.payment-summary-card__pill{background:var(--primary-light);color:var(--primary-color);border:1px solid var(--primary-color);border-radius:20px;padding:2px 9px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.payment-summary-card__dot{color:var(--border-color);font-size:1rem}.payment-summary-card__right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0;padding-left:18px;border-left:2px solid var(--border-color)}.payment-summary-card__type-label{font-size:.68rem;font-weight:800;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.08em}.payment-summary-card__type-value{font-size:.95rem;font-weight:700;color:var(--text-color)}.payment-summary-card__price{font-size:1.35rem;font-weight:900;color:var(--primary-color);line-height:1}.payment-form-section__title{display:flex;align-items:center;gap:7px;font-size:.78rem;font-weight:800;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px}.field-hint{font-size:.75rem;color:var(--primary-color);font-weight:600;margin-left:6px;font-style:normal}.amount-required-row{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:.8rem}.amount-required-row__label{color:var(--secondary-text);font-weight:600}.amount-required-row__value{color:var(--text-color);font-weight:700}.amount-change-badge{margin-left:auto;background:#dcfce7;color:#166534;border:1.5px solid #86efac;border-radius:20px;padding:2px 10px;font-size:.78rem;font-weight:700}.amount-required-row--short .amount-required-row__value{color:#ef4444}.step4-hint{margin:8px 0 0;font-size:.8rem;font-weight:600;color:#dc2626;display:flex;align-items:center;justify-content:flex-end;gap:5px}.step4-hint:before{content:"⚠";font-size:.85rem}@media(max-width:600px){.payment-summary-card{flex-direction:column;align-items:flex-start}.payment-summary-card__right{border-left:none;border-top:2px solid var(--border-color);padding-left:0;padding-top:12px;width:100%;align-items:flex-start;flex-direction:row;justify-content:space-between;align-items:center}}.type-selector-card{background:var(--card-bg);border-radius:16px;padding:20px 24px;margin-bottom:24px;border:2px solid var(--border-color);transition:border-color .2s}.type-selector-card.has-selection{border-color:var(--primary-color)}.type-selector-title{font-size:1rem;font-weight:700;color:var(--text-color);margin:0 0 4px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.type-selector-sub{font-size:.82rem;color:var(--secondary-text);margin-bottom:14px;line-height:1.5}.type-btn-group{display:flex;gap:10px;flex-wrap:wrap}.type-btn{padding:11px 22px;font-size:.92rem;font-weight:600;background:var(--card-bg);color:var(--text-color);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .25s ease;white-space:nowrap}.type-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.type-btn.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent) 100%);color:#fff;border-color:var(--primary-color);font-weight:700;box-shadow:0 4px 12px #1a4fba40;transform:translateY(-2px)}.type-btn.active:hover{transform:translateY(-2px)}.type-btn.type-btn--disabled,.type-btn.type-btn--disabled:hover{opacity:.48;cursor:not-allowed;background:var(--bg-secondary, #f1f5f9);color:var(--muted-text, #9ca3af);border-color:var(--border-color);transform:none;box-shadow:none;flex-direction:column;align-items:flex-start;gap:2px}.type-btn__no-slots{display:block;font-size:.65rem;font-weight:700;color:#ef4444;letter-spacing:.03em;line-height:1}.type-btn.type-btn--checking,.type-btn.type-btn--checking:hover{opacity:.6;cursor:not-allowed;transform:none}.type-error-msg{margin-top:10px;font-size:.8rem;color:#dc2626;display:flex;align-items:center;gap:5px}.walkin-schedule-theme .selected-course-summary{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 6px 18px #0f172a0f;padding:16px 18px}.walkin-schedule-theme .type-selector-card,.walkin-schedule-theme .policy-banner,.walkin-schedule-theme .slots-section{background:#fff;border-color:#e5e7eb;border-radius:16px;box-shadow:0 8px 22px #0f172a0d}.walkin-schedule-theme .slots-section{padding:18px}.walkin-schedule-theme .schedule-calendar-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 10px 24px #0f172a0f;padding:18px}.walkin-schedule-theme .month-nav-btn-icon{width:40px;height:40px;padding:0;border-radius:12px;border-width:1px}.walkin-schedule-theme .month-nav-btn-icon:hover{background:#eff6ff;border-color:#2157da}.walkin-schedule-theme .month-label{font-size:1.1rem;font-weight:900;color:#111827}.walkin-schedule-theme .calendar-grid-7{gap:8px}.walkin-schedule-theme .cal-day-header{color:#9ca3af;font-weight:800;letter-spacing:.08em}.walkin-schedule-theme .cal-day{border-width:1px;border-color:#e5e7eb;border-radius:14px;background:#fff;box-shadow:0 1px 2px #0f172a0a}.walkin-schedule-theme .cal-day:hover:not(.cal-day--disabled){border-color:#2157da;background:#eff6ff;box-shadow:0 8px 18px #2157da26}.walkin-schedule-theme .cal-day--selected{background:#dbeafe!important;border-color:#2157da!important;box-shadow:0 8px 18px #2157da2e!important}.schedule-banner{border-radius:14px;padding:14px 18px;margin-bottom:20px;border:2px solid;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.schedule-banner--info{background:var(--primary-light);border-color:var(--primary-color)}.schedule-banner--success{background:#dcfce7;border-color:#22c55e}.schedule-banner__icon{flex-shrink:0}.schedule-banner__body{flex:1;min-width:0}.schedule-banner__title{font-weight:700;font-size:.95rem;margin-bottom:3px}.schedule-banner--info .schedule-banner__title{color:var(--primary-color)}.schedule-banner--success .schedule-banner__title{color:#15803d}.schedule-banner__desc{font-size:.85rem}.schedule-banner--info .schedule-banner__desc{color:var(--text-color)}.schedule-banner--success .schedule-banner__desc{color:#166534}.schedule-banner__actions{display:flex;gap:6px;flex-wrap:wrap;flex-shrink:0}.change-btn{padding:7px 13px;border-radius:8px;font-size:.8rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;transition:all .2s}.change-btn--primary{border:1.5px solid var(--primary-color);background:#fff;color:var(--primary-color)}.change-btn--primary:hover{background:var(--primary-light)}.change-btn--green{border:1.5px solid #22c55e;background:#fff;color:#15803d}.change-btn--green:hover{background:#dcfce7}.change-btn--grey{border:1.5px solid #94a3b8;background:#fff;color:#475569}.change-btn--grey:hover{background:#f1f5f9}.policy-banner{background:var(--primary-light);border:2px solid var(--primary-color);border-radius:14px;padding:14px 18px;margin-bottom:24px;display:flex;align-items:center;gap:14px}.policy-banner__text{flex:1}.policy-banner__title{font-weight:700;color:var(--primary-color);margin-bottom:2px;font-size:.95rem}.policy-banner__desc{font-size:.875rem;color:var(--text-color)}.schedule-calendar-wrap{margin-bottom:28px;overflow-x:auto;-webkit-overflow-scrolling:touch}.month-nav-bar{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:18px}.month-nav-btn-icon{background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:10px;padding:8px 14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s,box-shadow .2s;flex-shrink:0}.month-nav-btn-icon:hover{border-color:var(--primary-color);background:var(--primary-light);box-shadow:0 2px 8px #4318ff1a}.month-nav-btn-icon:disabled{opacity:.35;cursor:not-allowed}.month-nav-btn-icon:disabled:hover{border-color:var(--border-color);background:var(--card-bg);box-shadow:none}.month-label{font-size:1.15rem;font-weight:800;color:var(--text-color);margin:0;text-align:center;min-width:190px;letter-spacing:-.01em}.calendar-grid-7{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:auto;gap:5px;min-width:560px;align-items:start}.cal-day-header{text-align:center;font-weight:700;font-size:.72rem;padding:6px 4px 10px;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.06em}.cal-day{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-radius:12px;border:1.5px solid var(--border-color);background:var(--card-bg);cursor:pointer;transition:all .18s ease;position:relative;min-height:138px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.cal-day-num{display:block;width:100%;text-align:center;padding:9px 6px 6px;font-size:.88rem;font-weight:600;color:var(--text-color);flex-shrink:0;line-height:1}.cal-day.no-slots{background:var(--card-bg)}.cal-day.has-slots{border-color:#f9731652;background:#f9731606;box-shadow:0 2px 8px #f9731612}.cal-day.full-slots{border-color:#ef444447;background:#ef444406}.cal-day:hover:not(.cal-day--disabled){border-color:var(--primary-color);border-width:2px;background:var(--primary-light);transform:translateY(-2px);box-shadow:0 6px 18px #4318ff1f;z-index:1}.cal-day--selected{border-color:var(--primary-color)!important;border-width:2px!important;background:#4318ff0f!important;box-shadow:0 4px 16px #4318ff24!important;z-index:2}.cal-day--selected .cal-day-num,.cal-day--today .cal-day-num{color:var(--primary-color);font-weight:800}.cal-day--today-dot{position:absolute;top:7px;right:7px;width:6px;height:6px;border-radius:50%;background:var(--primary-color);opacity:.7}.cal-day--disabled{background:var(--bg-color)!important;border-color:transparent!important;color:silver!important;cursor:not-allowed;opacity:.45;box-shadow:none!important}.cal-day--disabled .cal-day-num{color:silver}.cal-day--pad{border:none;background:transparent;cursor:default;min-height:138px;box-shadow:none!important}.cal-day--pad:hover{transform:none;box-shadow:none;border:none;background:transparent}.cal-day .day-slots-container{display:flex;flex-direction:column;gap:4px;padding:0 5px 7px;flex:1;overflow:hidden}.cal-day .mini-slot-item{padding:4px 6px 5px;border-radius:7px;display:flex;flex-direction:column;gap:2px;border:1px solid transparent;pointer-events:none;flex-shrink:0}.cal-day .mini-slot-info{display:flex;justify-content:space-between;align-items:baseline;gap:3px}.cal-day .mini-slot-label{font-size:.62rem;font-weight:800;letter-spacing:.01em;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.cal-day .mini-status{font-size:.56rem;font-weight:700;flex-shrink:0;padding:0 3px;border-radius:3px;background:#0000000f;line-height:1.6}.cal-day .mini-slot-time{font-size:.57rem;font-weight:500;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.cal-day .mini-slot-item.tdc{background:#4318ff14;color:var(--primary-color);border-color:#4318ff24}.cal-day-header-mini{display:flex;justify-content:space-between;align-items:center;padding:8px 10px 4px}.cal-day-num{font-size:13px;font-weight:700;color:#4b5563}.day-slots-container{display:flex;flex-direction:column;gap:4px;padding:0 6px 10px}.session-sub-box{padding:5px 7px;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;overflow:hidden;gap:2px}.session-sub-box.morning{background-color:#fff7ed;border-color:#ffedd5;color:#c2410c}.session-sub-box.afternoon{background-color:#fefce8;border-color:#fef9c3;color:#a16207}.session-sub-box.whole{background-color:#eff6ff;border-color:#dbeafe;color:#1d4ed8}.session-sub-box:hover:not(.full):not(.selected){transform:translateY(-1px);box-shadow:0 2px 5px #0000000d}.session-sub-box.selected{background-color:#2563eb!important;border-color:#2563eb!important;color:#fff!important;box-shadow:0 2px 6px #2563eb33!important}.session-sub-label-text{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.02em}.session-sub-count-tag{font-size:8px;font-weight:700;padding:1px 4px}.session-sub-time-mini{font-size:8px;font-weight:500}.session-sub-box.full{background-color:#fef2f2!important;border-color:#fee2e2!important;color:#ef4444!important;opacity:.7;cursor:not-allowed}.session-sub-box.type-btn--disabled{background-color:#f1f5f9!important;border-color:#cbd5e1!important;color:#94a3b8!important;opacity:.6;cursor:not-allowed;position:relative;overflow:hidden}.session-sub-box.type-btn--disabled:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent,transparent 3px,rgba(148,163,184,.25) 3px,rgba(148,163,184,.25) 5px);pointer-events:none;border-radius:inherit}.session-sub-box.type-btn--disabled:hover{transform:none!important;box-shadow:none!important;background-color:#fee2e2!important;border-color:#fca5a5!important;color:#dc2626!important;opacity:.8;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.session-sub-box:hover:not(.full):not(.selected).type-btn--disabled{transform:none;box-shadow:none}@keyframes session-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.session-sub-box.type-btn--disabled:active{animation:session-shake .35s ease}.cal-day{min-height:140px;border-radius:12px}.cal-day--selected{border:2px solid #2563eb!important;background-color:#f0f7ff!important}.calendar-legend-minimal{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px;padding:16px;border-top:1px solid #e5e7eb;justify-content:center}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#4b5563}.legend-item .dot{width:12px;height:12px;border-radius:50%}.dot--has-slots{background-color:#ffedd5;border:2px solid #fb923c}.dot--selected{background-color:#2563eb}.dot--today{border:2px solid #2563eb}.dot--full{background-color:#fecaca}.legend-item .box{width:14px;height:14px;border-radius:4px}.box--pdc{background-color:#fff7ed;border:1.5px solid #ffedd5}.box--tdc{background-color:#f5f3ff;border:1.5px solid #ddd6fe}.tdc-month-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}.tdc-month-dot{height:8px;border-radius:4px;background:var(--border-color);cursor:pointer;transition:all .3s ease}.tdc-month-dot--active{background:var(--primary-color)}.walk-in-container .slots-section{margin-top:28px}.walk-in-container .slots-header{font-size:1.05rem;font-weight:700;color:var(--text-color);margin-bottom:16px}.walk-in-container .session-filter-bar{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.walk-in-container .session-filter-btn{padding:8px 16px;border-radius:20px;border:1.5px solid var(--border-color);background:var(--card-bg);color:var(--text-color);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.walk-in-container .session-filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.walk-in-container .session-filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.walk-in-container .day2-lock-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;padding:8px 16px;background:var(--primary-light);border:1.5px solid var(--primary-color);border-radius:20px;font-size:.875rem;color:var(--primary-color);font-weight:700}.walk-in-container .slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.walk-in-container .slot-card{border:2px solid var(--border-color);border-radius:16px;background:var(--card-bg);cursor:pointer;overflow:hidden;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.walk-in-container .slot-card:hover{border-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 8px 24px #00000017}.walk-in-container .slot-card--selected{border-color:var(--primary-color);background:var(--primary-light);transform:translateY(-2px);box-shadow:0 6px 20px #1a4fba26}.walk-in-container .slot-card__accent{height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent));flex-shrink:0}.walk-in-container .slot-card__body{padding:16px 18px 14px;display:flex;flex-direction:column;gap:10px;flex:1}.walk-in-container .slot-card__top{display:flex;align-items:flex-start;gap:12px}.walk-in-container .slot-card__icon{width:38px;height:38px;border-radius:10px;background:var(--primary-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.walk-in-container .slot-card--selected .slot-card__icon{background:#1a4fba2e;color:var(--primary-color)}.walk-in-container .slot-card__session{font-size:.95rem;font-weight:800;color:var(--text-color);margin:0;line-height:1.3}.walk-in-container .slot-card__time{font-size:.78rem;color:var(--secondary-text);margin:0;font-weight:500;white-space:nowrap}.walk-in-container .slot-card__chip{display:inline-block;padding:3px 10px;background:#1a4fba14;color:var(--primary-color);border-radius:20px;font-size:.72rem;font-weight:700;border:1.5px solid var(--primary-color);letter-spacing:.03em;align-self:flex-start;text-transform:uppercase}.walk-in-container .slot-card--selected .slot-card__chip{background:#1a4fba26;border-color:var(--primary-color)}.walk-in-container .slot-card__footer{padding-top:10px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;align-items:center;gap:8px}.walk-in-container .slot-card--selected .slot-card__footer{border-top-color:#1a4fba33}.walk-in-container .slot-card__date-row{display:flex;align-items:center;gap:6px;font-size:.84rem;color:var(--text-color);font-weight:700;flex:1;min-width:0;border-bottom:1px solid var(--border-color);padding-bottom:10px}.walk-in-container .slot-card--selected .slot-card__date-row{border-bottom-color:#1a4fba33}.walk-in-container .slot-card__date-row svg{flex-shrink:0;color:var(--primary-color)}.walk-in-container .slot-card__avail-badge{display:flex;align-items:baseline;gap:2px;padding:4px 10px;border-radius:20px;background:#dcfce7;color:#166534;font-weight:800;font-size:.85rem;border:1.5px solid #86efac;white-space:nowrap;flex-shrink:0}.walk-in-container .slot-card__avail-badge span{font-size:.75rem;font-weight:400;opacity:.7}.walk-in-container .slot-card__avail-badge--low{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.walk-in-container .slots-empty{text-align:center;padding:40px 24px;background:var(--bg-color);border-radius:14px;border:2px dashed var(--border-color);color:var(--secondary-text)}.walk-in-container .slots-empty__title{font-size:1rem;font-weight:600;margin:0 0 8px}.walk-in-container .slots-empty__sub{font-size:.875rem;margin:0}.walk-in-container .slots-loading{text-align:center;padding:40px;color:var(--secondary-text);font-size:.95rem}@media(max-width:900px){.calendar-grid-7{min-width:600px;gap:4px}.cal-day,.cal-day--pad{min-height:130px}}@media(max-width:600px){.type-btn-group{flex-direction:column}.type-btn{width:100%;text-align:center;justify-content:center}.schedule-banner{flex-direction:column;align-items:flex-start}.schedule-banner__actions{width:100%;justify-content:flex-start}.month-label{min-width:130px;font-size:1rem}.calendar-grid-7{min-width:460px;gap:3px}.cal-day{min-height:112px;border-radius:8px}.cal-day--pad{min-height:112px}.cal-day-num{font-size:.78rem;padding:7px 5px 5px}.cal-day .day-slots-container{padding:0 3px 5px;gap:3px}.cal-day .mini-slot-item{padding:3px 4px;border-radius:5px}.cal-day .mini-slot-label{font-size:.56rem}.cal-day .mini-slot-time{font-size:.52rem}.cal-day .mini-status{font-size:.5rem}.month-nav-btn-icon{padding:7px 10px}.slots-grid{grid-template-columns:1fr}.session-filter-bar{gap:6px}.session-filter-btn{padding:7px 12px;font-size:.82rem}}.summary-label{font-size:.75rem;text-transform:uppercase;color:var(--primary-color);font-weight:800;letter-spacing:1px;margin-bottom:8px}.summary-value{font-size:1.125rem;font-weight:700;color:var(--text-color);margin-bottom:16px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-6{margin-bottom:24px}.block{display:block}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.flex{display:flex}.gap-2{gap:8px}.px-4{padding-left:16px;padding-right:16px}.py-1\.5{padding-top:6px;padding-bottom:6px}.rounded-full{border-radius:9999px}.border{border-width:2px;border-style:solid}.border-gray-300{border-color:var(--border-color)}.transition-all{transition:all .2s ease}.bg-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent) 100%)}.text-white{color:#fff}.border-primary{border-color:var(--primary-color)}.ml-2{margin-left:8px;display:inline-block;vertical-align:middle}.mr-2{margin-right:8px;display:inline-block;vertical-align:middle}.step-actions{margin-top:48px;padding-top:24px;border-top:2px solid var(--border-color);display:flex;justify-content:flex-end;gap:16px;flex-wrap:wrap}.step-actions--always{margin-top:24px;padding-top:20px;border-top:1.5px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.cal-legend-row{display:flex;gap:16px;justify-content:center;align-items:center;padding:10px 0 14px;border-bottom:1px solid #e5e7eb;margin-bottom:10px;flex-wrap:wrap}.cal-legend-item{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.cal-legend-dot{width:10px;height:10px;border-radius:3px;display:inline-block;flex-shrink:0}.morning-legend{color:#9a3412}.morning-dot{background:#fff7ed;border:1.5px solid #fed7aa}.afternoon-legend{color:#713f12}.afternoon-dot{background:#fefce8;border:1.5px solid #fde68a}.whole-legend{color:#1e3a5f}.whole-dot{background:#eff6ff;border:1.5px solid #bfdbfe}.next-btn,.submit-enroll-btn{padding:16px 32px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent) 100%);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #1a4fba33;transition:all .3s ease;min-width:140px;display:inline-flex;align-items:center;justify-content:center}.next-btn:hover,.submit-enroll-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #1a4fba4d}.next-btn:active,.submit-enroll-btn:active{transform:translateY(0)}.back-btn{padding:16px 32px;background:var(--card-bg);color:var(--text-color);border:2px solid var(--border-color);border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;min-width:140px;display:inline-flex;align-items:center;justify-content:center}.back-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-light)}.review-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px}.review-section{background:var(--bg-color);padding:24px;border-radius:16px;border:2px solid var(--border-color)}.review-section h4{color:var(--primary-color);font-size:.85rem;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:16px;font-weight:800;border-bottom:2px solid var(--primary-color);padding-bottom:8px}.payment-summary-card{background:#fff;border:2px solid #2157da;border-radius:20px;padding:24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;box-shadow:0 4px 15px #2157da14}.payment-summary-card__left{display:flex;align-items:center;gap:16px}.payment-summary-card__icon{width:48px;height:48px;background:var(--primary-light);color:var(--primary-color);border-radius:14px;display:flex;align-items:center;justify-content:center}.payment-summary-card__course-name{font-size:1.1rem;font-weight:800;color:#1e293b;margin-bottom:4px}.payment-summary-card__meta{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#64748b;font-weight:600}.payment-summary-card__pill{background:#f1f5f9;padding:2px 8px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase}.payment-summary-card__right{text-align:right}.payment-summary-card__type-label{font-size:.7rem;font-weight:800;color:#94a3b8;letter-spacing:.05em}.payment-summary-card__type-value{font-size:.9rem;font-weight:800;color:#1e293b;text-transform:uppercase}.payment-summary-card__price{font-size:1.5rem;font-weight:900;color:var(--primary-color)}.payment-form-section{margin-bottom:24px}.payment-form-section__title{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:20px}.payment-form-section__title svg{color:var(--primary-color);opacity:.8}.addon-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:12px}.addon-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:16px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:16px;position:relative;overflow:hidden}.addon-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.addon-card.selected{border-color:var(--primary-color);background-color:#f8fafc;box-shadow:0 4px 15px #2157da1a}.addon-icon{width:44px;height:44px;background:#f1f5f9;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s ease}.addon-card.selected .addon-icon{background:var(--primary-light);color:var(--primary-color)}.addon-info{flex:1}.addon-name{font-size:.9rem;font-weight:700;color:#1e293b;margin-bottom:2px}.addon-price{font-size:.85rem;font-weight:600;color:#64748b}.addon-check{width:20px;height:20px;border-radius:50%;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:transparent;transition:all .2s ease}.addon-card.selected .addon-check{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.payment-breakdown{background:#f8fafc;border-radius:20px;padding:24px;border:1px solid #e2e8f0;margin-bottom:30px}.breakdown-title{display:block;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.breakdown-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.95rem;font-weight:600;color:#475569}.breakdown-row.total{margin-top:18px;padding-top:18px;border-top:2px solid #e2e8f0;color:#1e293b;font-size:1.15rem;font-weight:900}.field-hint{display:block;font-size:.75rem;color:#64748b;margin-top:4px;font-weight:500}.amount-required-row{margin-top:12px;padding:10px 14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:.85rem}.amount-required-row__label{font-weight:700;color:#166534}.amount-required-row__value{font-weight:800;color:#15803d;font-size:1rem}.amount-change-badge{margin-left:auto;background:#15803d;color:#fff;padding:2px 8px;border-radius:6px;font-weight:800;font-size:.7rem;text-transform:uppercase}.amount-required-row--short{background:#fff1f2;border-color:#fecaca}.amount-required-row--short .amount-required-row__label,.amount-required-row--short .amount-required-row__value{color:#991b1b}.step4-hint{text-align:right;font-size:.8rem;font-weight:700;color:#ef4444;margin-top:8px;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.review-section p{font-size:.95rem;margin-bottom:12px;color:var(--text-color);line-height:1.6}.review-section p strong{color:var(--secondary-text);font-weight:600;font-size:.85rem;display:block;margin-bottom:4px}.animate-fadeIn{animation:fadeIn .5s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.form-grid{grid-template-columns:repeat(2,1fr)}.courses-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(max-width:1024px){.enrollment-wizard{padding:36px}.form-section{margin-bottom:32px}}@media(max-width:768px){.walk-in-container{padding:16px 0}.walk-in-header{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:24px}.step-indicator{width:100%;justify-content:center;padding:10px 16px;order:-1}.step-dot{width:32px;height:32px;font-size:.8rem}.step-line{width:24px}.enrollment-wizard{padding:24px;border-radius:16px}.form-grid{grid-template-columns:1fr;gap:16px}.form-group.full-width{grid-column:1}.courses-grid{grid-template-columns:1fr;gap:20px}.course-card{max-width:100%}.step-actions{flex-direction:column-reverse;gap:12px;margin-top:32px}.next-btn,.submit-enroll-btn,.back-btn{width:100%;padding:14px 24px}.review-container{grid-template-columns:1fr;gap:20px}}@media(max-width:480px){.header-info h2{font-size:1.35rem}.enrollment-wizard{padding:20px}.form-group input,.form-group select{padding:12px 14px;font-size:.9rem}.course-img{height:160px}.course-info{padding:20px}.step-actions{margin-top:24px}}@media print{.walk-in-header,.step-indicator,.step-actions{display:none}.enrollment-wizard{box-shadow:none;border:1px solid #000}}.hint-title-row{display:flex;align-items:center;gap:8px}.hint-info-badge{width:24px;height:24px;background-color:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900}.animate-fadeIn{animation:fadeIn .5s ease-out}.svg-mr-2{margin-right:8px}.svg-ml-2{margin-left:8px}.cal-day-header-mini{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 4px}.cal-day-num{font-size:13px;font-weight:700}.cal-today-dot{width:6px;height:6px;border-radius:50%;background-color:#2157da;opacity:.6;flex-shrink:0}.today-text{color:#2157da}.session-sub-content-header{display:flex;align-items:center;justify-content:space-between;gap:4px;line-height:1;margin-bottom:4px}.session-sub-label-text{font-size:9px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-sub-count-tag{font-size:8px;font-weight:700;padding:0 4px;border-radius:4px;background-color:#fff3}.session-sub-time-mini{font-size:7px;font-weight:500;opacity:.8}.spinner{animation:spin 1s linear infinite}.opacity-25{opacity:.25}.opacity-75{opacity:.75}:root{--cfg-blue: #3b82f6;--cfg-blue-dark: #2563eb;--cfg-indigo: #6366f1;--cfg-indigo-dark: #4f46e5;--cfg-emerald: #10b981;--cfg-rose: #f43f5e;--cfg-amber: #f59e0b;--cfg-slate-50: #f8fafc;--cfg-slate-100: #f1f5f9;--cfg-slate-200: #e2e8f0;--cfg-slate-300: #cbd5e1;--cfg-slate-400: #94a3b8;--cfg-slate-500: #64748b;--cfg-slate-600: #475569;--cfg-slate-700: #334155;--cfg-slate-800: #1e293b;--cfg-slate-900: #0f172a;--cfg-grad: linear-gradient(135deg, #6366f1, #3b82f6);--cfg-grad-green: linear-gradient(135deg, #10b981, #059669);--cfg-shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--cfg-shadow-md: 0 4px 20px rgba(0,0,0,.09);--cfg-shadow-lg: 0 12px 40px rgba(0,0,0,.12);--cfg-shadow-glow: 0 0 0 3px rgba(99,102,241,.2);--cfg-radius: 12px;--cfg-radius-lg: 18px;--cfg-radius-xl: 24px;--cfg-transition: .22s cubic-bezier(.4,0,.2,1);--cfg-spring: .35s cubic-bezier(.34,1.56,.64,1)}*{box-sizing:border-box}.cfg-root{padding:0;background:#f4f6fb;min-height:100vh;font-family:Inter,sans-serif;text-align:left}.cfg-hero{background:linear-gradient(135deg,#fff,#fafaff 40%,#f0f2ff);border-bottom:1px solid #e4e7f7;padding:2.25rem 3rem 0;position:relative;overflow:hidden}.cfg-hero:before{content:"";position:absolute;top:-60px;right:-80px;width:380px;height:380px;background:radial-gradient(circle,rgba(99,102,241,.09) 0%,transparent 65%);pointer-events:none}.cfg-hero:after{content:"";position:absolute;bottom:0;left:3%;width:260px;height:180px;background:radial-gradient(ellipse,rgba(59,130,246,.07) 0%,transparent 70%);pointer-events:none}.cfg-hero-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap;position:relative;z-index:1}.cfg-hero-left{display:flex;align-items:center;gap:1.25rem;padding-bottom:1.75rem}.cfg-hero-icon{width:54px;height:54px;border-radius:var(--cfg-radius-lg);background:var(--cfg-grad);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 18px #6366f159}.cfg-hero-text h1{font-size:1.7rem;font-weight:800;color:var(--cfg-slate-900);letter-spacing:-.03em;line-height:1.2}.cfg-hero-text p{font-size:.83rem;color:var(--cfg-slate-500);margin-top:4px}.cfg-hero-stats{display:flex;gap:.75rem;padding-bottom:1.75rem;flex-wrap:wrap;align-items:center}.cfg-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.7rem 1.4rem;background:#fff;border:1px solid #dde3f8;border-radius:14px;box-shadow:0 2px 8px #6366f114;min-width:90px}.cfg-stat-val{font-size:1.6rem;font-weight:800;color:var(--cfg-indigo-dark);letter-spacing:-.03em;line-height:1}.cfg-stat-lbl{font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--cfg-slate-400)}.cfg-tabs-bar{display:flex;gap:4px;padding:0;position:relative;z-index:2;margin-top:1.5rem;border-bottom:none;width:-moz-fit-content;width:fit-content}.cfg-tab-btn{display:flex;align-items:center;gap:8px;padding:.8rem 1.5rem;border:none;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--cfg-slate-400);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--cfg-transition);font-family:Inter,sans-serif;letter-spacing:-.01em;white-space:nowrap;position:relative}.cfg-tab-btn:hover:not(.active){color:var(--cfg-slate-700);border-bottom-color:var(--cfg-slate-300);background:#6366f10a;border-radius:8px 8px 0 0}.cfg-tab-btn.active{color:var(--cfg-indigo-dark);border-bottom-color:var(--cfg-indigo);font-weight:700;background:#6366f10d;border-radius:8px 8px 0 0}.cfg-tab-icon{display:flex;align-items:center;justify-content:center;opacity:.7;transition:all var(--cfg-transition)}.cfg-tab-btn.active .cfg-tab-icon{opacity:1;color:var(--cfg-indigo)}.cfg-content{padding:2.5rem 3rem;max-width:1400px;margin:0 auto}.cfg-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;margin-bottom:2rem;flex-wrap:wrap}.cfg-search{position:relative;flex:1;max-width:420px;min-width:180px}.cfg-search>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--cfg-slate-400);pointer-events:none}.cfg-search input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1.5px solid var(--cfg-slate-200);border-radius:var(--cfg-radius-xl);font-size:.875rem;color:var(--cfg-slate-800);background:#fff;transition:all var(--cfg-transition);font-family:Inter,sans-serif;outline:none;box-shadow:var(--cfg-shadow-sm)}.cfg-search input:focus{border-color:var(--cfg-indigo);box-shadow:var(--cfg-shadow-glow)}.cfg-search input::-moz-placeholder{color:var(--cfg-slate-400)}.cfg-search input::placeholder{color:var(--cfg-slate-400)}.cfg-add-btn{display:flex;align-items:center;gap:8px;padding:.75rem 1.5rem;background:var(--cfg-grad);color:#fff;border:none;border-radius:var(--cfg-radius-xl);font-size:.875rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #6366f166;transition:all var(--cfg-spring);font-family:Inter,sans-serif;white-space:nowrap}.cfg-add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f180}.cfg-add-btn:active{transform:scale(.97)}.cfg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.branch-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.cfg-card{background:#fff;border:1px solid #e8ecf8;border-radius:var(--cfg-radius-lg);padding:0;display:flex;flex-direction:column;transition:all var(--cfg-transition);box-shadow:0 2px 12px #6366f10f,0 1px 3px #0000000a;position:relative;overflow:hidden;text-align:left}.cfg-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--cfg-grad);opacity:.4;transition:opacity var(--cfg-transition)}.cfg-card:hover{border-color:#c7d2fe;box-shadow:0 10px 36px #6366f124,0 2px 8px #0000000f;transform:translateY(-4px)}.cfg-card:hover:before{opacity:1}.cfg-card.system-role:before{opacity:1}.cfg-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;min-height:115px;padding:1.5rem 1.5rem 1rem}.cfg-card-avatar{width:48px;height:48px;border-radius:var(--cfg-radius);background:var(--cfg-grad);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px #6366f14d}.cfg-card-title-group{flex:1}.cfg-card-title-group h3{font-size:.95rem;font-weight:700;color:var(--cfg-slate-800);letter-spacing:-.01em}.branch-card .cfg-card-header{display:grid;grid-template-columns:48px minmax(0,1fr) auto;-moz-column-gap:12px;column-gap:12px}.branch-card .cfg-card-title-group{min-width:0}.branch-card-title{margin:0;line-height:1.35;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.branch-card .cfg-card-actions{margin-left:4px}.cfg-badge{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:3px 10px;border-radius:99px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.cfg-system-badge{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:3px 10px;border-radius:99px;font-size:.68rem;font-weight:700;background:#6366f11a;color:var(--cfg-indigo-dark);border:1px solid rgba(99,102,241,.2)}.cfg-custom-badge{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:3px 10px;border-radius:99px;font-size:.68rem;font-weight:600;background:var(--cfg-slate-100);color:var(--cfg-slate-500);border:1px solid var(--cfg-slate-200)}.cfg-card-actions{display:flex;gap:6px;flex-shrink:0}.cfg-icon-btn{width:32px;height:32px;border:1.5px solid var(--cfg-slate-200);border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--cfg-transition);color:var(--cfg-slate-500)}.cfg-icon-btn:hover{background:var(--cfg-slate-100);color:var(--cfg-slate-800);border-color:var(--cfg-slate-300);transform:translateY(-1px)}.cfg-icon-btn.danger:hover{background:#fff1f2;color:var(--cfg-rose);border-color:#fecdd3}.cfg-icon-btn.qr:hover{background:#eef2ff;color:var(--cfg-indigo);border-color:#c7d2fe}.branch-card{border:1.5px solid #eef2f7;background:linear-gradient(to bottom,#fff,#fcfdff)}.branch-card .cfg-card-avatar{background:linear-gradient(135deg,#4f46e5,#3b82f6);box-shadow:0 8px 20px -5px #3b82f666}.branch-card:hover{border-color:#cbd5e1;box-shadow:0 20px 40px -12px #6366f11f,0 8px 20px -8px #0000000d}.cfg-badge.active{background:#ecfdf5;color:#059669;border:1px solid #d1fae5}.cfg-card-info{display:flex;flex-direction:column;gap:.55rem;padding:0 1.5rem}.cfg-info-row{display:flex;align-items:flex-start;gap:10px}.cfg-info-icon{width:28px;height:28px;border-radius:8px;background:var(--cfg-slate-100);color:var(--cfg-slate-500);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cfg-info-text{flex:1}.cfg-info-text .lbl{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--cfg-slate-400);margin-bottom:2px}.cfg-info-text .val{font-size:.83rem;color:var(--cfg-slate-700);font-weight:500;word-break:break-word}.cfg-card-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid var(--cfg-slate-100);margin-top:1rem}.cfg-verified-badge{display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;color:var(--cfg-slate-400)}.cfg-active-dot{display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;color:#059669}.cfg-dot-pulse{width:7px;height:7px;border-radius:50%;background:var(--cfg-emerald);animation:dotPulse 2s infinite}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.35)}}.cfg-role-code{display:inline-block;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.74rem;font-weight:600;background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;padding:3px 8px;border-radius:6px;margin-top:8px}.cfg-role-desc{font-size:.82rem;color:var(--cfg-slate-500);line-height:1.6}.cfg-perm-count{font-size:.72rem;font-weight:600;color:var(--cfg-slate-400)}.cfg-card.role-card:before{display:none}.role-card-banner{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.25rem 1.5rem;position:relative;border-radius:var(--cfg-radius-lg) var(--cfg-radius-lg) 0 0}.role-card-banner:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:14px;background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0}[data-theme=dark] .role-card-banner:after{background:#1e293b}.role-card-banner-avatar{width:52px;height:52px;border-radius:14px;background:#ffffff38;border:1.5px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.role-card-banner-actions{display:flex;gap:6px;z-index:1}.role-icon-btn{width:30px;height:30px;border:1.5px solid rgba(255,255,255,.35);border-radius:9px;background:#ffffff26;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--cfg-transition);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.role-icon-btn:hover{background:#ffffff4d;border-color:#fff9}.role-icon-btn.danger:hover{background:#ef44448c;border-color:#ef444499}.role-card-body{padding:.25rem 1.4rem .75rem;display:flex;flex-direction:column;flex:1}.role-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.65rem}.role-card-name{font-size:1.05rem;font-weight:800;color:var(--cfg-slate-800);letter-spacing:-.02em;line-height:1.2}.role-card-body .cfg-role-code{margin-top:0;margin-bottom:.75rem;font-size:.76rem}.role-card-body .cfg-role-desc{margin-top:0;flex:1}.role-card-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.4rem;border-top:1px solid #f1f3fb;margin-top:auto}.role-perm-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;font-size:.72rem;font-weight:700;border:1px solid transparent}[data-theme=dark] .role-card-name{color:#e2e8f0}[data-theme=dark] .role-card-footer{border-top-color:#334155}.cfg-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.75rem}.cfg-settings-card{background:#fff;border:1px solid #e8ecf8;border-radius:var(--cfg-radius-lg);overflow:hidden;box-shadow:0 2px 12px #6366f10f,0 1px 3px #0000000a;transition:all var(--cfg-transition);display:flex;flex-direction:column}.cfg-settings-card:hover{box-shadow:0 8px 28px #6366f11c,0 2px 8px #0000000f;transform:translateY(-3px);border-color:#c7d2fe}.cfg-settings-card-header{padding:1.2rem 1.5rem 1.1rem;display:flex;align-items:center;gap:14px;border-bottom:1px solid #f0f2fc;background:#fff;position:relative;overflow:hidden}.cfg-settings-card-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--cfg-grad)}.cfg-settings-card-header:has(.icon-purple):before{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.cfg-settings-card-header:has(.blue):before{background:linear-gradient(90deg,#2563eb,#60a5fa)}.cfg-settings-card-header:has(.amber):before{background:linear-gradient(90deg,#d97706,#fbbf24)}.cfg-settings-card-header:has(.emerald):before{background:linear-gradient(90deg,#059669,#34d399)}.cfg-settings-header-icon{width:40px;height:40px;border-radius:var(--cfg-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cfg-settings-header-icon.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;box-shadow:0 2px 8px #3b82f62e}.cfg-settings-header-icon.amber{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309;box-shadow:0 2px 8px #f59e0b2e}.cfg-settings-header-icon.emerald{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;box-shadow:0 2px 8px #10b9812e}.cfg-settings-header-icon.icon-purple{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#6d28d9;box-shadow:0 2px 8px #8b5cf62e}.cfg-settings-card-header h3{font-size:.95rem;font-weight:800;color:var(--cfg-slate-800);letter-spacing:-.01em}.cfg-settings-card-body{padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem;flex:1}.cfg-form-field{display:flex;flex-direction:column;gap:5px}.cfg-form-field label{font-size:.78rem;font-weight:700;color:var(--cfg-slate-600);letter-spacing:.01em}.cfg-form-field input,.cfg-form-field textarea,.cfg-form-field select{padding:.7rem 1rem;border:1.5px solid #dde3f5;border-radius:var(--cfg-radius);font-size:.875rem;color:var(--cfg-slate-800);background:#f8f9ff;transition:all var(--cfg-transition);font-family:Inter,sans-serif;outline:none}.cfg-form-field input:hover,.cfg-form-field select:hover{border-color:#b6c0e8}.cfg-form-field input:focus,.cfg-form-field textarea:focus{border-color:var(--cfg-indigo);background:#fff;box-shadow:var(--cfg-shadow-glow)}.cfg-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;background:#f8f9ff;border:1.5px solid #e8ecfb;border-radius:14px;transition:all var(--cfg-transition);cursor:default}.cfg-toggle-row:hover{background:#eff1ff;border-color:#c7d2fe}.cfg-toggle-info h4{font-size:.875rem;font-weight:700;color:var(--cfg-slate-700)}.cfg-toggle-info p{font-size:.76rem;color:var(--cfg-slate-400);margin-top:3px}.cfg-toggle{position:relative;width:46px;height:26px;flex-shrink:0}.cfg-toggle input{opacity:0;width:0;height:0}.cfg-slider{position:absolute;inset:0;background:#cbd5e1;border-radius:99px;cursor:pointer;transition:all var(--cfg-transition);box-shadow:inset 0 1px 3px #0000001f}.cfg-slider:before{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;left:3px;top:3px;transition:all var(--cfg-transition);box-shadow:0 2px 6px #0000002e}.cfg-toggle input:checked+.cfg-slider{background:var(--cfg-emerald);box-shadow:0 0 0 3px #10b9812e}.cfg-toggle input:checked+.cfg-slider:before{transform:translate(20px)}.cfg-toggle--purple input:checked+.cfg-slider{background:#7c3aed;box-shadow:0 0 0 3px #7c3aed26}.cfg-toggle--blue input:checked+.cfg-slider{background:var(--cfg-blue);box-shadow:0 0 0 3px #3b82f626}.cfg-toggle--red input:checked+.cfg-slider{background:#ef4444;box-shadow:0 0 0 3px #ef444426}.cfg-toggle--amber input:checked+.cfg-slider{background:var(--cfg-amber);box-shadow:0 0 0 3px #f59e0b26}.cfg-settings-2col{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;align-items:end}.cfg-settings-2col .cfg-form-field{display:flex;flex-direction:column;min-width:0}.cfg-settings-2col .cfg-form-field input,.cfg-settings-2col .cfg-form-field select{margin-top:auto;min-width:0;width:100%}@media(max-width:480px){.cfg-settings-2col{grid-template-columns:1fr}}.cfg-field-hint{font-size:.72rem;color:var(--cfg-slate-400);margin-top:3px;line-height:1.4}.cfg-settings-badge{margin-left:auto;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 10px;border-radius:20px;background:linear-gradient(135deg,#d977061a,#fbbf241a);color:#b45309;border:1px solid rgba(217,119,6,.2);white-space:nowrap}.cfg-maintenance-banner{display:flex;align-items:center;gap:12px;padding:14px 20px;background:linear-gradient(135deg,#fff7ed,#fffbeb);border:1.5px solid #fed7aa;border-radius:14px;color:#9a3412;font-size:.875rem;margin-bottom:1.75rem;box-shadow:0 2px 8px #ea580c1a}.cfg-maintenance-banner svg{flex-shrink:0;color:#ea580c}.cfg-save-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:2rem;padding:1.1rem 1.5rem;background:#fff;border:1.5px solid #dde3f5;border-radius:16px;box-shadow:var(--cfg-shadow-sm)}.cfg-save-hint{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--cfg-slate-400)}.cfg-save-hint svg{flex-shrink:0}.cfg-save-btn{display:flex;align-items:center;gap:8px;padding:.82rem 1.85rem;background:var(--cfg-grad);color:#fff;border:none;border-radius:var(--cfg-radius-xl);font-size:.875rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #6366f166;transition:all var(--cfg-spring);font-family:Inter,sans-serif}.cfg-save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f180}.cfg-save-btn--done{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 14px #10b98166!important}.cfg-input{padding:.55rem .85rem;border:1.5px solid #dde3f5;border-radius:10px;font-size:.85rem;color:var(--cfg-slate-900);background:#f8fafc;transition:border-color .18s,box-shadow .18s;font-family:Inter,sans-serif;width:100%;box-sizing:border-box}.cfg-input:focus{outline:none;border-color:var(--cfg-indigo);background:#fff;box-shadow:var(--cfg-shadow-glow)}.cfg-textarea{resize:vertical;min-height:72px}.cfg-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:none;cursor:pointer;font-size:.85rem;transition:background .15s;flex-shrink:0}.cfg-btn-danger{background:#fee2e2;color:#dc2626}.cfg-btn-danger:hover{background:#fca5a5}.cfg-btn-add{margin-top:4px;padding:.38rem .8rem;border:1.5px dashed #a5b4fc;background:transparent;color:#6366f1;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;align-self:flex-start}.cfg-btn-add:hover{background:#eef2ff;border-color:#6366f1}[data-theme=dark] .cfg-input{background:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .cfg-input:focus{border-color:#6366f1;background:#1a2035;box-shadow:0 0 0 3px #6366f12e}[data-theme=dark] .cfg-btn-add{border-color:#4f46e5;color:#818cf8}[data-theme=dark] .cfg-btn-add:hover{background:#1e2035}.cfg-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;background:#fff;border:2px dashed var(--cfg-slate-200);border-radius:var(--cfg-radius-lg);box-shadow:var(--cfg-shadow-sm)}.cfg-empty svg{color:var(--cfg-slate-300)}.cfg-empty h3{font-size:1rem;font-weight:700;color:var(--cfg-slate-600)}.cfg-empty p{font-size:.83rem;color:var(--cfg-slate-400);text-align:center;max-width:280px}.cfg-skeleton{background:#fff;border:1px solid var(--cfg-slate-200);border-radius:var(--cfg-radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.cfg-skel-line{height:14px;border-radius:8px;background:linear-gradient(90deg,var(--cfg-slate-100) 25%,var(--cfg-slate-200) 50%,var(--cfg-slate-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.cfg-skel-line.w60{width:60%}.cfg-skel-line.w40{width:40%}.cfg-skel-line.h36{height:36px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cfg-modal-overlay{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:ovIn .2s ease}@keyframes ovIn{0%{opacity:0}to{opacity:1}}.cfg-modal{background:#fff;width:100%;max-width:560px;border-radius:22px;box-shadow:0 24px 64px #0f172a33,0 8px 24px #0f172a1f;overflow:hidden;display:flex;flex-direction:column;animation:mdIn .32s cubic-bezier(.16,1,.3,1)}.cfg-modal.cfg-modal-sm{max-width:440px}@keyframes mdIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cfg-modal-header{background:linear-gradient(135deg,#4f46e5,#1e40af);padding:1.4rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-shrink:0}.cfg-modal-header h2{font-size:1.1rem;font-weight:800;color:#fff;letter-spacing:-.01em;margin:0 0 2px}.cfg-modal-header p{font-size:.8rem;color:#ffffffa6;margin-top:0}.cfg-modal-close{width:32px;height:32px;min-width:32px;border:1px solid rgba(255,255,255,.22);border-radius:9px;background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all var(--cfg-transition);flex-shrink:0;padding:0}.cfg-modal-close:hover{background:#ef4444bf;border-color:transparent;transform:rotate(90deg)}.cfg-modal-body{padding:1.5rem 2rem;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1.1rem}.cfg-modal-field{display:flex;flex-direction:column;gap:6px}.cfg-modal-field label{font-size:.78rem;font-weight:600;color:var(--cfg-slate-600)}.cfg-modal-field input,.cfg-modal-field textarea{padding:.72rem 1rem;border:1.5px solid #dde3f5;border-radius:var(--cfg-radius);font-size:.875rem;color:var(--cfg-slate-800);background:#f8f9ff;transition:all var(--cfg-transition);font-family:Inter,sans-serif;outline:none;resize:none}.cfg-modal-field input:focus,.cfg-modal-field textarea:focus{border-color:var(--cfg-indigo);background:#fff;box-shadow:var(--cfg-shadow-glow)}.cfg-modal-field input:disabled{background:var(--cfg-slate-100);color:var(--cfg-slate-400);cursor:not-allowed}.cfg-modal-2col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cfg-modal-footer{padding:1rem 2rem;background:#f7f8fe;border-top:1px solid #eef0fb;display:flex;justify-content:flex-end;gap:.75rem;flex-shrink:0}.cfg-btn-ghost{padding:.68rem 1.35rem;border:1.5px solid var(--cfg-slate-200);border-radius:var(--cfg-radius-xl);background:#fff;color:var(--cfg-slate-600);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--cfg-transition);font-family:Inter,sans-serif}.cfg-btn-ghost:hover{background:var(--cfg-slate-100);border-color:var(--cfg-slate-300)}.cfg-btn-primary{padding:.68rem 1.35rem;background:var(--cfg-grad);border:none;border-radius:var(--cfg-radius-xl);color:#fff;font-size:.875rem;font-weight:700;cursor:pointer;transition:all var(--cfg-spring);box-shadow:0 4px 14px #6366f159;font-family:Inter,sans-serif}.cfg-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px #6366f173}.cfg-btn-danger{background:linear-gradient(135deg,var(--cfg-rose),#e11d48);box-shadow:0 4px 14px #f43f5e59}.cfg-btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 18px #f43f5e73}@keyframes sectionIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cfg-section-enter{animation:sectionIn .35s cubic-bezier(.16,1,.3,1) forwards}@media(max-width:900px){.cfg-hero{padding:2rem 1.75rem 0}.cfg-content{padding:2rem 1.75rem}.cfg-hero-stats{display:none}}@media(max-width:640px){.cfg-hero{padding:1.5rem 1.25rem 0}.cfg-content{padding:1.5rem 1.25rem}.cfg-hero-text h1{font-size:1.3rem}.cfg-hero-left{gap:.9rem}.cfg-hero-icon{width:44px;height:44px}.cfg-tabs-bar{width:100%}.cfg-tab-btn{padding:.75rem 1rem;font-size:.8rem;flex:1;justify-content:center}.cfg-tab-btn span.tab-label{display:none}.cfg-grid{grid-template-columns:1fr;gap:1rem}.cfg-settings-grid{gap:1.25rem}.cfg-modal-2col{grid-template-columns:1fr}.cfg-toolbar{flex-direction:column;align-items:stretch}.cfg-search{max-width:100%}.cfg-modal-body{max-height:55vh}.cfg-modal-header,.cfg-modal-body,.cfg-modal-footer{padding-left:1.25rem;padding-right:1.25rem}}[data-theme=dark] .cfg-root{background:#0f172a}[data-theme=dark] .cfg-hero{background:linear-gradient(135deg,#0a0f1e,#12103a 55%,#0e1a32);border-bottom-color:#1e293b}[data-theme=dark] .cfg-hero:before{background:radial-gradient(circle,rgba(99,102,241,.22) 0%,transparent 70%)}[data-theme=dark] .cfg-hero:after{background:radial-gradient(ellipse,rgba(59,130,246,.14) 0%,transparent 70%)}[data-theme=dark] .cfg-hero-text h1{color:#e2e8f0}[data-theme=dark] .cfg-hero-text p{color:#e2e8f080}[data-theme=dark] .cfg-hero-icon{background:#ffffff14;border:1px solid rgba(255,255,255,.14);box-shadow:0 4px 16px #0000004d}[data-theme=dark] .cfg-hero-icon svg{stroke:#a5b4fc}[data-theme=dark] .cfg-stat{background:#ffffff0f;border-color:#ffffff14;box-shadow:none}[data-theme=dark] .cfg-stat-val{color:#818cf8}[data-theme=dark] .cfg-stat-lbl{color:#a5b4fc8c}[data-theme=dark] .cfg-tab-btn{color:#e2e8f073}[data-theme=dark] .cfg-tab-btn:hover:not(.active){color:#e2e8f0;border-bottom-color:#475569;background:#ffffff0f}[data-theme=dark] .cfg-tab-btn.active{color:#a5b4fc;border-bottom-color:#6366f1;background:#6366f114}[data-theme=dark] .cfg-tab-btn.active .cfg-tab-icon{color:#a5b4fc}[data-theme=dark] .cfg-card,[data-theme=dark] .cfg-settings-card{background:#1e293b;border-color:#2d3f55}[data-theme=dark] .cfg-card:hover,[data-theme=dark] .cfg-settings-card:hover{border-color:#3d5068;box-shadow:0 8px 30px #6366f11f}[data-theme=dark] .cfg-card-title-group h3,[data-theme=dark] .cfg-settings-card-header h3{color:#e2e8f0}[data-theme=dark] .cfg-info-text .val{color:#cbd5e1}[data-theme=dark] .cfg-info-text .lbl,[data-theme=dark] .cfg-role-desc,[data-theme=dark] .cfg-perm-count{color:#64748b}[data-theme=dark] .cfg-info-icon{background:#334155;color:#94a3b8}[data-theme=dark] .cfg-card-footer{border-top-color:#334155}[data-theme=dark] .cfg-custom-badge{background:#334155;color:#94a3b8;border-color:#475569}[data-theme=dark] .cfg-role-code{background:#334155;border-color:#475569;color:#a5b4fc}[data-theme=dark] .cfg-icon-btn{background:#1e293b;border-color:#334155;color:#94a3b8}[data-theme=dark] .cfg-icon-btn:hover{background:#334155;color:#e2e8f0}[data-theme=dark] .cfg-icon-btn.danger:hover{background:#f43f5e26;border-color:#f43f5e4d;color:#fb7185}[data-theme=dark] .cfg-search input{background:#1e293b;border-color:#334155;color:#e2e8f0;box-shadow:none}[data-theme=dark] .cfg-search input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f12e}[data-theme=dark] .cfg-search input::-moz-placeholder{color:#475569}[data-theme=dark] .cfg-search input::placeholder{color:#475569}[data-theme=dark] .cfg-search>svg{color:#475569}[data-theme=dark] .cfg-settings-card-header{background:#17233a;border-bottom-color:#2d3f55}[data-theme=dark] .cfg-settings-card-body{background:#1e293b}[data-theme=dark] .cfg-toggle-row{background:#17233a;border-color:#2d3f55}[data-theme=dark] .cfg-toggle-row:hover{background:#1c2d47;border-color:#4f6080}[data-theme=dark] .cfg-toggle-info h4{color:#e2e8f0}[data-theme=dark] .cfg-toggle-info p{color:#64748b}[data-theme=dark] .cfg-slider{background:#2d3f55}[data-theme=dark] .cfg-form-field label{color:#94a3b8}[data-theme=dark] .cfg-form-field input,[data-theme=dark] .cfg-form-field textarea,[data-theme=dark] .cfg-form-field select{background:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .cfg-form-field input:focus,[data-theme=dark] .cfg-form-field textarea:focus{border-color:#6366f1;background:#1a2035;box-shadow:0 0 0 3px #6366f12e}[data-theme=dark] .cfg-save-row{background:#17233a;border-color:#334155;box-shadow:none}[data-theme=dark] .cfg-save-hint{color:#475569}[data-theme=dark] .cfg-maintenance-banner{background:#ea580c1f;border-color:#ea580c4d;color:#fdba74;box-shadow:none}[data-theme=dark] .cfg-maintenance-banner svg{color:#fb923c}[data-theme=dark] .cfg-settings-badge{background:#f59e0b1f;border-color:#f59e0b40;color:#fbbf24}[data-theme=dark] .cfg-field-hint{color:#475569}[data-theme=dark] .cfg-empty{background:#1e293b;border-color:#334155;box-shadow:none}[data-theme=dark] .cfg-empty h3{color:#94a3b8}[data-theme=dark] .cfg-empty p{color:#475569}[data-theme=dark] .cfg-empty svg{color:#334155}[data-theme=dark] .cfg-skeleton{background:#1e293b;border-color:#334155}[data-theme=dark] .cfg-skel-line{background:linear-gradient(90deg,#1e293b 25%,#334155,#1e293b 75%);background-size:200% 100%}[data-theme=dark] .cfg-modal,[data-theme=dark] .cfg-modal-body{background:#1e293b}[data-theme=dark] .cfg-modal-footer{background:#17233a;border-top-color:#334155}[data-theme=dark] .cfg-modal-field input,[data-theme=dark] .cfg-modal-field textarea{background:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .cfg-modal-field input:focus,[data-theme=dark] .cfg-modal-field textarea:focus{border-color:#6366f1;background:#1e293b;box-shadow:0 0 0 3px #6366f12e}[data-theme=dark] .cfg-modal-field input:disabled{background:#0f172a;color:#334155}[data-theme=dark] .cfg-modal-field label{color:#94a3b8}[data-theme=dark] .cfg-btn-ghost{background:#1e293b;border-color:#334155;color:#94a3b8}[data-theme=dark] .cfg-btn-ghost:hover{background:#334155;color:#e2e8f0}[data-theme=dark] .cfg-settings-header-icon.blue{background:linear-gradient(135deg,#1e3a5f,#1e3a8a);color:#60a5fa;box-shadow:0 2px 8px #3b82f626}[data-theme=dark] .cfg-settings-header-icon.amber{background:linear-gradient(135deg,#3d2600,#4d3000);color:#fbbf24;box-shadow:0 2px 8px #f59e0b26}[data-theme=dark] .cfg-settings-header-icon.emerald{background:linear-gradient(135deg,#052e16,#064e3b);color:#34d399;box-shadow:0 2px 8px #10b98126}[data-theme=dark] .cfg-settings-header-icon.icon-purple{background:linear-gradient(135deg,#2e1065,#3b0764);color:#c084fc;box-shadow:0 2px 8px #a855f726}[data-theme=dark] .cfg-card-avatar{box-shadow:0 4px 14px #6366f126}[data-theme=dark] .cfg-card:before{opacity:.6}.ct-row{display:flex;align-items:center;justify-content:space-between;padding:11px 20px;border-bottom:1px solid #f0f2fc;gap:10px;transition:background .15s}.ct-row:last-of-type{border-bottom:none}.ct-row:hover{background:#6366f106}.ct-row-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.ct-avatar{width:34px;height:34px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.78rem}.ct-row-name{font-weight:700;font-size:.875rem;color:var(--cfg-slate-800)}.ct-row-sub{font-size:.72rem;color:var(--cfg-slate-400);margin-top:2px;font-family:monospace}.ct-actions{display:flex;gap:2px;flex-shrink:0}.ct-btn{background:none;border:none;cursor:pointer;width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:all .15s}.ct-btn.edit{color:#6366f1}.ct-btn.edit:hover{background:#6366f11a;color:#4f46e5}.ct-btn.delete:hover{background:#ef44441a;color:#ef4444}.ct-core-badge{font-size:.68rem;font-weight:700;white-space:nowrap;padding:2px 9px;border-radius:20px;background:#7c3aed14;color:#7c3aed;border:1px solid rgba(124,58,237,.18)}.ct-tdc-badge,.ct-pdc-badge{padding:3px 8px;border-radius:6px;font-weight:700;font-size:.72rem;white-space:nowrap}.ct-tdc-badge{background:#dbeafe;color:#1d4ed8}.ct-pdc-badge{background:#d1fae5;color:#065f46}.ct-bundle-badges{display:flex;align-items:center;gap:5px;flex-shrink:0}.ct-desc{padding:10px 20px 6px;font-size:.78rem;color:var(--cfg-slate-500);margin:0;line-height:1.5}.ct-edit-row{padding:10px 20px;border-bottom:1px solid #f0f2fc;display:flex;gap:8px;flex-wrap:wrap;align-items:center;background:#f8f9ff}.ct-add-form{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;padding:13px 20px 14px;border-top:2px solid #f0f2fc;background:#f8fafc}.ct-add-field{display:flex;flex-direction:column;gap:4px}.ct-add-field label{font-size:.72rem;font-weight:700;color:var(--cfg-slate-500);letter-spacing:.01em}.ct-add-sep{color:#94a3b8;font-weight:700;padding-bottom:8px;flex-shrink:0}.ct-add-btn{padding:9px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:700;font-size:.82rem;color:#fff;white-space:nowrap;transition:all .15s;flex-shrink:0}.ct-add-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.ct-save-btn{padding:8px 14px;border-radius:8px;border:none;cursor:pointer;font-weight:700;font-size:.8rem;color:#fff;white-space:nowrap}.ct-cancel-btn{padding:8px 12px;border-radius:8px;cursor:pointer;font-size:.8rem;background:transparent;border:1.5px solid #dde3f5;color:var(--cfg-slate-600);transition:all .15s}.ct-cancel-btn:hover{background:#f0f2fc}.ct-full-width{grid-column:1 / -1}.ct-toast{position:fixed;top:16px;right:16px;z-index:9999;background:#7c3aed;color:#fff;padding:9px 18px;border-radius:10px;font-weight:700;font-size:.82rem;box-shadow:0 4px 20px #7c3aed59;animation:ct-fadein .2s ease}@keyframes ct-fadein{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .ct-row{border-bottom-color:#2d3f55}[data-theme=dark] .ct-row:hover{background:#6366f10a}[data-theme=dark] .ct-row-name{color:#e2e8f0}[data-theme=dark] .ct-row-sub{color:#475569}[data-theme=dark] .ct-core-badge{background:#a855f71f;color:#c084fc;border-color:#a855f74d}[data-theme=dark] .ct-tdc-badge{background:#1e3a5f;color:#60a5fa}[data-theme=dark] .ct-pdc-badge{background:#052e16;color:#34d399}[data-theme=dark] .ct-edit-row{background:#17233a;border-bottom-color:#2d3f55}[data-theme=dark] .ct-add-form{background:#17233a;border-top-color:#2d3f55}[data-theme=dark] .ct-btn.edit{color:#818cf8}[data-theme=dark] .ct-btn.edit:hover{background:#818cf81f;color:#a5b4fc}[data-theme=dark] .ct-btn.delete:hover{background:#ef44441f;color:#f87171}[data-theme=dark] .ct-btn{color:#475569}[data-theme=dark] .ct-desc{color:#64748b}[data-theme=dark] .ct-cancel-btn{border-color:#334155;color:#94a3b8;background:transparent}[data-theme=dark] .ct-cancel-btn:hover{background:#334155;color:#e2e8f0}[data-theme=dark] .ct-add-field label{color:#94a3b8}@media(max-width:1024px){.cfg-settings-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.cfg-settings-grid{grid-template-columns:1fr}}@media(max-width:640px){.ct-row{padding:10px 14px}.ct-add-form{padding:12px 14px}.ct-desc{padding:10px 14px 6px}.ct-edit-row{padding:10px 14px}.ct-add-form{gap:6px}}@media(max-width:480px){.ct-bundle-badges{display:none}.ct-add-btn{width:100%;justify-content:center}}.ct-list{display:flex;flex-direction:column;flex:1}.ct-add-form{margin-top:auto}.sale-module{padding:20px 0;display:flex;flex-direction:column;gap:35px;animation:fadeIn .4s ease-out}.sale-header{display:flex;justify-content:space-between;align-items:center}.sale-header .header-right{display:flex;align-items:center;gap:10px}.refresh-btn{display:flex;align-items:center;gap:7px;padding:8px 16px;background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:10px;color:var(--text-color);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .18s,border-color .18s,opacity .18s}.refresh-btn:hover:not(:disabled){background:#eff6ff;border-color:#2157da;color:#2157da}.refresh-btn:disabled{opacity:.55;cursor:not-allowed}.sale-header h2{font-size:1.6rem;color:var(--text-color);font-weight:800}.sale-header p{color:var(--secondary-text);font-size:.95rem}.sale-module .branch-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:20px;padding:18px 24px;box-shadow:0 4px 16px #0000000d;flex-wrap:wrap;transition:box-shadow .2s;position:relative;overflow:hidden}.sale-module .branch-filter-bar:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#2157da,#6d3aff);border-radius:4px 0 0 4px}.sale-module .branch-filter-bar:hover{box-shadow:0 8px 28px #2157da17}.sale-module .branch-filter-left{display:flex;align-items:center;gap:14px;min-width:0}.sale-module .branch-filter-icon{width:44px;height:44px;background:linear-gradient(135deg,#2157da,#4f46e5);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #2157da47}.sale-module .branch-filter-text{display:flex;flex-direction:column;gap:3px;min-width:0}.sale-module .branch-filter-label{font-size:.7rem;font-weight:800;color:var(--primary-color);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.sale-module .branch-filter-value{font-size:1rem;font-weight:800;color:var(--text-color);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}.sale-module .branch-filter-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sale-module .branch-filter-count{font-size:.75rem;font-weight:700;color:var(--primary-color);background:linear-gradient(135deg,#4318ff14,#8b5cf614);border:1px solid rgba(67,24,255,.15);padding:5px 14px;border-radius:20px;white-space:nowrap;letter-spacing:.01em}.sale-module .branch-filter-select{padding:10px 42px 10px 16px;border-radius:12px;border:1.5px solid var(--border-color);background:var(--bg-color);color:var(--text-color);font-size:.88rem;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232157da' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-color:var(--bg-color);transition:all .2s;min-width:220px;max-width:100%;box-shadow:0 2px 8px #0000000a}.sale-module .branch-filter-select:focus,.sale-module .branch-filter-select:hover{border-color:var(--primary-color);background-color:var(--card-bg);box-shadow:0 0 0 3px #4318ff12}@media(max-width:768px){.sale-module .branch-filter-bar{flex-direction:column;align-items:flex-start;gap:14px;padding:16px 18px}.sale-module .branch-filter-right{width:100%;justify-content:space-between}.sale-module .branch-filter-select{flex:1;min-width:0}}.header-controls{display:flex;gap:15px}.header-controls select{padding:10px 16px;border-radius:12px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);font-weight:600;outline:none;cursor:pointer}.print-report-btn{display:flex;align-items:center;gap:10px;background:var(--primary-color);color:#fff;padding:10px 20px;border:none;border-radius:12px;font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:0 4px 12px #1a4fba33;transition:all .2s}.print-report-btn:hover{background:#133a8a;transform:translateY(-2px)}.revenue-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.rev-stat-card{background:var(--card-bg);padding:24px;border-radius:20px;border:1px solid var(--border-color);position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-start}.rev-info .label{font-size:.8rem;color:var(--secondary-text);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.value-group{display:flex;align-items:baseline;gap:8px;margin-top:8px;flex-wrap:nowrap}.value-group h3{font-size:1.45rem;font-weight:800;color:var(--text-color);margin:0;white-space:nowrap}.trend{font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:30px}.trend.up{background:#f0fdf4;color:#22c55e}.trend.down{background:#fef2f2;color:#ef4444}.rev-stat-card.blue{border-left:4px solid #3b82f6}.rev-stat-card.green{border-left:4px solid #22c55e}.rev-stat-card.orange{border-left:4px solid #f59e0b}.rev-stat-card.red{border-left:4px solid #ef4444}.rev-stat-card.purple{border-left:4px solid #8b5cf6}.rev-stat-card.indigo{border-left:4px solid #4f46e5}.sale-charts-row{display:grid;grid-template-columns:1fr 340px;gap:25px;align-items:start}.chart-card{background:var(--card-bg);border-radius:24px;border:1px solid var(--border-color);padding:25px;height:auto;display:flex;flex-direction:column}.card-header{display:flex;flex-direction:column;margin-bottom:25px}.card-header h3{font-size:1.1rem;color:var(--text-color);font-weight:700}.card-header span{font-size:.85rem;color:var(--secondary-text)}.pie-legend{display:flex;flex-direction:column;gap:12px;margin-top:15px}.legend-item{display:flex;align-items:center;gap:10px;font-size:.85rem}.legend-item .dot{width:8px;height:8px;border-radius:50%}.legend-item .pm-name{color:var(--secondary-text);flex:1}.legend-item .pm-val{font-weight:700;color:var(--text-color)}.system-revenue-container{display:flex;flex-direction:row;align-items:center;justify-content:space-around;padding:20px;gap:30px}.system-revenue-legend{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.system-legend-card{background:#94a3b808;padding:16px;border-radius:12px;border:1px solid rgba(148,163,184,.1);display:flex;flex-direction:column;gap:8px;transition:all .2s ease}.system-legend-card:hover{background:#94a3b80f;transform:translateY(-2px);box-shadow:0 4px 12px #00000008}.system-legend-header{display:flex;align-items:center;gap:10px}.system-legend-dot{width:12px;height:12px;border-radius:50%}.system-legend-label{font-weight:700;color:#64748b;font-size:.85rem;text-transform:uppercase;letter-spacing:.02em}.system-legend-values{display:flex;justify-content:space-between;align-items:flex-end}.system-legend-amount{font-size:1.4rem;font-weight:800;color:var(--text-color)}.system-legend-pct{padding:2px 8px;border-radius:6px;font-size:.8rem;font-weight:700}@media(max-width:992px){.system-revenue-container{flex-direction:column;gap:20px}.system-revenue-container .recharts-responsive-container{width:100%!important;height:200px!important}.system-revenue-legend{width:100%;grid-template-columns:1fr}}.transactions-section{background:var(--card-bg);border-radius:24px;border:1px solid var(--border-color);padding:30px}.transactions-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-header h3{font-size:1.2rem;font-weight:800;color:var(--text-color)}.quick-method-filters{display:flex;align-items:center;gap:6px}.method-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:20px;font-size:.75rem;font-weight:700;cursor:pointer;border:1.5px solid transparent;transition:all .18s;line-height:1.4}.method-btn .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.method-btn.cash{background:var(--bg-color);border-color:var(--border-color);color:var(--secondary-text)}.method-btn.cash .dot{background:#64748b}.method-btn.cash:hover{background:var(--border-color);transform:translateY(-1px)}[data-theme=dark] .method-btn.cash{background:#ffffff0d}.method-btn.starpay{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.method-btn.starpay .dot{background:#2157da}.method-btn.starpay:hover{background:#dbeafe;transform:translateY(-1px)}[data-theme=dark] .method-btn.starpay{background:#2157da26;border-color:#2157da59;color:#93c5fd}.section-actions{display:flex;align-items:center;gap:15px}.export-btn-secondary{display:flex;align-items:center;gap:8px;background:var(--card-bg);border:1px solid var(--border-color);color:var(--secondary-text);padding:8px 16px;border-radius:10px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.export-btn-secondary:hover{background-color:var(--bg-color);color:#1a4fba;border-color:var(--border-color);transform:translateY(-1px)}.view-all-link{background:#eff6ff;border:1px solid #dbeafe;color:#1a4fba;font-weight:700;font-size:.85rem;padding:8px 16px;border-radius:10px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.view-all-link:hover{background:#1a4fba;color:#fff;border-color:#1a4fba;transform:translateY(-1px);box-shadow:0 4px 6px -1px #1a4fba26}.receipt-btn{background:var(--bg-color);border:1px solid var(--border-color);color:var(--secondary-text);padding:6px;border-radius:8px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.receipt-btn:hover{background:#eff6ff;color:#1a4fba;border-color:#dbeafe;transform:scale(1.05)}.email-receipt-btn:hover{background:#fdf4ff;color:#9333ea;border-color:#e9d5ff}.mark-paid-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:20px;border:1px solid #a7f3d0;background:#ecfdf5;color:#059669;font-size:12px;font-weight:600;cursor:pointer;transition:all .18s;white-space:nowrap}.mark-paid-btn:hover{background:#059669;color:#fff;border-color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #05966940}[data-theme=dark] .mark-paid-btn{background:#0596691f;border-color:#05966959;color:#34d399}[data-theme=dark] .mark-paid-btn:hover{background:#059669;color:#fff;border-color:#059669}.txn-table-wrapper{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border-radius:12px;background:var(--card-bg);border:1px solid var(--border-color);margin-bottom:20px}.txn-table-wrapper::-webkit-scrollbar{height:8px}.txn-table-wrapper::-webkit-scrollbar-track{background:var(--bg-color);border-radius:4px}.txn-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;border:2px solid var(--bg-color)}.txn-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.txn-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:auto;min-width:1100px}.txn-table th{text-align:left;padding:16px;font-size:.72rem;color:var(--secondary-text);text-transform:uppercase;font-weight:700;letter-spacing:.05em;border-bottom:2px solid var(--border-color);background:var(--bg-color);white-space:nowrap}.recent-txns-table th:nth-child(1),.recent-txns-table td:nth-child(1){width:130px}.recent-txns-table th:nth-child(2),.recent-txns-table td:nth-child(2){width:180px}.recent-txns-table th:nth-child(3),.recent-txns-table td:nth-child(3){width:280px}.recent-txns-table th:nth-child(4),.recent-txns-table td:nth-child(4){width:110px}.recent-txns-table th:nth-child(5),.recent-txns-table td:nth-child(5){width:110px}.recent-txns-table th:nth-child(6),.recent-txns-table td:nth-child(6){width:100px}.recent-txns-table th:nth-child(7),.recent-txns-table td:nth-child(7){width:155px}.recent-txns-table th:nth-child(8),.recent-txns-table td:nth-child(8){width:90px;text-align:center}.partial-bookings-table th:nth-child(1),.partial-bookings-table td:nth-child(1){width:100px}.partial-bookings-table th:nth-child(2),.partial-bookings-table td:nth-child(2){width:190px}.partial-bookings-table th:nth-child(3),.partial-bookings-table td:nth-child(3){width:280px}.partial-bookings-table th:nth-child(4),.partial-bookings-table td:nth-child(4){width:140px}.partial-bookings-table th:nth-child(5),.partial-bookings-table td:nth-child(5){width:100px}.partial-bookings-table th:nth-child(6),.partial-bookings-table td:nth-child(6){width:100px}.partial-bookings-table th:nth-child(7),.partial-bookings-table td:nth-child(7){width:120px}.partial-bookings-table th:nth-child(8),.partial-bookings-table td:nth-child(8){width:140px}.partial-bookings-table th:nth-child(9),.partial-bookings-table td:nth-child(9){width:90px;text-align:center}.history-modal .txn-table th:nth-child(1),.history-modal .txn-table td:nth-child(1){width:130px}.history-modal .txn-table th:nth-child(3),.history-modal .txn-table td:nth-child(3){width:180px}.history-modal .txn-table th:nth-child(4),.history-modal .txn-table td:nth-child(4){width:120px}.history-modal .txn-table th:nth-child(5),.history-modal .txn-table td:nth-child(5){width:110px}.history-modal .txn-table th:nth-child(6),.history-modal .txn-table td:nth-child(6){width:110px}.history-modal .txn-table th:nth-child(7),.history-modal .txn-table td:nth-child(7){width:110px;text-align:right}.history-modal .txn-table th:nth-child(8),.history-modal .txn-table td:nth-child(8){width:140px}.history-modal .txn-table th:nth-child(9),.history-modal .txn-table td:nth-child(9){width:90px;text-align:center}.st-name{text-align:left!important;font-weight:700}.txn-table td.st-name{text-align:left!important}.txn-table td{padding:14px 16px;border-bottom:1px solid var(--border-color);font-size:.9rem;color:var(--text-color);vertical-align:middle;text-align:left;white-space:normal;word-break:break-word;overflow-wrap:break-word}.txn-table tbody tr{transition:background .15s ease}.txn-table tbody tr:hover{background:#2157da08}.txn-id{font-family:JetBrains Mono,Fira Code,monospace;font-weight:700;color:var(--primary-color);font-size:.8rem}.method-tag{padding:5px 10px;border-radius:8px;font-size:.72rem;font-weight:700;background:var(--bg-color);color:var(--secondary-text);border:1px solid var(--border-color)}.method-tag.cash{background:#f8fafc;color:#64748b}.method-tag.starpay{background:#eff6ff;color:#2157da;border-color:#dbeafe}.action-btns{display:flex;justify-content:flex-end;gap:8px}.edit-btn,.delete-btn,.receipt-btn{width:32px;height:32px;border-radius:10px;border:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;color:var(--secondary-text)}.edit-btn:hover{background:#eff6ff;border-color:#2157da;color:#2157da;transform:translateY(-2px);box-shadow:0 4px 12px #2157da26}.delete-btn:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444;transform:translateY(-2px);box-shadow:0 4px 12px #ef444426}.receipt-btn{color:#1a4fba}.receipt-btn:hover{background:#eff6ff;border-color:#1a4fba;color:#1a4fba;transform:translateY(-2px);box-shadow:0 4px 12px #1a4fba26}.txn-table .amount{font-weight:800;color:var(--text-color)}.status-pill{padding:6px 14px;border-radius:99px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill.success,.status-pill.fully-paid,.status-pill.fully_paid{background:#f0fdf4;color:#16a34a;border:1px solid #dcfce7}.status-pill.partial-payment,.status-pill.partial_payment{background:#fffbeb;color:#d97706;border:1px solid #fef3c7}.status-pill.pending,.status-pill.confirmed{background:#fdf2ff;color:#9333ea;border:1px solid #f3e8ff}.status-pill.failed,.status-pill.cancelled{background:#fef2f2;color:#dc2626;border:1px solid #fee2e2}.sale-skeleton-cell{height:18px;background:linear-gradient(90deg,var(--border-color) 25%,var(--bg-color) 50%,var(--border-color) 75%);background-size:200% 100%;animation:skeleton-wave 1.5s infinite linear;border-radius:6px;opacity:.6}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.clickable-tag{cursor:pointer;transition:all .2s}.clickable-tag:hover{filter:brightness(.9);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.legend-item.clickable-pm{cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s}.legend-item.clickable-pm:hover{background:var(--bg-color)}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.history-modal{width:980px;max-width:96vw;max-height:92vh;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;box-shadow:0 24px 64px #0f172a2e,0 8px 24px #0f172a1a;animation:slideUpModal .38s cubic-bezier(.16,1,.3,1)}.history-modal .modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:20px 28px!important;background:linear-gradient(135deg,#1a4fba,#1e3a8a)!important;border-bottom:none!important;flex-shrink:0!important;gap:12px;position:relative}.modal-header-left{display:flex;align-items:center;gap:14px}.modal-header-icon{width:42px;height:42px;border-radius:12px;background:#ffffff26;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.history-modal .modal-header h2{color:#fff;font-size:1.15rem;font-weight:800;margin:0 0 2px;letter-spacing:-.01em}.history-modal .modal-header p{color:#ffffffa6;font-size:.8rem;margin:0}.modal-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.modal-header-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .18s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.modal-header-btn:hover{background:#ffffff38;border-color:#ffffff59}.history-modal .close-modal{width:34px!important;height:34px!important;border-radius:10px!important;background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;display:flex!important;align-items:center;justify-content:center;cursor:pointer;transition:all .18s;flex-shrink:0!important;padding:0!important;position:static!important;top:auto!important;right:auto!important}.history-modal .close-modal:hover{background:#ef4444b3!important;border-color:transparent!important;transform:rotate(90deg)}.modal-controls{padding:18px 24px;background:var(--bg-color);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:14px;flex-shrink:0}.modal-filter-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.modal-controls .search-box{position:relative;flex:1 1 240px;min-width:180px}.modal-controls .search-box svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.modal-controls .search-box input{width:100%;padding:10px 36px 10px 38px;border:1.5px solid var(--border-color);border-radius:11px;font-size:.875rem;outline:none;background:var(--card-bg);color:var(--text-color);transition:all .2s;box-sizing:border-box;font-weight:500}.modal-controls .search-box input::-moz-placeholder{color:var(--secondary-text)}.modal-controls .search-box input::placeholder{color:var(--secondary-text)}.modal-controls .search-box input:focus{border-color:#1a4fba;box-shadow:0 0 0 3px #1a4fba17;background:var(--card-bg)}.search-clear-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#e2e8f0;border:none;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;padding:0;flex-shrink:0;transition:background .15s,color .15s,transform .15s;line-height:1}.search-clear-btn:hover{background:#1a4fba;color:#fff;transform:translateY(-50%) scale(1.1)}[data-theme=dark] .search-clear-btn{background:#ffffff1f;color:#94a3b8}[data-theme=dark] .search-clear-btn:hover{background:#1a4fba;color:#fff}.modal-filter-select{padding:10px 14px;border-radius:11px;border:1.5px solid var(--border-color);font-size:.83rem;font-weight:600;color:var(--secondary-text);background:var(--card-bg);outline:none;cursor:pointer;transition:border-color .2s;flex-shrink:0;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.modal-filter-select:focus{border-color:#1a4fba;box-shadow:0 0 0 3px #1a4fba17}.modal-filter-select--wide{flex:1 1 160px}.modal-date-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:13px}.filter-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--secondary-text);flex-shrink:0;white-space:nowrap}.date-pills{display:flex;flex-wrap:wrap;gap:6px;flex:1}.date-pill{padding:6px 13px;border-radius:20px;border:1.5px solid var(--border-color);background:var(--bg-color);font-size:.78rem;font-weight:600;color:var(--secondary-text);cursor:pointer;transition:all .16s;white-space:nowrap;line-height:1.2}.date-pill:hover{border-color:#1a4fba;color:#1a4fba;background:#eff6ff}.date-pill.active{background:#1a4fba;color:#fff;border-color:#1a4fba;box-shadow:0 3px 8px #1a4fba47;transform:translateY(-1px)}.custom-days-input{display:inline-flex;align-items:center;gap:8px;background:#eef4ff;border:1.5px solid #c7d9ff;border-radius:10px;padding:7px 14px;font-size:.84rem;font-weight:700;color:#1a4fba}.custom-days-input input{width:58px;padding:4px 8px;border:1.5px solid #bfdbfe;border-radius:7px;font-size:.875rem;font-weight:800;text-align:center;color:#1a4fba;background:var(--card-bg);outline:none;transition:border-color .2s}.custom-days-input input:focus{border-color:#1a4fba;box-shadow:0 0 0 2px #1a4fba21}.custom-range-inputs{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-top:2px}.date-range-field{display:flex;flex-direction:column;gap:4px}.date-range-field label{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8}.date-range-field input[type=date]{padding:8px 11px;border:1.5px solid var(--border-color);border-radius:9px;font-size:.84rem;color:var(--text-color);background:var(--card-bg);outline:none;cursor:pointer;transition:border-color .2s}.date-range-field input[type=date]:focus{border-color:#1a4fba;box-shadow:0 0 0 3px #1a4fba17}.range-sep{color:#94a3b8;font-size:1.1rem;font-weight:600;padding-bottom:6px}.active-filters-bar{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:9px 14px;background:var(--card-bg);border:1.5px solid #dbeafe;border-radius:11px}.active-filters-label{font-weight:800;color:#94a3b8;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.active-filter-chip{display:inline-flex;align-items:center;gap:5px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;padding:4px 10px;border-radius:20px;font-size:.77rem;font-weight:700}.active-filter-chip button{background:none;border:none;color:#60a5fa;cursor:pointer;font-size:1rem;line-height:1;padding:0;transition:color .15s;margin-left:1px}.active-filter-chip button:hover{color:#ef4444}.clear-all-filters{margin-left:auto;background:none;border:1px solid #fecaca;color:#ef4444;font-size:.75rem;font-weight:700;cursor:pointer;padding:3px 10px;border-radius:8px;transition:all .16s}.clear-all-filters:hover{background:#fef2f2;border-color:#ef4444}.modal-body.custom-scroll{display:block;flex:1;overflow-y:auto;min-height:0;background:var(--card-bg)}.history-modal .txn-table{border-collapse:separate;border-spacing:0}.history-modal .txn-table th{background:var(--bg-color);border-bottom:2px solid var(--border-color);color:var(--secondary-text);font-size:.72rem;letter-spacing:.05em;padding:13px 15px}.txn-table tbody tr.row-alt td{background:#00000005}[data-theme=dark] .txn-table tbody tr.row-alt td{background:#ffffff06}.txn-table tbody tr:hover td{background:#eff6ff!important}[data-theme=dark] .txn-table tbody tr:hover td{background:#1a4fba1a!important}.txn-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 20px;gap:8px}.txn-empty-state p{font-size:.97rem;font-weight:700;color:var(--secondary-text);margin:0}.txn-empty-state span{font-size:.83rem;color:var(--secondary-text)}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-top:1px solid var(--border-color);background:var(--bg-color);flex-shrink:0}.history-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.summary-badge{display:flex;align-items:center;gap:7px;background:var(--card-bg);border:1.5px solid var(--border-color);padding:7px 14px;border-radius:30px;font-size:.82rem;color:var(--secondary-text);font-weight:500}.summary-badge svg{color:#94a3b8}.summary-badge strong{color:#1a4fba;font-weight:800}.summary-badge.success{border-color:#a7f3d0;background:#f0fdf4}.summary-badge.success svg{color:#16a34a}.summary-badge.success strong{color:#15803d}.print-btn{display:flex;align-items:center;gap:8px;background:var(--card-bg);border:1.5px solid #1a4fba;color:#1a4fba;padding:8px 16px;border-radius:10px;font-weight:700;font-size:.82rem;cursor:pointer;transition:all .2s}.print-btn:hover{background:#1a4fba;color:#fff}.custom-scroll{overflow-y:auto;max-height:420px}@media(max-width:700px){.history-modal{max-width:100vw;max-height:100dvh;border-radius:0}.history-modal .modal-header{padding:16px 18px;flex-wrap:wrap;gap:10px}.modal-header-btn span{display:none}.modal-filter-row{flex-direction:column;align-items:stretch}.modal-filter-select,.modal-filter-select--wide{width:100%;flex:none}.modal-date-row{flex-direction:column;align-items:stretch}.date-pills{gap:5px}.date-pill{font-size:.73rem;padding:5px 11px}.modal-footer{flex-direction:column;gap:10px;align-items:stretch;text-align:center}.history-summary{justify-content:center}.confirm-btn{width:100%;text-align:center;justify-content:center}}@media(max-width:1200px){.revenue-stats-grid{grid-template-columns:repeat(2,1fr)}.sale-charts-row{grid-template-columns:1fr}}@media(max-width:768px){.revenue-stats-grid{grid-template-columns:1fr}.modal-controls{flex-direction:column;align-items:stretch}}.sale-skeleton-cell{height:14px;background:linear-gradient(90deg,var(--border-color) 25%,var(--bg-color) 50%,var(--border-color) 75%);background-size:200% 100%;animation:saleShimmer 1.5s infinite;border-radius:6px}@keyframes saleShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sale-empty-state{text-align:center;padding:48px 20px!important;color:var(--secondary-text)}.sale-empty-state svg{margin-bottom:12px}.sale-empty-state p{font-size:1rem;font-weight:600;color:var(--secondary-text);margin:0 0 4px}.sale-empty-state span{font-size:.85rem;color:var(--secondary-text)}.unpaid-section{border:1px solid #fed7aa;border-radius:16px;background:#fffbf5}[data-theme=dark] .unpaid-section{background:#1e1a15;border-color:#78350f}.unpaid-count{background:#ea580c;color:#fff;font-size:.75rem;font-weight:700;padding:2px 10px;border-radius:20px;line-height:1.4}[data-theme=dark] .method-tag.cash{background:#ffffff0f;color:var(--secondary-text)}[data-theme=dark] .method-tag.starpay{background:#2157da26;color:#93c5fd}[data-theme=dark] .status-pill.success{background:#10b9811f;color:#34d399}[data-theme=dark] .status-pill.partial-payment,[data-theme=dark] .status-pill.pending{background:#f973161f;color:#fb923c}[data-theme=dark] .trend.up{background:#22c55e1f}[data-theme=dark] .trend.down{background:#ef44441f}[data-theme=dark] .view-all-link{background:#1a4fba26;border-color:#1d3a6b}[data-theme=dark] .search-clear-btn{background:#334155}[data-theme=dark] .search-clear-btn:hover{background:#475569;color:#f1f5f9}[data-theme=dark] .active-filters-bar{border-color:#1d3a6b}[data-theme=dark] .active-filter-chip{background:#1a4fba26;border-color:#1d3a6b;color:#93c5fd}[data-theme=dark] .custom-days-input{background:#1a4fba1f;border-color:#1d3a6b}[data-theme=dark] .custom-days-input input{background:var(--card-bg);color:var(--text-color);border-color:#1d3a6b}[data-theme=dark] .date-range-field input[type=date]{color-scheme:dark}[data-theme=dark] .filter-label{color:var(--secondary-text)}[data-theme=dark] .summary-badge.success{background:#10b9811a;border-color:#10b9814d;color:#34d399}[data-theme=dark] .edit-btn:hover{background:#1a4fba1a;border-color:#1a4fba4d;color:#93c5fd}[data-theme=dark] .delete-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}[data-theme=dark] .receipt-btn:hover{background:#1a4fba1a;border-color:#1a4fba4d}[data-theme=dark] .legend-item.clickable-pm:hover{background:#ffffff0d}[data-theme=dark] .txn-empty-state p,[data-theme=dark] .txn-empty-state span{color:var(--secondary-text)}.sale-mark-paid-modal{max-width:620px!important;width:95%!important;max-height:90vh;padding:0!important;display:flex;flex-direction:column;overflow:hidden}.sale-mark-paid-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:20px 24px!important;background:linear-gradient(135deg,#1a4fba,#1d4ed8)!important;gap:12px}.sale-mark-paid-head h2{color:#fff;font-size:1.1rem;margin:0 0 2px;font-weight:800}.sale-mark-paid-head p{margin:0;color:#ffffffb3;font-size:.8rem;font-weight:600}.sale-mark-paid-chip{padding:5px 14px;border-radius:20px;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border:1px solid rgba(255,255,255,.35);background:#0ea5e933;color:#bae6fd}.sale-mark-paid-head .close-modal{width:34px!important;height:34px!important;border-radius:10px!important;background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important}.sale-mark-paid-body{background:#f1f5f9;padding:16px 18px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.sale-mark-paid-card{background:#fff;border:1px solid #dbe3ef;border-radius:14px;padding:14px}.sale-mark-paid-form{border-left:4px solid #2563eb}.sale-mark-paid-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.9rem;color:#475569;margin-bottom:6px}.sale-mark-paid-row:last-child{margin-bottom:0}.sale-mark-paid-row strong{color:#0f172a;font-weight:800;text-align:right}.sale-mark-paid-highlight{margin-top:6px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:10px 12px;color:#1e3a8a}.sale-mark-paid-sub{margin-top:6px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;padding:10px 12px}.sale-mark-paid-label{display:block;margin:6px 0 8px;font-size:.76rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em;text-align:center}.sale-mark-paid-input{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:11px 12px;font-size:.95rem;color:#0f172a;background:#fff;outline:none;box-sizing:border-box}.sale-mark-paid-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.sale-mark-paid-footer{justify-content:flex-end;background:#fff;border-top:1px solid #e2e8f0}.sale-mark-paid-footer .confirm-btn{min-width:170px;background:linear-gradient(135deg,#16a34a,#15803d)!important}@media(max-width:1200px){.sale-charts-row{grid-template-columns:1fr}}@media(max-width:1024px){.revenue-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sale-header,.section-header{flex-direction:column;align-items:flex-start;gap:15px}.section-actions{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:5px}.txn-table,.txn-table thead,.txn-table tbody,.txn-table th,.txn-table td,.txn-table tr{display:block;width:100%!important}.txn-table thead tr{position:absolute;top:-9999px;left:-9999px}.txn-table tr{border:1px solid var(--border-color);margin-bottom:20px;background:var(--card-bg);border-radius:16px;padding:10px;box-shadow:0 4px 12px #00000008}.txn-table td{border:none;border-bottom:1px solid var(--bg-color);position:relative;padding-left:45%!important;text-align:right!important;min-height:48px;display:flex!important;align-items:center;justify-content:flex-end}.txn-table td:last-child{border-bottom:none}.txn-table td:before{position:absolute;left:15px;width:40%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:800;color:var(--secondary-text);content:attr(data-label);font-size:.65rem;text-transform:uppercase;letter-spacing:.5px}.txn-table td .txn-student,.txn-table td .txn-date-label,.txn-table td .course-summary-v3,.txn-table td .balance-info-v3,.txn-table td .row-actions{justify-content:flex-end;text-align:right}.txn-table-wrapper{overflow-x:auto;padding:0;margin-bottom:15px}.quick-method-filters{width:100%;overflow-x:auto;padding-bottom:5px;white-space:nowrap}.transactions-section{padding:15px}}@media(max-width:480px){.revenue-stats-grid{grid-template-columns:1fr}.header-controls{flex-direction:column;width:100%}.header-controls select,.print-report-btn{width:100%}.rev-stat-card{padding:18px}}@media(max-width:640px){.sale-mark-paid-head{padding:16px 14px!important;gap:10px}.sale-mark-paid-chip{display:none}.sale-mark-paid-body,.sale-mark-paid-footer{padding:12px}}.mark-paid-icon-btn{width:30px;height:30px;border-radius:9px;border:1px solid #a7f3d0;background:#ecfdf5;color:#059669;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s}.mark-paid-icon-btn:hover{background:#059669;color:#fff;border-color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #05966940}[data-theme=dark] .mark-paid-icon-btn{background:#0596691f;border-color:#05966959;color:#34d399}[data-theme=dark] .mark-paid-icon-btn:hover{background:#059669;color:#fff;border-color:#059669}.modal-container{background:var(--card-bg);border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:slideUpModal .3s ease-out;max-width:90vw;width:auto}.modal-header{padding:20px 28px;background:linear-gradient(135deg,#1a4fba,#1e3a8a)!important;display:flex;justify-content:space-between;align-items:center;border-radius:16px 16px 0 0}.modal-header h2{font-size:1.15rem!important;font-weight:800!important;color:#fff!important;margin:0 0 2px!important}.modal-header p{color:#ffffffa6!important;font-size:.82rem!important;margin:0!important}.modal-header-left{display:flex;align-items:center;gap:12px}.modal-header-icon{width:40px;height:40px;background:#ffffff26;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.modal-header-right{display:flex;align-items:center;gap:10px}.modal-header-btn{display:flex;align-items:center;gap:8px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:10px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.modal-header-btn:hover{background:#ffffff40}.close-modal{width:34px;height:34px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-modal:hover{background:#ef4444bf;transform:rotate(90deg)}.modal-controls{padding:16px 20px;background:var(--bg-color);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px}.modal-filter-row{display:flex;gap:10px;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:250px}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.search-box input{width:100%;padding:10px 32px;border:1px solid var(--border-color);border-radius:10px;background:var(--card-bg);color:var(--text-color);outline:none;transition:all .2s;box-sizing:border-box}.search-box input:focus{border-color:#1a4fba;box-shadow:0 0 0 3px #1a4fba1a}.search-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#e2e8f0;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b}.modal-filter-select{padding:10px 14px;border:1px solid var(--border-color);border-radius:10px;background:var(--card-bg);color:var(--text-color);outline:none;cursor:pointer;min-width:130px}.modal-filter-select--wide{min-width:180px}.modal-date-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-label{font-size:.85rem;font-weight:700;color:var(--secondary-text)}.date-pills{display:flex;gap:8px;flex-wrap:wrap}.date-pill{padding:6px 12px;border:1px solid var(--border-color);border-radius:20px;background:var(--card-bg);color:var(--secondary-text);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.date-pill.active{background:#1a4fba;color:#fff;border-color:#1a4fba}.date-pill:hover:not(.active){background:#f1f5f9;color:#1a4fba}.active-filters-bar{display:flex;align-items:center;gap:10px;padding-top:8px;border-top:1px dashed var(--border-color);flex-wrap:wrap}.active-filters-label{font-size:.8rem;color:var(--secondary-text);font-weight:600}.active-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;border-radius:12px;font-size:.75rem;font-weight:600}.active-filter-chip button{background:none;border:none;color:#1d4ed8;cursor:pointer;padding:0;font-size:1.1rem;line-height:1;display:flex;align-items:center}.clear-all-filters{background:none;border:none;color:#ef4444;font-size:.75rem;font-weight:600;cursor:pointer}.clear-all-filters:hover{text-decoration:underline}.modal-body{padding:0;background:var(--card-bg)}.history-modal .txn-table{margin:0}.modal-footer{padding:16px 20px;background:var(--bg-color);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.history-summary{display:flex;gap:12px}.modal-footer .confirm-btn{background:#1a4fba;color:#fff;border:none;padding:10px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.modal-footer .confirm-btn:hover{background:#1e3a8a;transform:translateY(-1px);box-shadow:0 4px 12px #1a4fba33}.history-modal{width:95vw;max-width:1200px}.sp-stat-card{background:var(--card-bg);border-radius:18px;padding:22px 22px 18px;border:1px solid var(--border-color);box-shadow:var(--shadow);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.sp-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:18px 18px 0 0;opacity:1;transition:opacity .3s ease,height .3s ease}.sp-stat-card.blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.sp-stat-card.indigo:before{background:linear-gradient(90deg,#4f46e5,#818cf8)}.sp-stat-card.purple:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.sp-stat-card.orange:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.sp-stat-card.green:before{background:linear-gradient(90deg,#10b981,#34d399)}.sp-stat-card.red:before{background:linear-gradient(90deg,#ef4444,#f87171)}.sp-stat-card.blue:hover{background:linear-gradient(135deg,var(--card-bg) 0%,rgba(59,130,246,.03) 100%)}.sp-stat-card.indigo:hover{background:linear-gradient(135deg,var(--card-bg) 0%,rgba(79,70,229,.03) 100%)}.sp-stat-card.purple:hover{background:linear-gradient(135deg,var(--card-bg) 0%,rgba(139,92,246,.03) 100%)}.sp-stat-card.orange:hover{background:linear-gradient(135deg,var(--card-bg) 0%,rgba(245,158,11,.03) 100%)}.sp-stat-card.green:hover{background:linear-gradient(135deg,var(--card-bg) 0%,rgba(16,185,129,.03) 100%)}.sp-stat-card.red:hover{background:linear-gradient(135deg,var(--card-bg) 0%,rgba(239,68,68,.03) 100%)}.sp-stat-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 40px #00000014;border-color:var(--primary-color)}.sp-stat-card:hover:before{height:4px}.sp-stat-card.clickable{cursor:pointer}.rsc-inner{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-width:0;text-align:left;height:100%}.rsc-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--secondary-text);display:block;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.rsc-value{font-size:clamp(1.2rem,1.8vw,1.75rem);font-weight:800;color:var(--text-color);line-height:1.15;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:16px;width:100%}.rsc-trend-row{display:flex;align-items:center;gap:6px;margin-top:auto}.rsc-trend-badge{display:inline-block;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:.01em;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.rsc-trend-badge.blue{background:#3b82f61a;color:#1d4ed8}.rsc-trend-badge.indigo{background:#4f46e51a;color:#4338ca}.rsc-trend-badge.purple{background:#8b5cf61a;color:#7c3aed}.rsc-trend-badge.orange{background:#f59e0b1a;color:#b45309}.rsc-trend-badge.green{background:#10b9811a;color:#047857}.rsc-trend-badge.red{background:#ef44441a;color:#b91c1c}[data-theme=dark] .rsc-trend-badge.blue{background:#3b82f62e;color:#93c5fd}[data-theme=dark] .rsc-trend-badge.indigo{background:#4f46e52e;color:#a5b4fc}[data-theme=dark] .rsc-trend-badge.purple{background:#8b5cf62e;color:#c4b5fd}[data-theme=dark] .rsc-trend-badge.orange{background:#f59e0b2e;color:#fcd34d}[data-theme=dark] .rsc-trend-badge.green{background:#10b9812e;color:#6ee7b7}[data-theme=dark] .rsc-trend-badge.red{background:#ef44442e;color:#fca5a5}.rsc-skeleton{width:70%;height:26px;margin:4px 0 14px}.ems-page{display:flex;flex-direction:column;gap:16px}.ems-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.ems-tab{border:1px solid var(--border-color);background:var(--card-bg);color:var(--secondary-text);border-radius:10px;padding:8px 14px;font-size:.86rem;font-weight:700;cursor:pointer;transition:var(--transition)}.ems-tab:hover{color:var(--primary-color);border-color:#1a4fba59}.ems-tab.active{background:var(--primary-light);color:var(--primary-color);border-color:#1a4fba59}.ems-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ems-field{display:flex;flex-direction:column;gap:6px}.ems-field span{font-size:.78rem;color:var(--secondary-text);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.ems-field input,.ems-field select,.ems-field textarea{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);border-radius:10px;padding:10px 12px;font-size:.92rem;transition:box-shadow .2s ease,border-color .2s ease}.ems-field input:focus,.ems-field select:focus,.ems-field textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1a4fba29}.ems-category-input{min-height:46px;font-size:.98rem;padding:12px 14px}.ems-field-full{grid-column:1 / -1}.ems-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;align-items:flex-end}.ems-actions{display:flex;justify-content:flex-end;gap:12px}.ems-btn{border-radius:12px;padding:12px 24px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;border:1px solid transparent}.ems-btn:active{transform:scale(.96)}.ems-primary-btn{background:linear-gradient(135deg,var(--primary-color) 0%,#3b82f6 100%);color:#fff;box-shadow:0 4px 12px #1a4fba3d}.ems-primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1a4fba5c;filter:brightness(1.1)}.ems-cancel-btn{background:var(--card-bg);color:var(--secondary-text);border:1px solid var(--border-color)}.ems-cancel-btn:hover{background:#fef2f2;color:#ef4444;border-color:#fee2e2}.ems-btn svg{width:18px;height:18px}.ems-link{color:var(--primary-color);text-decoration:none;font-weight:700}.ems-link:hover{text-decoration:underline}.ems-total-inline{margin-top:10px;padding:10px 12px;border:1px solid rgba(26,79,186,.24);border-radius:10px;background:#1a4fba14;color:var(--primary-color);font-weight:700;text-align:right}.ems-modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:2100;padding:14px}.ems-modal{width:min(760px,100%);background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 24px 48px #0f172a47;padding:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:ems-modal-slide-up .4s cubic-bezier(.16,1,.3,1)}@keyframes ems-modal-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.ems-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.ems-modal-header h3{margin:0;font-size:1.02rem;color:var(--text-color)}.ems-modal-header p{margin:4px 0 0;font-size:.82rem;color:var(--secondary-text)}.ems-modal-close{border:1px solid var(--border-color);background:var(--card-bg);color:var(--secondary-text);border-radius:10px;width:34px;height:34px;font-size:1.1rem;line-height:1;cursor:pointer}.ems-modal-actions{justify-content:flex-end;gap:8px}@media(max-width:900px){.ems-form-grid{grid-template-columns:1fr}.ems-modal{padding:14px}}.ems-image-upload-wrapper{position:relative;width:100%}.ems-hidden-file-input{overflow:hidden;width:.1px;height:.1px;opacity:0;position:absolute;z-index:-1}.ems-image-upload-box{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--border-color);border-radius:12px;min-height:120px;cursor:pointer;transition:all .3s ease;background:#00000005;overflow:hidden;position:relative}.ems-image-upload-box:hover{border-color:var(--primary-color);background:#1a4fba0a}.ems-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--secondary-text)}.ems-upload-placeholder svg{width:32px;height:32px;opacity:.6}.ems-upload-placeholder span{font-size:.85rem;font-weight:500}.ems-image-preview{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.ems-image-preview img{max-width:100%;max-height:200px;-o-object-fit:contain;object-fit:contain}.ems-file-preview{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px}.ems-remove-image{position:absolute;top:8px;right:8px;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:700;z-index:10;transition:transform .2s ease}.ems-remove-image:hover{transform:scale(1.1);background:#ef4444}.receipt-thumbnail-wrapper{width:60px;height:60px;border-radius:10px;overflow:hidden;cursor:pointer;border:2px solid var(--border-color);position:relative;transition:transform .2s cubic-bezier(.34,1.56,.64,1),border-color .2s ease;margin:0 auto;background:#f8fafc;display:flex;align-items:center;justify-content:center}.receipt-thumbnail-wrapper:hover{transform:scale(1.15);border-color:var(--primary-color);z-index:10}.receipt-mini-thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.receipt-overlay-icon{position:absolute;inset:0;background:#1a4fba66;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.receipt-thumbnail-wrapper:hover .receipt-overlay-icon{opacity:1}.ems-preview-overlay{background:#0f172ad9!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ems-preview-container{position:relative;width:min(900px,95vw);max-height:92vh;display:flex;flex-direction:column;background:var(--card-bg);border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -12px #00000073;animation:ems-preview-in .3s cubic-bezier(.16,1,.3,1)}@keyframes ems-preview-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.ems-preview-close{position:absolute;top:20px;right:20px;width:44px;height:44px;background:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#1e293b;cursor:pointer;z-index:110;transition:all .2s ease;box-shadow:0 4px 12px #0003;padding:0 0 6px;line-height:1}.ems-preview-close:hover{background:#ef4444;color:#fff;transform:rotate(90deg) scale(1.1)}.ems-preview-content{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:60px 40px 30px;background:#f1f5f9;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ems-preview-content img{max-width:100%;max-height:72vh;border-radius:12px;box-shadow:0 20px 25px -5px #0003;background:#fff;transition:transform .3s cubic-bezier(.16,1,.3,1),max-width .3s ease,max-height .3s ease}.ems-preview-content.zoomed{padding:60px}.ems-preview-content.zoomed img{max-width:none;max-height:none;transform:scale(2.5);cursor:zoom-out}.ems-preview-footer{padding:20px;background:var(--card-bg);border-top:1px solid var(--border-color);display:flex;justify-content:center}.receipt-icon{font-size:1.2rem}.ems-table-centered th,.ems-table-centered td{text-align:center;vertical-align:middle}.premium-stat{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--card-bg) 0%,rgba(255,255,255,.95) 100%)!important;border:1px solid rgba(26,79,186,.12)!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important}.premium-stat:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0f172a1f;border-color:#1a4fba4d!important}.stat-label{font-size:.78rem;font-weight:700;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;display:block}.stat-value-container{display:flex;align-items:center;gap:12px;margin-bottom:4px}.stat-value{font-size:1.8rem;font-weight:800;color:#0f172a;letter-spacing:-.02em;margin:0}.stat-badge{padding:4px 10px;border-radius:20px;font-size:.72rem;font-weight:800;letter-spacing:.02em}.trend-up{background:#ecfdf5;color:#10b981;border:1px solid #d1fae5}.stat-icon-wrapper{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.green-glow{background:#10b9811a;color:#10b981}.premium-stat:hover .stat-icon-wrapper{transform:scale(1.1) rotate(5deg)}.stat-subtitle{font-size:.8rem;color:var(--secondary-text);opacity:.8}.centered-stat{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;text-align:left;padding:25px 30px!important}.centered-stat .stat-info{display:flex;flex-direction:column;align-items:flex-start}.mb-12{margin-bottom:0}.red-glow{background:#ef44441a;color:#ef4444}.blue-glow{background:#1e40af1a;color:#1e40af}.income-report-stat{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:35px 25px!important;gap:15px!important;justify-content:center!important}.income-report-stat .stat-info{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;width:100%!important}.income-report-stat .stat-icon-wrapper{margin-bottom:5px!important;order:-1!important}.user-module{padding:0;display:flex;flex-direction:column;gap:25px;animation:fadeIn .4s ease-out}.user-header{display:flex;justify-content:space-between;align-items:center}.user-header h2{font-size:1.75rem;color:var(--text-color);font-weight:800;letter-spacing:-.5px;margin:0}.user-header p{color:var(--secondary-text);font-size:.95rem;margin:5px 0 0}.add-user-btn{display:flex;align-items:center;gap:10px;background:var(--primary-color);color:#fff;padding:12px 24px;border:none;border-radius:14px;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 4px 12px #1a4fba33;transition:all .3s ease}.add-user-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #1a4fba4d;background:#133a8a}.user-controls{display:flex;flex-direction:column;gap:20px}.search-box{position:relative;max-width:500px}.search-box svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#94a3b8}.search-box input{width:100%;padding:14px 15px 14px 45px;border:1px solid var(--border-color);border-radius:14px;background:var(--card-bg);color:var(--text-color);font-size:.95rem;outline:none;transition:all .2s;box-shadow:0 2px 4px #00000005}.search-box input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #1a4fba1a}.role-filters{display:flex;gap:10px}.filter-chip{padding:10px 20px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--secondary-text);font-weight:600;font-size:.9rem;border-radius:12px;cursor:pointer;transition:all .2s}.filter-chip:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-chip.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 10px #1a4fba33}.table-card{background:var(--card-bg);border-radius:20px;border:1px solid var(--border-color);box-shadow:var(--shadow);overflow:hidden}.user-management-table{width:100%;border-collapse:collapse;text-align:left}.user-management-table th{padding:16px 20px;background:var(--bg-color);color:var(--secondary-text);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.user-management-table td{padding:16px 20px;border-bottom:1px solid var(--border-color);vertical-align:middle;color:var(--text-color)}.user-management-table tr:hover{background-color:var(--primary-light)}.user-profile-cell{display:flex;align-items:center;gap:12px}.user-avatar-mini{width:44px;height:44px;border-radius:10px;overflow:hidden;background:var(--primary-light);display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-weight:700;flex-shrink:0;cursor:pointer;transition:var(--transition)}.user-avatar-mini:hover{transform:scale(1.05)}.user-avatar-mini img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-info-mini{display:flex;flex-direction:column}.user-name-bold{font-weight:700;color:var(--text-color);font-size:.95rem}.user-email-small{font-size:.85rem;color:var(--secondary-text)}.role-pill{padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase}.role-pill.admin{background:#ef44441a;color:#ef4444}.role-pill.student{background:#10b9811a;color:#10b981}.role-pill.walkin-student{background:#f59e0b1a;color:#d97706}.role-pill.super-admin{background:#7c3aed1f;color:#7c3aed}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:700}.status-pill.active{background:#10b9811a;color:#10b981}.status-pill.inactive{background:#64748b1a;color:#64748b}.branch-text,.last-login-text{font-size:.9rem;color:var(--text-color);font-weight:500}.table-actions{display:flex;gap:8px;justify-content:flex-end}.action-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--border-color);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#64748b}.action-btn:hover{background:#f1f5f9;color:var(--primary-color);border-color:var(--primary-color)}.action-btn.view:hover{color:#3b82f6;border-color:#3b82f6}.action-btn.edit:hover{color:#8b5cf6;border-color:#8b5cf6}.action-btn.password:hover{color:#f59e0b;border-color:#f59e0b}.action-btn.toggle.activate:hover{color:#22c55e;border-color:#22c55e}.action-btn.toggle.deactivate:hover{color:#ef4444;border-color:#ef4444}.no-users{padding:60px;text-align:center;color:#94a3b8}.no-users p{margin-top:15px;font-size:1.1rem}@media(max-width:1024px){.user-header{flex-direction:column;align-items:flex-start;gap:20px}.search-box{max-width:100%}}.modal-overlay{position:fixed;inset:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:var(--card-bg);border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:slideUpModal .3s ease-out}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:20px 28px;background:linear-gradient(135deg,#1a4fba,#1e3a8a)!important;border-bottom:none!important;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;border-radius:16px 16px 0 0}.modal-header h2{font-size:1.15rem!important;font-weight:800!important;color:#fff!important;letter-spacing:-.01em;margin:0 0 2px!important}.modal-header>div>p,.modal-header p{color:#ffffffa6!important;font-size:.82rem!important;margin:0!important}.modal-header .close-modal{width:34px;height:34px;min-width:34px;border-radius:10px;background:#ffffff1f!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;display:flex;align-items:center;justify-content:center;font-size:1.4rem;cursor:pointer;transition:all .2s;flex-shrink:0;padding:0;line-height:1}.modal-header .close-modal:hover{background:#ef4444bf!important;border-color:transparent!important;transform:rotate(90deg)}.modal-body{overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(100,100,100,.5) transparent}.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus{outline:none;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a}.modal-body input:hover,.modal-body select:hover,.modal-body textarea:hover{border-color:#94a3b8}.modal-body select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.modal-footer .cancel-btn:hover{background:var(--hover-bg)!important;border-color:#94a3b8!important;transform:translateY(-1px)}.modal-footer .confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1a4fba66!important}.modal-footer .cancel-btn:active,.modal-footer .confirm-btn:active{transform:translateY(0)}.form-row{display:flex;gap:15px;margin-bottom:15px}.form-group{flex:1;display:flex;flex-direction:column}@media(max-width:768px){.modal-container{width:95%!important;max-width:95%!important;margin:20px}.profile-modal{max-width:95%!important}.form-row{flex-direction:column;gap:15px}.modal-header{padding:20px!important}.modal-body{padding:20px!important;max-height:450px!important}.modal-footer{padding:16px 20px!important;flex-direction:column}.modal-footer .cancel-btn,.modal-footer .confirm-btn,.modal-footer .prev-btn{width:100%;flex:1 1 100%!important}.user-header{flex-direction:column;align-items:flex-start;gap:15px}.add-user-btn{width:100%;justify-content:center}.course-management-header{flex-direction:column;gap:15px}.search-filter-section{flex-direction:column!important;width:100%}.search-box{min-width:100%!important}}@media(max-width:480px){.user-header h2{font-size:1.4rem}.modal-header h2{font-size:1.2rem}.profile-modal .modal-body{max-height:500px!important}.table-container{overflow-x:auto}table{font-size:.85rem}th,td{padding:10px 8px!important}}.profile-modal .profile-body{background:var(--bg-color)!important}.profile-modal .profile-body>div:first-child{background:linear-gradient(135deg,#1e3a8a,#3b82f6)!important;position:relative;overflow:hidden}.profile-modal .profile-body>div:first-child:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.15) 0%,transparent 60%)}.profile-modal .profile-body img{transition:transform .4s cubic-bezier(.4,0,.2,1)}.profile-modal .profile-body img:hover{transform:scale(1.08)}.profile-info-card{background:#ffffff08!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 8px 32px #0000001a!important;position:relative;z-index:10;transition:transform .3s ease,box-shadow .3s ease}.profile-info-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026!important}.profile-data-card{background:var(--card-bg);padding:14px;border-radius:12px;border:1px solid var(--border-color);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000005}.profile-data-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000000f;border-color:#3b82f666}.profile-data-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(to bottom,#3b82f6,#8b5cf6);opacity:0;transition:opacity .3s ease}.profile-data-card:hover:before{opacity:1}:root{--news-primary: #3b82f6;--news-secondary: #0f172a;--news-bg: #f8fafc;--news-card-shadow: 0 10px 30px -10px rgba(0, 0, 0, .05)}.news-view{padding:2.5rem;max-width:1400px;margin:0 auto}.news-header-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem}.news-stat-card{background:#fff;padding:1.5rem;border-radius:20px;display:flex;align-items:center;gap:1.25rem;box-shadow:var(--news-card-shadow);border:1px solid #f1f5f9}.stat-icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-info h4{font-size:.75rem;text-transform:uppercase;color:#94a3b8;margin:0 0 4px;letter-spacing:.05em}.stat-info .stat-value{font-size:1.5rem;font-weight:800;color:#1e293b}.section-header-prime{display:flex;justify-content:space-between;align-items:center;margin:3rem 0 2rem}.section-header-prime h2{font-size:1.75rem;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:12px}.section-header-prime h2:before{content:"";width:6px;height:24px;background:var(--news-primary);border-radius:4px}.header-actions-group{display:flex;gap:12px}.post-btn{background:#0f172a;color:#fff;padding:10px 20px;border-radius:12px;border:none;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s}.post-btn:hover{background:#1e293b;transform:translateY(-2px)}.news-toolbar{background:#fff;padding:1rem;border-radius:18px;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;box-shadow:var(--news-card-shadow)}.search-mini{position:relative;max-width:300px;width:100%}.search-mini input{width:100%;padding:10px 15px 10px 40px;border-radius:12px;border:1px solid #e2e8f0;font-size:.9rem}.search-mini svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8}.filter-pills{display:flex;gap:8px}.pill-btn{padding:6px 16px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;font-size:.85rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.pill-btn.active{background:#eff6ff;color:#3b82f6;border-color:#3b82f6}.news-grid-prime{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem}@media(min-width:768px){.news-grid-prime{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.news-grid-prime{grid-template-columns:repeat(3,1fr)}}.news-card-prime{background:#fff;border-radius:28px;padding:1.75rem;border:1px solid #e2e8f0;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative}.news-card-prime:hover{transform:translateY(-10px);box-shadow:0 20px 40px -15px #0000001a;border-color:var(--news-primary)}.card-actions-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.delete-mini-btn{background:#fef2f2;color:#ef4444;border:none;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;opacity:0}.news-card-prime:hover .delete-mini-btn{opacity:1}.delete-mini-btn:hover{background:#fee2e2;transform:scale(1.1)}.tag-badge{padding:6px 14px;border-radius:12px;font-size:.7rem;font-weight:800;text-transform:uppercase;display:inline-block}.news-card-prime h3{font-size:1.25rem;font-weight:800;color:#1e293b;margin-bottom:.75rem;line-height:1.4}.news-card-prime p{color:#64748b;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.card-footer-prime{margin-top:auto;padding-top:1.25rem;border-top:1px solid #f8fafc;display:flex;justify-content:space-between;align-items:center}.date-meta{font-size:.8rem;color:#94a3b8;font-weight:600}.edit-link{color:var(--news-primary);font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s}.videos-grid-prime{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem}@media(min-width:768px){.videos-grid-prime{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.videos-grid-prime{grid-template-columns:repeat(3,1fr)}}.video-card-prime{background:#fff;border-radius:24px;overflow:hidden;border:1px solid #e2e8f0;transition:all .3s}.video-card-prime:hover{transform:translateY(-5px);box-shadow:0 15px 30px -10px #0000001a}.thumb-area{height:200px;position:relative;display:flex;align-items:center;justify-content:center}.play-trigger{width:56px;height:56px;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s;cursor:pointer}.play-trigger:after{content:"";width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid white;margin-left:6px}.video-card-prime:hover .play-trigger{transform:scale(1.1);background:#fff6}.duration-pill{position:absolute;bottom:12px;right:12px;background:#0f172acc;color:#fff;padding:4px 10px;border-radius:8px;font-size:.75rem;font-weight:700}.v-info{padding:1.5rem}.v-category{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.v-info h3{font-size:1.1rem;font-weight:800;color:#1e293b;margin-bottom:10px}.v-info p{font-size:.9rem;color:#64748b;line-height:1.5}.news-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999}.news-modal-container{background:#fff;width:90%;max-width:600px;max-height:90vh;border-radius:20px;box-shadow:0 24px 64px #0f172a2e,0 8px 24px #0f172a1a;display:flex;flex-direction:column;overflow:hidden}.news-modal-container form{overflow-y:auto;flex:1}.news-modal-header{padding:1.4rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:none;background:linear-gradient(135deg,#1a4fba,#1e3a8a);flex-shrink:0}.news-modal-header h2{font-size:1.15rem;font-weight:800;color:#fff;margin:0 0 2px;letter-spacing:-.01em}.news-modal-header p{font-size:.8rem;color:#ffffffa6;margin:0}.close-btn{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.22);width:34px;height:34px;min-width:34px;border-radius:10px;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;flex-shrink:0}.close-btn:hover{background:#ef4444bf;border-color:transparent;transform:rotate(90deg)}.news-modal-body{padding:2.5rem}.form-group-lux{margin-bottom:1.5rem}.form-group-lux label{display:block;font-size:.8rem;font-weight:800;text-transform:uppercase;color:#94a3b8;margin-bottom:8px;letter-spacing:.05em}.form-group-lux input,.form-group-lux select,.form-group-lux textarea{width:100%;padding:12px 18px;border-radius:14px;border:1px solid #e2e8f0;font-size:.95rem;font-weight:600;color:#1e293b;transition:all .2s}.form-group-lux input:focus,.form-group-lux select:focus,.form-group-lux textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.form-row-lux{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.form-row-lux{grid-template-columns:1fr 1fr}}.news-modal-footer{padding:1.25rem 2rem;background:#f8fafc;border-top:1px solid #eef2f7;display:flex;justify-content:flex-end;gap:1rem;flex-shrink:0}.submit-pill{background:#0f172a;color:#fff;padding:12px 28px;border-radius:14px;border:none;font-weight:700;cursor:pointer;transition:all .3s}.submit-pill:hover{background:#1e293b;transform:translateY(-2px);box-shadow:0 10px 20px -5px #0f172a33}.cancel-pill{background:#fff;color:#64748b;padding:12px 28px;border-radius:14px;border:1px solid #e2e8f0;font-weight:700;cursor:pointer;transition:all .2s}.animate-slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.hidden-file-input{display:none}.file-upload-wrapper-lux{width:100%;margin-top:5px}.file-upload-label-lux{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:180px;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;padding:10px}.file-upload-label-lux:hover{border-color:#3b82f6;background:#f1f7ff}.upload-placeholder-lux{display:flex;flex-direction:column;align-items:center;gap:12px;color:#94a3b8}.upload-placeholder-lux span{font-size:.9rem;font-weight:600}.preview-container-lux{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.preview-media{max-width:100%;max-height:250px;border-radius:12px;box-shadow:0 10px 20px -5px #0000001a}.change-overlay-lux{position:absolute;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;opacity:0;transition:opacity .3s;border-radius:12px}.preview-container-lux:hover .change-overlay-lux{opacity:1}@media(max-width:768px){.news-view{padding:1.25rem}.news-toolbar{flex-direction:column;gap:1rem}.search-mini{max-width:none}.news-modal-header,.news-modal-body{padding:1.5rem}.news-modal-footer{padding:1rem 1.5rem 1.5rem;flex-direction:column}.submit-pill,.cancel-pill{width:100%;text-align:center}}.preview-media-full{width:100%;height:100%;position:absolute;top:0;left:0}[data-theme=dark] .news-view{color:#e2e8f0}[data-theme=dark] .news-stat-card{background:#1e293b;border-color:#2d3f55;box-shadow:none}[data-theme=dark] .stat-info h4{color:#64748b}[data-theme=dark] .stat-info .stat-value,[data-theme=dark] .section-header-prime h2{color:#e2e8f0}[data-theme=dark] .post-btn{background:#334155;color:#e2e8f0}[data-theme=dark] .post-btn:hover{background:#475569}[data-theme=dark] .news-toolbar{background:#1e293b;border:1px solid #2d3f55;box-shadow:none}[data-theme=dark] .search-mini input{background:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .search-mini input::-moz-placeholder{color:#475569}[data-theme=dark] .search-mini input::placeholder{color:#475569}[data-theme=dark] .search-mini svg{color:#475569}[data-theme=dark] .pill-btn{background:#0f172a;border-color:#334155;color:#94a3b8}[data-theme=dark] .pill-btn.active{background:#3b82f61f;color:#60a5fa;border-color:#3b82f6}[data-theme=dark] .news-card-prime{background:#1e293b;border-color:#2d3f55}[data-theme=dark] .news-card-prime:hover{box-shadow:0 20px 40px -15px #00000059;border-color:#3b82f6}[data-theme=dark] .news-card-prime h3{color:#e2e8f0}[data-theme=dark] .news-card-prime p{color:#94a3b8}[data-theme=dark] .card-footer-prime{border-top-color:#334155}[data-theme=dark] .date-meta{color:#64748b}[data-theme=dark] .delete-mini-btn{background:#ef44441f;color:#f87171}[data-theme=dark] .delete-mini-btn:hover{background:#ef444433}[data-theme=dark] .video-card-prime{background:#1e293b;border-color:#2d3f55}[data-theme=dark] .v-info h3{color:#e2e8f0}[data-theme=dark] .v-info p{color:#94a3b8}[data-theme=dark] .v-info .card-footer-prime{border-top-color:#334155}[data-theme=dark] .news-modal-container{background:#1e293b;box-shadow:0 24px 64px #00000080,0 8px 24px #00000059}[data-theme=dark] .news-modal-body{background:#1e293b}[data-theme=dark] .news-modal-footer{background:#17233a;border-top-color:#2d3f55}[data-theme=dark] .form-group-lux label{color:#64748b}[data-theme=dark] .form-group-lux input,[data-theme=dark] .form-group-lux select,[data-theme=dark] .form-group-lux textarea{background:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .form-group-lux input:focus,[data-theme=dark] .form-group-lux select:focus,[data-theme=dark] .form-group-lux textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626;background:#1e293b}[data-theme=dark] .file-upload-label-lux{background:#0f172a;border-color:#334155}[data-theme=dark] .file-upload-label-lux:hover{border-color:#3b82f6;background:#131f35}[data-theme=dark] .upload-placeholder-lux{color:#475569}[data-theme=dark] .cancel-pill{background:#1e293b;border-color:#334155;color:#94a3b8}[data-theme=dark] .cancel-pill:hover{background:#334155;color:#e2e8f0}[data-theme=dark] .submit-pill{background:linear-gradient(135deg,#3b82f6,#2563eb)}[data-theme=dark] .submit-pill:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 10px 20px -5px #3b82f659}[data-theme=dark] .loading-spinner-prime{border-color:#334155;border-top-color:#3b82f6}.analytics-container{padding:24px;background:var(--bg-color);min-height:100vh;animation:fadeInAnalytics .5s ease-out}@keyframes fadeInAnalytics{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:20px}.analytics-header h1{font-size:1.8rem;font-weight:800;color:var(--text-color);margin:0;letter-spacing:-.5px}.analytics-header p{color:var(--secondary-text);margin:4px 0 0;font-size:.95rem}.header-actions{display:flex;align-items:center;gap:12px}.filter-group{display:flex;align-items:center;gap:10px;background:var(--card-bg);padding:6px;border-radius:14px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000d}.branch-filter-select{padding:10px 20px;border-radius:12px;background:var(--card-bg);border:1px solid transparent;color:var(--text-color);font-size:.9rem;font-weight:600;cursor:pointer;outline:none;transition:all .2s}.branch-filter-select:hover{background:var(--bg-color)}.branch-filter-select.active-filter{color:var(--primary-color);background:#3b82f608;border:1.5px solid var(--primary-color);min-width:220px}.custom-days-input,.custom-range-inputs{display:flex;align-items:center;gap:8px;padding:0 10px;border-left:1px solid var(--border-color)}.custom-days-input input,.custom-range-inputs input{background:transparent;border:1px solid var(--border-color);border-radius:6px;padding:4px 8px;color:var(--text-color);font-size:.85rem;outline:none}.analytics-container .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px}.analytics-container .stat-card{background:var(--card-bg, #ffffff);border-radius:20px;padding:24px;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d;border:1px solid var(--border-color, #edf2f7);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.analytics-container .stat-card:hover{transform:translateY(-8px);box-shadow:0 20px 35px -10px #0000001a;border-color:var(--primary-color, #3b82f6)}.analytics-container .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#e2e8f0}.analytics-container .stat-card:nth-child(1):before{background:#8b5cf6}.analytics-container .stat-card:nth-child(2):before{background:#10b981}.analytics-container .stat-card:nth-child(3):before{background:#3b82f6}.analytics-container .stat-card-body{display:flex;justify-content:space-between;align-items:flex-start}.analytics-container .stat-info span{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:8px}.analytics-container .stat-info h2{font-size:1.8rem;font-weight:800;color:#1e293b;margin:0}.analytics-container .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.analytics-container .stat-icon.purple{background:#8b5cf61a;color:#8b5cf6}.analytics-container .stat-icon.blue{background:#3b82f61a;color:#3b82f6}.analytics-container .stat-trend{display:flex;align-items:center;gap:6px;padding-top:10px;margin-top:4px;border-top:1px solid #f1f5f9}.analytics-container .stat-trend.up{color:#10b981}.analytics-container .stat-trend.down{color:#ef4444}.analytics-container .stat-trend span{font-size:.8rem;font-weight:600}.analytics-container .stat-trend .stat-trend-label{color:#94a3b8!important;font-weight:500;font-size:.7rem;text-transform:uppercase}.stat-content .trend{font-size:.8rem;font-weight:700;margin-top:8px;display:inline-block;padding:2px 8px;border-radius:6px}.trend.up{background:#10b9811a;color:#10b981}.trend.down{background:#ef44441a;color:#ef4444}.chart-card{background:var(--card-bg, #ffffff);border-radius:28px;border:1px solid var(--border-color, #edf2f7);padding:32px;box-shadow:0 15px 35px -12px #00000014;margin-bottom:32px;transition:box-shadow .3s ease}.chart-card:hover{box-shadow:0 25px 50px -12px #0000001f}.chart-card.large{padding:32px}.sales-performance-section{margin-bottom:32px}.sales-performance-section .analytics-card-header{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;margin-bottom:32px;gap:24px;flex-wrap:nowrap;text-align:left!important}.sales-performance-section .header-text{flex-shrink:0;text-align:left!important;position:relative;padding-left:20px}.sales-performance-section .header-text:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:5px;background:linear-gradient(to bottom,#1a4fba,#3b82f6);border-radius:10px}.sales-performance-section .header-text h3{text-align:left!important;margin:0!important;font-size:1.5rem!important;font-weight:800!important;color:#1e293b!important;letter-spacing:-.02em!important}.sales-performance-section .header-text p{text-align:left!important;margin:4px 0 0!important;color:#64748b!important;font-size:.95rem!important;font-weight:500!important}.sales-performance-section .header-summary{flex-shrink:0}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.card-header h3{font-size:1.4rem;font-weight:800;margin:0;color:var(--text-color)}.card-header p{color:var(--secondary-text);margin:6px 0 0;font-size:.95rem}.header-summary{display:flex;gap:32px;align-items:center;margin-left:auto}.summary-item{text-align:left}.summary-item.active{position:relative}.summary-item label{font-size:.75rem;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.summary-item h4{font-size:1.6rem;font-weight:850;margin:4px 0 0;color:#1a4fba;letter-spacing:-.6px}.summary-divider{width:1px;height:40px;background:var(--border-color)}.analytics-secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.best-sellers-section{margin-bottom:32px}.table-card{background:var(--card-bg);border-radius:24px;border:1px solid var(--border-color);padding:28px;box-shadow:var(--shadow)}.analytics-table{width:100%;border-collapse:collapse;margin-top:16px}.analytics-table th{text-align:left;padding:12px 16px;font-size:.75rem;font-weight:800;color:var(--secondary-text);text-transform:uppercase;border-bottom:1px solid var(--border-color)}.analytics-table td{padding:16px;border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:.9rem}.course-cell{display:flex;align-items:center;gap:12px}.course-rank{width:28px;height:28px;background:var(--bg-color);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:var(--primary-color)}.course-meta .name{display:block;font-weight:700;font-size:.95rem}.course-meta .desc{font-size:.75rem;color:var(--secondary-text)}.sync-btn,.export-btn-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s;border:none}.sync-btn{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color)}.sync-btn:hover{background:var(--bg-color);border-color:var(--primary-color);transform:translateY(-1px)}.export-btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #3b82f64d}.export-btn-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.syncing svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-container{width:120px;background:var(--bg-color);height:8px;border-radius:4px;position:relative;overflow:hidden}.progress-bar{height:100%;background:var(--primary-color);border-radius:4px}.progress-text{position:absolute;right:0;top:-18px;font-size:.65rem;font-weight:800;color:var(--primary-color)}.status-badge{padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:800}.status-badge.high{background:#10b9811a;color:#10b981}.analytics-loading,.analytics-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;animation:fadeInAnalytics .5s ease-out}.error-card{background:var(--card-bg);padding:40px;border-radius:24px;border:1px solid var(--border-color);text-align:center;max-width:400px;box-shadow:var(--shadow)}.error-icon{font-size:3rem;margin-bottom:20px}.error-card h3{font-size:1.5rem;font-weight:800;margin-bottom:12px;color:var(--text-color)}.error-card p{color:var(--secondary-text);margin-bottom:24px;line-height:1.6}.retry-btn{background:var(--primary-color);color:#fff;border:none;padding:12px 32px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.retry-btn:hover{background:#2563eb;transform:translateY(-2px)}.loader{width:48px;height:48px;border:4px solid rgba(59,130,246,.1);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.branch-comparison-insights{margin-bottom:32px}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:24px}.insight-card{background:var(--card-bg);border-radius:20px;padding:24px;border:1px solid var(--border-color);display:flex;align-items:center;gap:20px;box-shadow:var(--shadow)}.insight-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.insight-icon.best{background:#10b9811a;color:#10b981}.insight-icon.needs-attention{background:#f59e0b1a;color:#f59e0b}.insight-info h4{margin:0;font-size:.85rem;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.5px}.insight-info .branch-name{display:block;font-size:1.2rem;font-weight:800;color:var(--text-color);margin:4px 0}.insight-info .metric{font-size:.9rem;font-weight:600;color:var(--primary-color)}.comparison-chart-card{background:var(--card-bg);border-radius:24px;padding:28px;border:1px solid var(--border-color);box-shadow:var(--shadow);margin-bottom:32px}.comparison-table-wrapper{margin-top:24px;overflow-x:auto}.performance-badge{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase}.performance-badge.best{background:#10b981;color:#fff}.performance-badge.average{background:#3b82f6;color:#fff}.performance-badge.lacking{background:#f59e0b;color:#fff}.performance-badge.inactive{background:#94a3b8;color:#fff}.rank-cell{font-weight:800;color:var(--secondary-text);width:40px}.revenue-cell{font-weight:700;color:var(--text-color)}.enrollment-cell{font-weight:600;color:var(--secondary-text)}@media(max-width:1024px){.stats-grid-analytics,.analytics-secondary-grid,.insights-grid{grid-template-columns:1fr}}.bc-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:28px;padding:32px;margin-bottom:32px;box-shadow:var(--shadow);position:relative;overflow:visible}.bc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;gap:20px;flex-wrap:wrap}.bc-title-block{display:flex;align-items:center;gap:16px}.bc-title-icon{font-size:2rem;width:56px;height:56px;background:linear-gradient(135deg,#6366f11f,#10b9811f);border-radius:16px;display:flex;align-items:center;justify-content:center}.bc-title{font-size:1.4rem;font-weight:800;margin:0;color:var(--text-color);letter-spacing:-.3px}.bc-subtitle{font-size:.9rem;color:var(--secondary-text);margin:4px 0 0}.bc-selector-wrap{position:relative;z-index:100}.bc-selector-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--bg-color);border:1.5px solid var(--border-color);border-radius:12px;color:var(--text-color);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.bc-selector-btn:hover{border-color:#6366f1;color:#6366f1}.bc-dropdown-backdrop{position:fixed;inset:0;z-index:99}.bc-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:320px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px -10px #00000040;z-index:200;overflow:hidden;animation:dropdownSlide .18s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.bc-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border-color);font-size:.85rem;font-weight:700;color:var(--text-color)}.bc-dropdown-toggle-all{background:none;border:none;color:#6366f1;font-size:.8rem;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s}.bc-dropdown-toggle-all:hover{background:#6366f114}.bc-dropdown-list{max-height:300px;overflow-y:auto;padding:8px}.bc-dropdown-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;cursor:pointer;transition:background .15s;font-size:.88rem}.bc-dropdown-item:hover{background:var(--bg-color)}.bc-dropdown-item.checked{background:#6366f10f}.bc-dropdown-item input[type=checkbox]{accent-color:#6366f1;width:15px;height:15px;cursor:pointer}.bc-dropdown-color{width:10px;height:10px;border-radius:50%;flex-shrink:0}.bc-dropdown-name{flex:1;color:var(--text-color);font-weight:500}.bc-dropdown-rev{font-size:.8rem;font-weight:700;color:var(--secondary-text)}.bc-empty{text-align:center;padding:48px 24px;color:var(--secondary-text)}.bc-empty-icon{font-size:3rem;margin-bottom:12px}.bc-empty p{font-size:1rem;font-weight:500}.bc-winners-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.bc-metric-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:18px;padding:18px 20px;transition:transform .2s,box-shadow .2s}.bc-metric-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.bc-metric-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.bc-metric-icon{font-size:1.25rem}.bc-metric-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--secondary-text)}.bc-metric-rows{display:flex;flex-direction:column;gap:10px}.bc-metric-winner,.bc-metric-loser{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bc-win-badge{font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:6px;background:#10b9811f;color:#10b981;white-space:nowrap}.bc-lose-badge{font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:6px;background:#f59e0b1f;color:#f59e0b;white-space:nowrap}.bc-win-name,.bc-lose-name{font-size:.85rem;font-weight:600;color:var(--text-color);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bc-win-value{font-size:.85rem;font-weight:800;color:#10b981;white-space:nowrap}.bc-lose-value{font-size:.85rem;font-weight:800;color:#f59e0b;white-space:nowrap}.bc-charts-row{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:28px}.bc-chart-box{background:var(--bg-color);border:1px solid var(--border-color);border-radius:20px;padding:20px 24px}.bc-chart-box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.bc-chart-box-header h4{margin:0;font-size:1rem;font-weight:700;color:var(--text-color)}.bc-chart-subtitle{font-size:.8rem;color:var(--secondary-text);margin:4px 0 0}.bc-metric-tabs{display:flex;gap:4px;background:var(--border-color);border-radius:10px;padding:3px}.bc-metric-tab{padding:5px 12px;border-radius:8px;font-size:.78rem;font-weight:700;border:none;background:transparent;color:var(--secondary-text);cursor:pointer;transition:all .2s;white-space:nowrap}.bc-metric-tab.active{background:var(--card-bg);color:#6366f1;box-shadow:0 2px 8px #00000014}.bc-legend-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.bc-legend-chip{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:var(--secondary-text);background:var(--card-bg);padding:4px 10px;border-radius:20px;border:1px solid var(--border-color)}.bc-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.bc-tooltip{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:12px 16px;box-shadow:0 10px 30px #00000026;min-width:160px}.bc-tooltip-label{font-size:.8rem;font-weight:700;color:var(--secondary-text);margin-bottom:8px;text-transform:uppercase;letter-spacing:.3px}.bc-tooltip-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.bc-tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.bc-tooltip-name{font-size:.85rem;color:var(--secondary-text);flex:1}.bc-tooltip-value{font-size:.85rem;font-weight:700;color:var(--text-color)}.bc-detail-table-wrap{background:var(--bg-color);border:1px solid var(--border-color);border-radius:20px;padding:20px 24px}.bc-table-title{font-size:1rem;font-weight:700;color:var(--text-color);margin:0 0 16px}.bc-detail-table-scroll{overflow-x:auto}.bc-detail-table{width:100%;border-collapse:collapse;min-width:600px}.bc-th-metric,.bc-td-metric{text-align:left;padding:12px 16px;font-size:.82rem;font-weight:700;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;background:var(--bg-color);position:sticky;left:0}.bc-td-metric{border-bottom:1px solid var(--border-color)}.bc-detail-table th{padding:12px 16px;font-size:.82rem;font-weight:700;color:var(--text-color);text-align:left;border-bottom:1px solid var(--border-color);min-width:140px}.bc-th-branch{display:flex;align-items:center;gap:8px;white-space:nowrap}.bc-th-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.bc-td-val{padding:12px 16px;font-size:.88rem;font-weight:600;color:var(--text-color);border-bottom:1px solid var(--border-color);text-align:left;transition:background .2s}.bc-td-val.bc-td-best{background:#10b9810f;color:#10b981}.bc-td-val.bc-td-worst{background:#f59e0b0f;color:#b45309}.bc-td-crown,.bc-td-alert{margin-left:6px;font-size:.75rem}@media(max-width:1100px){.bc-charts-row,.bc-winners-grid{grid-template-columns:1fr}}@media(max-width:768px){.bc-container{padding:20px}.bc-header{flex-direction:column}.bc-dropdown{width:100%;right:auto;left:0}}.bc-title-row{display:flex;align-items:center;gap:10px}.bc-live-dot{display:inline-flex;align-items:center;gap:5px;font-size:.65rem;font-weight:800;letter-spacing:.8px;color:#10b981;background:#10b9811a;border:1px solid rgba(16,185,129,.25);padding:3px 8px 3px 6px;border-radius:20px;position:relative}.bc-live-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#10b981;position:relative}.bc-live-pulse:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:#10b98166;animation:livePulse 1.8s ease-in-out infinite}.analytics-section{margin-bottom:32px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{font-size:1.4rem;font-weight:700;color:#1e293b;margin:0}.section-header p{font-size:.9rem;color:#64748b;margin:4px 0 0}.analytics-card-large{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #0000000a;border:1px solid #edf2f7}.analytics-empty-state{padding:60px 20px;text-align:center;background:#f8fafc;border-radius:16px;border:2px dashed #e2e8f0}.empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.analytics-empty-state h4{font-size:1.2rem;color:#1e293b;margin:0 0 8px}.analytics-empty-state p{color:#64748b;margin:0}@keyframes livePulse{0%{transform:scale(.8);opacity:.8}50%{transform:scale(1.6);opacity:0}to{transform:scale(.8);opacity:0}}.bc-last-updated{font-size:.78rem;color:var(--secondary-text);font-style:italic}.bc-flash{animation:bcFlash 1.2s ease-out}@keyframes bcFlash{0%{box-shadow:var(--shadow)}20%{box-shadow:0 0 0 3px #10b98159,var(--shadow)}to{box-shadow:var(--shadow)}}.crm-container{padding:2rem;max-width:100%;background:var(--bg-primary, #f9fafb);min-height:100vh}.crm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.crm-tabs{display:flex;gap:8px;margin-bottom:2rem;background:#f1f5f9;padding:6px;border-radius:14px;width:-moz-fit-content;width:fit-content}.crm-tab{display:flex;align-items:center;gap:10px;padding:10px 24px;background:transparent;border:none;border-radius:10px;color:#64748b;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.crm-tab svg{opacity:.7;width:18px;height:18px}.crm-tab:hover{color:#1e293b}.crm-tab.active{background:#fff;color:#3b82f6;box-shadow:0 4px 6px -1px #0000001a}.crm-tab.active svg{opacity:1}.header-left h1{font-size:2rem;font-weight:700;color:var(--text-primary, #1f2937);margin:0 0 .5rem}.header-left p{color:var(--text-secondary, #6b7280);margin:0}.header-actions{display:flex;gap:.75rem}.btn-add-lead,.btn-quick-capture{display:flex;align-items:center;gap:.5rem;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-add-lead{background:#3b82f6;color:#fff}.btn-quick-capture{background:#10b981;color:#fff}.btn-add-lead:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px #3b82f633}.btn-quick-capture:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 6px #10b98133}.crm-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.crm-stat-card{background:var(--card-bg, white);padding:1.5rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:1rem;transition:transform .2s}.crm-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.crm-stat-icon{width:48px;height:48px;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.crm-stat-info h3{font-size:1.75rem;font-weight:700;color:var(--text-primary, #1f2937);margin:0 0 .25rem}.branch-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--card-bg, #fff);border:1.5px solid var(--border-color, #e5e7eb);border-radius:20px;padding:16px 24px;box-shadow:0 4px 16px #0000000d;flex-wrap:wrap;position:relative;overflow:hidden;margin-top:20px}.branch-filter-bar:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#2157da,#6d3aff);border-radius:4px 0 0 4px}.branch-filter-left{display:flex;align-items:center;gap:14px}.branch-filter-icon{width:44px;height:44px;background:linear-gradient(135deg,#2157da,#4f46e5);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #2157da47;color:#fff}.branch-filter-text{display:flex;flex-direction:column;gap:3px}.branch-filter-label{font-size:.7rem;font-weight:800;color:#2157da;text-transform:uppercase;letter-spacing:.07em}.branch-filter-value{font-size:1rem;font-weight:800;color:#1e293b}.branch-filter-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.branch-filter-count{font-size:.75rem;font-weight:700;color:#2157da;background:#2157da14;border:1px solid rgba(33,87,218,.15);padding:5px 14px;border-radius:20px}.branch-filter-select{padding:7px 42px 7px 16px;border-radius:12px;border:1.5px solid var(--border-color, #e5e7eb);background:var(--card-bg, #fff);color:#1e293b;font-size:.88rem;font-weight:700;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232157da' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:all .2s}.crm-stat-info p{color:var(--text-secondary, #6b7280);margin:0;font-size:.875rem}.branch-filter-select.active-filter{border-color:#2157da!important;background-color:#eff6ff!important;color:#2157da!important}.crm-date-input{width:140px!important;padding:6px 10px!important;border-radius:10px!important;border:1px solid var(--border-color)!important;background-color:#eff6ff!important;color:#2157da!important;font-weight:700!important;font-size:.85rem!important;background-image:none!important;outline:none!important}.crm-date-input:focus{border-color:#2157da!important;box-shadow:0 0 0 3px #2157da1a!important}.crm-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:1rem;color:var(--text-secondary, #6b7280)}.search-box input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;font-size:.875rem;background:var(--card-bg, white);color:var(--text-primary, #1f2937)}.search-box input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.crm-filters select{padding:.75rem 1rem;border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;font-size:.875rem;background:var(--card-bg, white);color:var(--text-primary, #1f2937);cursor:pointer;min-width:150px}.crm-filters select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.crm-table-container{background:var(--card-bg, white);border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.crm-table{width:100%;border-collapse:collapse}.crm-table thead{background:var(--bg-secondary, #f9fafb);border-bottom:1px solid var(--border-color, #e5e7eb)}.crm-table th{padding:1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary, #6b7280);letter-spacing:.05em}.crm-table tbody tr{border-bottom:1px solid var(--border-color, #e5e7eb)}.crm-table tbody tr:hover{background:var(--bg-secondary, #f9fafb)}.crm-table tbody tr:last-child{border-bottom:none}.crm-table td{padding:1rem;color:var(--text-primary, #1f2937);font-size:.875rem}.lead-name{font-weight:500;color:var(--text-primary, #1f2937)}.contact-info{display:flex;flex-direction:column;gap:.25rem}.contact-info .phone{font-size:.8125rem;color:var(--text-secondary, #6b7280)}.status-badge,.priority-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.no-data{text-align:center;padding:3rem 1rem;color:var(--text-secondary, #6b7280)}.crm-pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary, #f9fafb);border-top:1px solid var(--border-color, #e5e7eb)}.pagination-info{font-size:.8125rem;color:var(--text-secondary, #6b7280)}.pagination-actions{display:flex;gap:.25rem}.btn-pagination{padding:.4rem .75rem;border:1px solid var(--border-color, #e5e7eb);background:var(--card-bg, white);color:var(--text-primary, #374151);font-size:.8125rem;border-radius:.375rem;cursor:pointer;transition:all .2s;min-width:2.5rem}.btn-pagination:hover:not(:disabled){background:var(--bg-secondary, #f3f4f6);border-color:#d1d5db}.btn-pagination.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.btn-pagination:disabled{opacity:.5;cursor:not-allowed}.crm-interactions-tab,.crm-reports-tab,.crm-settings-tab{animation:fadeIn .3s ease-out}.tab-header{margin-bottom:2rem}.tab-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary, #1f2937);margin:0 0 .25rem}.tab-header p{color:var(--text-secondary, #6b7280);margin:0}.interactions-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;background:var(--card-bg, white);border-radius:.75rem;text-align:center;border:2px dashed var(--border-color, #e5e7eb)}.interactions-placeholder p{color:var(--text-primary, #374151);margin:0 0 .5rem}.interactions-placeholder .small{font-size:.8125rem;color:var(--text-secondary, #6b7280)}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.report-card{background:var(--card-bg, white);padding:1.5rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.report-card h3{font-size:1.125rem;margin:0 0 1.5rem}.conversion-gauge{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0}.gauge-value{font-size:4rem;font-weight:800;color:#3b82f6}.gauge-label{font-size:1rem;color:var(--text-secondary, #6b7280)}.source-list{display:flex;flex-direction:column;gap:1.25rem}.source-item{display:flex;flex-direction:column;gap:.5rem}.source-item span{font-size:.875rem;font-weight:500}.source-bar-bg{height:8px;background:var(--bg-secondary, #f3f4f6);border-radius:4px;overflow:hidden}.source-bar-fill{height:100%;background:#3b82f6;border-radius:4px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.settings-card{background:var(--card-bg, white);padding:1.5rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.config-list{display:flex;flex-direction:column;gap:.75rem}.config-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-secondary, #f9fafb);border-radius:.5rem;border:1px solid var(--border-color, #e5e7eb)}.status-preview{display:flex;align-items:center;gap:.75rem}.color-dot{width:12px;height:12px;border-radius:50%}.btn-text{background:transparent;border:none;color:#3b82f6;font-size:.8125rem;font-weight:600;cursor:pointer}.btn-add-config{margin-top:1rem;padding:.75rem;background:transparent;border:2px dashed var(--border-color, #e5e7eb);color:var(--text-secondary, #6b7280);border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .2s}.btn-add-config:hover{border-color:#3b82f6;color:#3b82f6;background:#3b82f60d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.inactive{opacity:.5;text-decoration:line-through}.config-item{transition:all .2s;display:flex;justify-content:space-between;align-items:center}.config-item:hover{border-color:#3b82f6;background:var(--bg-primary, #f9fafb)!important;box-shadow:0 2px 4px #0000000d}.config-actions{display:flex;gap:.5rem}.btn-icon{background:transparent;border:none;color:#3b82f6;cursor:pointer;padding:.4rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background:#3b82f61a}.btn-icon.btn-delete{color:#ef4444!important}.btn-icon.btn-delete:hover{background:#ef44441a!important}.interaction-feed-item{display:flex;gap:1.25rem;padding:1.5rem;background:var(--card-bg, white);border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border-left:4px solid #3b82f6;transition:transform .2s}.interaction-feed-item:hover{transform:translate(4px)}.interaction-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.interaction-content{flex:1}.interaction-header{display:flex;justify-content:space-between;margin-bottom:.25rem}.interaction-subject{font-weight:600;font-size:1rem;margin-bottom:.5rem;color:var(--text-primary, #1f2937)}.interaction-notes{font-size:.875rem;color:var(--text-secondary, #4b5563);margin-bottom:1rem;line-height:1.5}.interaction-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-secondary, #9ca3af)}.outcome-tag{padding:.2rem .6rem;background:#f3f4f6;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.no-interactions{text-align:center;padding:4rem;background:var(--card-bg, white);border-radius:.75rem;color:var(--text-secondary, #6b7280);border:2px dashed var(--border-color, #e5e7eb)}.action-buttons{display:flex;gap:.5rem}.btn-icon{padding:.5rem;border:none;border-radius:.375rem;background:transparent;cursor:pointer;transition:all .2s}.btn-icon:hover{transform:scale(1.1)}.btn-view:hover{background:#3b82f61a;color:#3b82f6}.btn-edit:hover{background:#10b9811a;color:#10b981}.btn-interact:hover{background:#8b5cf61a;color:#8b5cf6}.btn-delete:hover{background:#ef44441a;color:#ef4444}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--card-bg, white);border-radius:.75rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-content.modal-large{max-width:900px}.modal-content.modal-quick-capture{max-width:500px}.quick-capture-desc{color:var(--text-secondary, #6b7280);font-size:.875rem;margin-bottom:1.5rem;padding:.75rem 1rem;background:var(--bg-secondary, #f9fafb);border-left:3px solid #10b981;border-radius:.25rem}.btn-submit-quick{background:#10b981;display:flex;align-items:center;gap:.5rem}.btn-submit-quick:hover{background:#059669}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.modal-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary, #1f2937);margin:0}.close-btn{background:transparent;border:none;cursor:pointer;padding:.5rem;color:var(--text-secondary, #6b7280);transition:all .2s;border-radius:.375rem}.close-btn:hover{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #1f2937)}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color, #e5e7eb)}.form-section{margin-bottom:2rem}.form-section:last-child{margin-bottom:0}.form-section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0 0 1rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary, #374151)}.form-group input,.form-group select,.form-group textarea{padding:.625rem .75rem;border:1px solid var(--border-color, #e5e7eb);border-radius:.375rem;font-size:.875rem;background:var(--card-bg, white);color:var(--text-primary, #1f2937)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;font-family:inherit}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.btn-cancel{padding:.625rem 1.25rem;background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #374151);border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:var(--border-color, #e5e7eb)}.btn-submit{padding:.625rem 1.25rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-submit:hover{background:#2563eb}.lead-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.details-section{margin-bottom:2rem}.details-section:last-child{margin-bottom:0}.details-section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0 0 1rem}.detail-item{display:flex;padding:.75rem 0;border-bottom:1px solid var(--border-color, #e5e7eb)}.detail-item:last-child{border-bottom:none}.detail-item label{font-weight:500;color:var(--text-secondary, #6b7280);min-width:140px}.detail-item span{color:var(--text-primary, #1f2937)}.lead-notes{color:var(--text-primary, #374151);line-height:1.6;white-space:pre-wrap}.btn-add-interaction{background:#3b82f6;color:#fff;border:none;padding:.625rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;margin-bottom:1rem;transition:all .2s}.btn-add-interaction:hover{background:#2563eb}.interactions-list{display:flex;flex-direction:column;gap:1rem}.interaction-card{background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;padding:1rem}.interaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.interaction-type{display:inline-block;padding:.25rem .75rem;background:#3b82f6;color:#fff;border-radius:.25rem;font-size:.75rem;font-weight:500;text-transform:capitalize}.interaction-date{font-size:.75rem;color:var(--text-secondary, #6b7280)}.interaction-body h4{font-size:.9375rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0 0 .5rem}.interaction-body p{color:var(--text-primary, #374151);line-height:1.5;margin:0 0 .75rem}.interaction-outcome{padding:.5rem;background:var(--card-bg, white);border-left:3px solid #3b82f6;font-size:.875rem;color:var(--text-primary, #374151);margin-bottom:.75rem}.interaction-outcome strong{color:#3b82f6}.interaction-footer{font-size:.75rem;color:var(--text-secondary, #6b7280)}.no-interactions{text-align:center;padding:2rem;color:var(--text-secondary, #6b7280);font-style:italic}.interaction-lead-name{padding:1rem;background:var(--bg-secondary, #f9fafb);border-radius:.375rem;margin-bottom:1rem}.interaction-lead-name strong{color:#3b82f6}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.125rem;color:var(--text-secondary, #6b7280)}:root[data-theme=dark]{--bg-primary: #111827;--bg-secondary: #1f2937;--card-bg: #1f2937;--text-primary: #f9fafb;--text-secondary: #9ca3af;--border-color: #374151}@media(max-width:768px){.crm-container{padding:1rem}.crm-header{flex-direction:column;align-items:flex-start;gap:1rem}.btn-add-lead{width:100%;justify-content:center}.crm-stats-grid{grid-template-columns:1fr}.crm-filters{flex-direction:column}.crm-filters select{width:100%}.crm-table-container{overflow-x:auto}.crm-table{min-width:1000px}.form-grid,.lead-details-grid{grid-template-columns:1fr}}.confirm-overlay{position:fixed;inset:0;background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1.5rem}.confirm-dialog{background:#fff;width:100%;max-width:400px;padding:2.5rem 2rem;border-radius:1.25rem;box-shadow:0 25px 50px -12px #00000040;text-align:center;transform:translateY(0);animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;transition:all .3s ease}.confirm-dialog.danger .confirm-icon{background:#fef2f2;color:#ef4444}.confirm-dialog.success .confirm-icon{background:#ecfdf5;color:#10b981}.confirm-dialog h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:.75rem}.confirm-dialog p{font-size:1rem;color:#64748b;line-height:1.6;margin-bottom:2rem}.confirm-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:1rem}.btn-confirm-cancel{padding:.875rem 1rem;border-radius:.75rem;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s}.btn-confirm-cancel:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.btn-confirm-action{padding:.875rem 1rem;border-radius:.75rem;border:none;color:#fff;font-weight:700;font-size:.9375rem;cursor:pointer;transition:all .2s}.btn-confirm-action.danger{background:#ef4444;box-shadow:0 4px 12px #ef44444d}.btn-confirm-action.danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 16px #ef444466}.btn-confirm-action.success{background:#10b981;box-shadow:0 4px 12px #10b9814d}.btn-confirm-action.success:hover{background:#059669;transform:translateY(-1px);box-shadow:0 6px 16px #10b98166}