.auth-page{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:1rem}.auth-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:400px;padding:2rem;width:100%}.auth-card h2{color:var(--text-primary);font-size:1.5rem}.auth-card h2,.auth-card p{margin-bottom:1.5rem;text-align:center}.auth-card p{color:var(--text-secondary)}.auth-form{gap:1rem}.auth-form,.auth-form .form-group{display:flex;flex-direction:column}.auth-form .form-group{gap:.375rem}.auth-form label{color:var(--text-primary);font-size:.875rem;font-weight:500}.auth-form input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.auth-form input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126;outline:none}.auth-form input::placeholder{color:var(--text-muted)}.auth-form button[type=submit]{background:var(--accent-gradient);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.auth-form button[type=submit]:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.auth-form button[type=submit]:disabled{cursor:not-allowed;opacity:.7;transform:none}.auth-links{margin-top:1rem;text-align:center}.auth-links a{color:var(--accent-primary);font-weight:500;text-decoration:none}.auth-links a:hover{text-decoration:underline}.auth-message{border-radius:var(--radius-md);margin-bottom:1rem;padding:1rem;text-align:center}.auth-message.success{background:var(--success-bg);color:var(--success-text)}.auth-message.error{background:var(--error-bg);color:var(--error-text)}.dashboard-layout{background:#f8f9fc;background:var(--bg-main)}.dashboard-layout,.sidebar{display:flex;min-height:100vh}.sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .3s ease;width:260px;z-index:1000}body.dark-mode .sidebar{background:#1e293b;border-right-color:#ffffff14}.sidebar.collapsed{width:70px}.sidebar-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px}body.dark-mode .sidebar-header{border-bottom-color:#ffffff14}.sidebar-logo{align-items:center;display:flex;gap:12px}.logo-icon{background:#6366f126;border-radius:12px;font-size:28px;padding:8px}.logo-text{color:#1e293b;font-size:20px;font-weight:700;white-space:nowrap}body.dark-mode .logo-text{color:#fff}.sidebar.collapsed .logo-text{display:none}.sidebar-toggle{align-items:center;background:#6366f11a;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:background .2s;width:28px}body.dark-mode .sidebar-toggle{background:#ffffff1a;color:#94a3b8}.sidebar-toggle:hover{background:#6366f133;color:#1e293b}body.dark-mode .sidebar-toggle:hover{background:#ffffff26;color:#fff}.sidebar.collapsed .sidebar-toggle{margin:0 auto}.sidebar-nav{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;overscroll-behavior:contain;padding:20px 0;touch-action:pan-y}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu li{margin-bottom:4px}.sidebar-link{align-items:center;border-left:3px solid #0000;color:#475569;cursor:pointer;display:flex;gap:14px;padding:12px 20px;text-decoration:none;transition:all .2s}body.dark-mode .sidebar-link{color:#94a3b8}.sidebar-link:hover{background:#6366f11a;color:#1e293b}body.dark-mode .sidebar-link:hover{background:#6366f11a;color:#e2e8f0}.sidebar-link.active{background:#6366f126;border-left-color:#6366f1;color:#6366f1}body.dark-mode .sidebar-link.active{color:#fff}.sidebar-icon{font-size:20px;min-width:24px;text-align:center}.sidebar-label{font-size:14px;font-weight:500;white-space:nowrap}.sidebar-badge{animation:badge-pulse 2s ease-in-out infinite;background:#ef4444;border-radius:10px;color:#fff;font-size:11px;font-weight:700;line-height:1.4;margin-left:auto;min-width:20px;padding:2px 7px;text-align:center}@keyframes badge-pulse{0%,to{box-shadow:0 0 0 0 #ef4444b3;transform:scale(1)}50%{box-shadow:0 0 0 4px #ef444400;transform:scale(1.05)}}.sidebar.collapsed .sidebar-badge,.sidebar.collapsed .sidebar-label{display:none}.sidebar.collapsed .sidebar-link{justify-content:center;padding:14px}.sidebar-footer{border-top:1px solid #e2e8f0;padding:20px}body.dark-mode .sidebar-footer{border-top-color:#ffffff14}.logout-btn{background:none;border:none;text-align:left;width:100%}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:260px;min-height:100vh;transition:margin-left .3s ease}.sidebar-collapsed .main-content{margin-left:70px}.main-header{align-items:center;background:#fff;background:var(--bg-card);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left h1{color:#1e293b;color:var(--text-primary);font-size:22px;font-weight:600;margin:0}.header-date{color:#64748b;color:var(--text-secondary);font-size:13px;margin-top:2px;text-transform:capitalize}.header-right{gap:16px}.header-right,.header-search{align-items:center;display:flex}.header-search{background:#f8f9fc;background:var(--bg-main);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:25px;gap:8px;padding:8px 16px}.header-search input{background:#0000;border:none;color:#1e293b;color:var(--text-primary);font-size:14px;outline:none;width:180px}.header-search input::placeholder{color:#64748b;color:var(--text-secondary)}.search-icon{font-size:16px;opacity:.6}.notification-btn,.theme-toggle{align-items:center;background:#f8f9fc;background:var(--bg-main);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:relative;transition:all .2s;width:40px}.notification-btn:hover,.theme-toggle:hover{background:#f1f5f9;background:var(--bg-hover);transform:scale(1.05)}.notification-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:10px;font-weight:600;min-width:18px;padding:2px 6px;position:absolute;right:-4px;text-align:center;top:-4px}.user-profile{align-items:center;background:#f8f9fc;background:var(--bg-main);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:30px;cursor:pointer;display:flex;gap:10px;padding:6px 12px;transition:all .2s}.user-profile-wrapper{position:relative}.user-menu-caret{font-size:12px;margin-left:2px;opacity:.7}.user-menu{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:14px;box-shadow:0 16px 40px #0000001f;min-width:220px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:1200}.user-menu-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;text-align:left;width:100%}.user-menu-item:hover{background:#f1f5f9;background:var(--bg-hover)}.user-menu-item.danger{color:#ef4444}.user-menu-item.danger:hover{background:#ef444414}.user-menu-sep{background:#e2e8f0;background:var(--border-color);height:1px;margin:6px}.user-profile:hover{background:#f1f5f9;background:var(--bg-hover)}.user-avatar{font-size:14px;height:36px;width:36px}.user-avatar-img{border-radius:50%;height:36px;object-fit:cover;width:36px}.user-info{display:flex;flex-direction:column}.user-name{color:#1e293b;font-size:13px}.user-role{color:#64748b;color:var(--text-secondary);font-size:11px}.content-area{flex:1 1;overflow-y:auto;padding:24px 30px}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(4,1fr)}.stat-card{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 8px 25px #0000001a}.stat-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.stat-title{color:#64748b;color:var(--text-secondary);font-size:13px;font-weight:500}.stat-icon{align-items:center;border-radius:10px;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.stat-icon.purple{background:#667eea26}.stat-icon.green{background:#10b98126}.stat-icon.blue{background:#3b82f626}.stat-icon.orange{background:#f9731626}.stat-value{color:#1e293b;margin-bottom:4px}.stat-date{color:#64748b;color:var(--text-secondary);font-size:11px;margin-bottom:8px}.stat-change{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:3px 8px}.stat-change.positive{background:#10b9811a;color:#10b981}.stat-change.negative{background:#ef44441a;color:#ef4444}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr;margin-bottom:24px}.chart-card,.data-card{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;padding:20px}.card-header{margin-bottom:20px}.card-title{font-size:16px;font-weight:600}.card-filter,.card-title{color:#1e293b;color:var(--text-primary)}.card-filter{background:#f8f9fc;background:var(--bg-main);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:13px;padding:6px 12px}.modern-table{border-collapse:initial;border-spacing:0;width:100%}.modern-table th{background:#f8f9fc;background:var(--bg-main);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#64748b;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.modern-table th:first-child{border-radius:8px 0 0 8px}.modern-table th:last-child{border-radius:0 8px 8px 0}.modern-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#1e293b;color:var(--text-primary);font-size:14px;padding:14px 16px}.modern-table tr:hover td{background:#f1f5f9;background:var(--bg-hover)}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 12px}.status-badge.confirmed{background:#10b9811a;color:#10b981}.status-badge.pending{background:#f973161a;color:#f97316}.status-badge.cancelled{background:#ef44441a;color:#ef4444}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar,.sidebar.mobile-open{height:100dvh;max-height:100dvh}.sidebar.mobile-open{transform:translateX(0)}.main-content{margin-left:0!important}.main-header{padding:12px 16px}.header-search,.user-info{display:none}.user-menu{min-width:200px}.stats-grid{grid-template-columns:1fr}.content-area{padding:16px}}.mobile-menu-btn{background:none;border:none;color:#1e293b;color:var(--text-primary);cursor:pointer;display:none;font-size:24px;padding:8px}.mobile-overlay{display:none}@media (max-width:768px){.mobile-menu-btn{align-items:center;display:flex;justify-content:center;margin-right:12px}.mobile-overlay{background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar.mobile-open{transform:translateX(0);z-index:1001}}@media (max-width:480px){.content-area{padding:12px 10px}.main-header{padding:10px 12px}.page-title{font-size:18px}.stat-card{padding:14px}.stat-value{font-size:24px}.data-card{border-radius:12px;padding:14px}.card-title{font-size:16px}.btn{font-size:13px;padding:10px 16px}.modal-content{margin:10px;max-height:calc(100vh - 20px);width:calc(100% - 20px)}table{font-size:13px}td,th{padding:10px 8px}}@media (max-width:380px){.content-area{padding:10px 8px}.stat-card{padding:12px}.stat-value{font-size:20px}.stat-title{font-size:12px}.data-card{padding:12px 10px}}.logo-img{border-radius:8px;height:32px;object-fit:cover;width:32px}:root{--bg-main:#f8f9fc;--accent-primary:#667eea;--accent-secondary:#764ba2}body.dark-mode{--bg-main:#0f172a;--bg-card:#1e293b;--bg-hover:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border-color:#334155}body.dark-mode .sidebar{background:linear-gradient(180deg,#1e1b4b,#312e81 50%,#4c1d95)}.template-editor{display:flex;flex-direction:column;gap:12px}.template-editor-container{align-items:center;background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:10px;display:flex;flex-wrap:wrap;gap:4px;min-height:100px;padding:12px;transition:border-color .2s}.template-editor-container:focus-within{background:#fff;border-color:#007bff;border-color:var(--primary-color,#007bff)}.template-editor-segment{background:#0000;border:none;color:#1e293b;color:var(--text-primary,#1e293b);flex-shrink:0;font-family:inherit;font-size:14px;outline:none;padding:4px 2px}.template-editor-segment.focused{background:#3b82f60d;border-radius:4px}.template-editor-segment::placeholder{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.template-tag{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;display:inline-flex;font-family:Courier New,monospace;font-size:13px;font-weight:600;gap:4px;padding:4px 8px;transition:transform .1s,box-shadow .1s;-webkit-user-select:none;user-select:none;white-space:nowrap}.template-tag:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.template-tag-remove{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:18px;justify-content:center;line-height:1;padding:0;transition:background .2s,transform .1s;width:18px}.template-tag-remove:hover{background:#ffffff4d;transform:scale(1.1)}.template-tag-remove:active{transform:scale(.95)}.template-tags-panel{background:#3b82f608;border:1px solid #3b82f626;border-radius:10px;padding:12px}.template-tags-header{align-items:center;border-bottom:1px solid #3b82f626;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.template-tags-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:13px;font-weight:600}.template-tags-subtitle{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px;font-style:italic}.template-tags-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.template-tag-button{align-items:flex-start;background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:8px 10px;transition:all .2s}.template-tag-button:hover{background:#3b82f60d;border-color:#667eea;box-shadow:0 2px 8px #667eea26;transform:translateY(-1px)}.template-tag-button:active{transform:translateY(0)}.template-tag-button-tag{color:#667eea;font-family:Courier New,monospace;font-size:12px;font-weight:700}.template-tag-button-label{font-weight:500}.template-char-count,.template-tag-button-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:11px}.template-char-count{padding-top:4px;text-align:right}.template-char-warning{color:#f59e0b;font-weight:600}@media (max-width:768px){.template-tags-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.template-tag-button{padding:6px 8px}.template-tag-button-tag{font-size:11px}.template-tag-button-label{font-size:10px}}.theme-toggle-container{align-items:center;display:flex;gap:12px}.theme-label{color:var(--text-secondary);font-size:14px;font-weight:500}.theme-toggle{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:999px;cursor:pointer;padding:2px;position:relative;transition:all .3s ease}.theme-toggle.dark{background:linear-gradient(135deg,#1e3a8a,#312e81)}.theme-toggle-slider{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;color:#f59e0b;display:flex;justify-content:center;left:2px;position:absolute;top:2px;transition:all .3s ease}.theme-toggle.dark .theme-toggle-slider{color:#6366f1;transform:translateX(100%)}.theme-toggle:hover{transform:scale(1.05)}.theme-toggle:focus{box-shadow:0 0 0 3px #6366f14d;outline:none}.theme-selector{padding:16px 0}.theme-selector-label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:12px}.theme-options{display:flex;gap:12px}.theme-option{align-items:center;background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px 12px;transition:all .2s ease}.theme-option:hover{background-color:var(--bg-hover);border-color:var(--accent-primary)}.theme-option.active{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.theme-option svg{height:28px;width:28px}.theme-option span{font-size:13px;font-weight:500}@media (max-width:480px){.theme-options{flex-direction:column}.theme-option{flex-direction:row;justify-content:center;padding:12px 16px}.theme-option svg{height:24px;width:24px}}.language-selector{align-items:center;display:inline-flex;position:relative}.language-dropdown{-webkit-appearance:none;appearance:none;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 36px 8px 12px;transition:all .2s ease}.language-dropdown:focus,.language-dropdown:hover{border-color:var(--accent-primary)}.language-dropdown:focus{box-shadow:0 0 0 3px #6366f133;outline:none}.language-current-flag{font-size:16px;pointer-events:none;position:absolute;right:12px}.language-buttons{padding:16px 0}.language-label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:12px}.language-options{display:flex;gap:12px}.language-btn{align-items:center;background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px 12px;transition:all .2s ease}.language-btn:hover{background-color:var(--bg-hover);border-color:var(--accent-primary)}.language-btn.active{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.language-flag{font-size:28px}.language-name{color:var(--text-primary);font-size:13px;font-weight:500}.language-btn.active .language-name{color:#fff}.language-minimal{display:flex;gap:4px}.language-mini-btn{align-items:center;background-color:initial;border:2px solid #0000;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.language-mini-btn:hover{background-color:var(--bg-hover);transform:scale(1.1)}.language-mini-btn.active{background-color:var(--bg-tertiary);border-color:var(--accent-primary)}@media (max-width:480px){.language-options{flex-direction:column}.language-btn{flex-direction:row;justify-content:center;padding:12px 16px}.language-flag{font-size:24px}}.admin-config{margin:0 auto;max-width:1200px;padding:20px}.admin-config.loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:15px;justify-content:center;min-height:400px}.spinner{height:40px;width:40px}.page-title{gap:12px}.message{align-items:center;animation:slideIn .3s ease;border-radius:10px;gap:10px;margin-bottom:20px;padding:12px 16px}.message.success{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.message.error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.message.info{background:#3b82f61a;border:1px solid #3b82f64d;color:#3b82f6}.message button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;margin-left:auto;opacity:.7}.config-layout{grid-gap:25px;display:grid;gap:25px;grid-template-columns:280px 1fr;margin-bottom:30px}.categories-sidebar{display:flex;flex-direction:column;gap:8px}.category-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px 16px;text-align:left;transition:all .2s ease}.category-btn:hover{border-color:var(--primary-color);transform:translateX(5px)}.category-btn.active{background:rgba(var(--primary-rgb),.1);border-color:var(--primary-color)}.cat-icon{flex-shrink:0;font-size:1.5rem}.cat-info{display:flex;flex-direction:column;gap:2px}.cat-name{color:var(--text-primary);font-weight:600}.cat-desc{color:var(--text-secondary);font-size:.8rem}.config-panel{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;overflow:hidden}.panel-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);justify-content:space-between;padding:20px 24px}.header-info h2,.panel-header{align-items:center;display:flex}.header-info h2{color:var(--text-primary);font-size:1.3rem;gap:10px;margin:0 0 5px}.header-info p{color:var(--text-secondary);font-size:.9rem;margin:0}.toggle-switch{align-items:center;cursor:pointer;display:inline-flex;gap:10px}.toggle-switch .slider{background:var(--border-color);border-radius:26px;height:26px;position:relative;transition:.3s;width:50px}.toggle-switch .slider:before{background:#fff;border-radius:50%;content:"";height:20px;left:3px;position:absolute;top:3px;transition:.3s;width:20px}.toggle-switch input:checked+.slider{background:var(--primary-color)}.toggle-switch input:checked+.slider:before{transform:translateX(24px)}.toggle-switch.small .slider{height:22px;width:40px}.toggle-switch.small .slider:before{height:16px;width:16px}.toggle-switch.small input:checked+.slider:before{transform:translateX(18px)}.toggle-switch .label{color:var(--text-secondary);font-size:.9rem}.loading-panel{align-items:center;display:flex;justify-content:center;padding:60px}.config-fields{grid-gap:20px;display:grid;gap:20px;padding:24px}.config-field{display:flex;flex-direction:column;gap:6px}.config-field label{align-items:center;display:flex;gap:8px}.field-label{color:var(--text-primary);font-weight:600}.secret-badge{font-size:.9rem}.field-desc{color:var(--text-secondary);font-size:.85rem;margin:0}.config-field input[type=email],.config-field input[type=number],.config-field input[type=password],.config-field input[type=text]{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;padding:12px 16px;transition:border-color .2s}.config-field input:focus{border-color:var(--primary-color);outline:none}.config-field input.secret-input::placeholder{color:var(--text-secondary)}.panel-footer{align-items:center;background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 24px}.test-buttons{display:flex;gap:10px}.btn-test{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:10px 18px;transition:all .2s}.btn-test:hover:not(:disabled){border-color:var(--primary-color)}.btn-test:disabled{cursor:not-allowed;opacity:.6}.btn-save{background:var(--primary-color);font-size:.95rem;padding:12px 24px;transition:all .2s}.btn-save:hover:not(:disabled){background:var(--primary-hover)}.btn-save:disabled{cursor:not-allowed;opacity:.6}.help-section{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;padding:24px}.help-section h3{color:var(--text-primary);font-size:1.2rem;margin:0 0 20px}.help-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.help-card{background:var(--bg-primary);border-radius:10px;padding:16px}.help-card h4{color:var(--text-primary);font-size:1rem;margin:0 0 8px}.help-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin:0}.help-card a{color:var(--primary-color)}@media (max-width:900px){.config-layout{grid-template-columns:1fr}.categories-sidebar{flex-direction:row;overflow-x:auto;padding-bottom:10px}.category-btn{flex-shrink:0;min-width:150px}.category-btn:hover{transform:none}}@media (max-width:600px){.panel-header{align-items:flex-start;flex-direction:column;gap:15px}.panel-footer{flex-direction:column;gap:12px}.test-buttons{width:100%}.btn-test{flex:1 1}.btn-save{width:100%}}.settings-page{margin:0 auto;max-width:800px;padding:20px}.settings-page.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.settings-header{margin-bottom:30px}.settings-header h1{color:var(--text-primary);font-size:28px;margin:0}.settings-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:8px;margin-bottom:24px;overflow-x:auto}.settings-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.settings-tab:hover{background:#0000000d;background:var(--hover-bg,#0000000d);color:var(--text-primary)}.settings-tab.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}.settings-tab .tab-icon{font-size:18px}.settings-content{display:flex;flex-direction:column;gap:24px}.settings-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px}.settings-section h2{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;font-size:18px;gap:10px;margin:0 0 20px;padding-bottom:12px}.section-icon{font-size:24px}.setting-group{display:flex;flex-direction:column;gap:16px}.setting-description{color:var(--text-secondary);font-size:14px;margin:0}.toggle-setting{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 0}.toggle-setting:last-child{border-bottom:none}.toggle-info{display:flex;flex-direction:column;gap:4px}.toggle-label{color:var(--text-primary);font-weight:500}.toggle-description{color:var(--text-secondary);font-size:13px}.toggle-slider{background-color:var(--bg-tertiary)}.toggle-switch input:checked+.toggle-slider{background:var(--accent-gradient)}.integration-connected{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.connected-status{align-items:center;color:var(--success);display:flex;font-weight:500;gap:8px}.status-icon{font-size:20px}.integration-actions{display:flex;gap:12px}.btn-google{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;cursor:pointer;display:flex;font-weight:500;gap:10px;padding:12px 20px;transition:all .2s ease}.btn-google:hover{background-color:#f9fafb;box-shadow:0 2px 8px #0000001a}.btn-secondary{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-secondary:hover{background-color:var(--bg-hover)}.btn-danger{border-radius:8px;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-danger:hover{opacity:.9}.btn-danger-outline{background-color:initial;border:1px solid var(--error);border-radius:8px;color:var(--error);cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-danger-outline:hover{background-color:var(--error-bg)}.about-section .about-info{color:var(--text-secondary);text-align:center}.about-info p{margin:4px 0}.about-info .copyright{color:var(--text-muted);font-size:12px;margin-top:12px}@media (max-width:600px){.settings-page,.settings-section{padding:16px}.toggle-setting{gap:12px}.integration-connected,.toggle-setting{align-items:flex-start;flex-direction:column}.integration-actions{width:100%}.integration-actions button{flex:1 1}}.loader{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-primary);height:40px;width:40px}.loading-container{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px}.tab-navigation{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:8px}.tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.tab-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.top-users-list{display:flex;flex-direction:column;gap:12px}.top-user-item{align-items:center;background:var(--bg-main);border-radius:10px;display:flex;gap:14px;padding:12px;transition:background .2s}.top-user-item:hover{background:var(--bg-hover)}.rank-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.user-details{display:flex;flex-direction:column}.user-details .user-name{color:var(--text-primary);font-size:14px;font-weight:600}.user-details .user-stat{color:var(--text-secondary);font-size:12px}.user-score{color:#10b981;font-size:14px;font-weight:600}.action-buttons{display:flex;gap:6px}.btn-icon{align-items:center;background:var(--bg-main);border-radius:6px;display:flex;justify-content:center}.btn-icon:hover{background:var(--bg-hover);transform:scale(1.1)}.btn-icon.danger:hover{background:#ef44441a}.user-avatar-small{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.role-badge{border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.role-badge.admin{background:#667eea26;color:#667eea}.role-badge.client,.role-badge.user{background:#10b98126;color:#10b981}.services-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.service-card{background:var(--bg-main);border-left:4px solid #667eea;border-radius:12px;padding:20px;transition:transform .2s}.service-card:hover{transform:translateY(-2px)}.service-card h4{color:var(--text-primary);margin:0 0 8px}.service-card p{color:var(--text-secondary);font-size:14px;margin:0 0 12px}.service-meta{color:var(--text-secondary);display:flex;font-size:13px;gap:16px}.settings-form{max-width:600px}.settings-form .form-group{margin-bottom:20px}.settings-form .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.form-group label{color:var(--text-secondary)}.form-input{border-radius:8px;padding:10px 14px;transition:border-color .2s}.form-input:focus{border-color:#667eea}.form-row{grid-template-columns:repeat(2,1fr)}.schedule-row{align-items:center;background:var(--bg-main);border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px}.schedule-row .form-input{flex:1 1;min-width:100px}.schedule-row select.form-input{min-width:120px}.schedule-row span{color:var(--text-secondary);font-size:13px}.modal-overlay{padding:20px}.modal-modern{background:var(--bg-card);border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.modal-modern.modal-large{max-width:700px}.modal-header{border-bottom:1px solid var(--border-color);padding:20px 24px}.modal-header h3{color:var(--text-primary);font-size:18px}.modal-close{line-height:1;padding:0}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border-color);padding:16px 24px}.btn{border-radius:8px;padding:10px 20px}.btn-primary:hover{box-shadow:0 4px 12px #667eea66}@media (max-width:768px){.tab-navigation{padding:6px}.tab-btn{font-size:12px;padding:8px 12px}.settings-form .form-row{grid-template-columns:1fr}.schedule-row{flex-wrap:wrap}.form-row{grid-template-columns:1fr}}.emoji-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.emoji-btn{align-items:center;background:var(--bg-main);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;font-size:22px;height:44px;justify-content:center;transition:all .2s;width:44px}.emoji-btn:hover{border-color:#6366f1;transform:scale(1.1)}.emoji-btn.active{background:#6366f11a;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.clean-modal{animation:slideUpModal .3s ease-out}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.clean-modal input:focus,.clean-modal select:focus,.clean-modal textarea:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a;outline:none}.clean-modal label{color:#334155;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.clean-modal input,.clean-modal select,.clean-modal textarea{fontSize:15px;borderRadius:10px;border:1px solid #e2e8f0;font-family:inherit;outline:none;padding:12px 16px;transition:all .2s;width:100%}.clean-modal select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;cursor:pointer;padding-right:40px}.clean-modal .form-section{margin-bottom:32px}.clean-modal .form-section-title{fontSize:13px;fontWeight:600;textTransform:uppercase;letterSpacing:.8px;color:#64748b;margin:0 0 20px}@media (min-width:1024px){.clean-modal{maxWidth:920px!important;width:90%!important}}@media (max-width:1023px) and (min-width:768px){.clean-modal{maxWidth:700px!important;width:92%!important}}@media (max-width:480px){.modern-table{font-size:12px}.modern-table td,.modern-table th{padding:10px 6px}.tab-btn{font-size:11px;gap:4px;padding:6px 8px}.tab-btn .icon{font-size:14px}.card-header{align-items:flex-start;flex-direction:column;gap:12px}.btn{justify-content:center;width:100%}.form-row{gap:10px}.modal-content{margin:10px;max-height:90vh;padding:16px}.modern-modal{margin:10px;max-width:calc(100vw - 20px)!important}.modern-modal .modal-header{align-items:flex-start;flex-direction:column;gap:8px;padding:16px!important}.modern-modal .modal-header h3{font-size:20px!important}.modern-modal .modal-header p{font-size:13px!important}.modern-modal .modal-header .modal-close{position:absolute;right:12px;top:12px}.modern-modal .modal-body{padding:16px!important}.modern-modal .form-row{grid-template-columns:1fr!important}.modern-modal .modal-actions{flex-direction:column-reverse;padding:12px 0!important}.modern-modal .modal-actions button{min-width:auto!important;padding:12px!important;width:100%}.modern-modal input,.modern-modal select,.modern-modal textarea{font-size:16px!important;padding:12px!important}.modern-modal .form-group label{font-size:13px!important}.status-badge{font-size:10px;padding:3px 8px}.emoji-picker{gap:4px}.emoji-btn{font-size:18px;height:36px;width:36px}}@media (max-width:768px){.modern-modal{max-width:calc(100vw - 40px)!important}.modern-modal .form-row{grid-template-columns:1fr!important}}.quick-actions{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.quick-action-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);display:flex;font-weight:500;gap:10px;padding:16px 24px;transition:all .2s}.quick-action-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.quick-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.qa-icon{font-size:20px}.upcoming-list{display:flex;flex-direction:column;gap:12px}.upcoming-item{align-items:center;background:var(--bg-main);border-radius:10px;display:flex;gap:16px;padding:14px;transition:background .2s}.upcoming-item:hover{background:var(--bg-hover)}.upcoming-date{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;flex-direction:column;min-width:50px;padding:8px 12px}.upcoming-date .day{font-size:20px;font-weight:700;line-height:1}.upcoming-date .month{font-size:11px;text-transform:uppercase}.upcoming-info{display:flex;flex:1 1;flex-direction:column}.upcoming-info .time{color:var(--text-primary);font-size:16px;font-weight:600}.upcoming-info .type{color:var(--text-secondary);font-size:13px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{align-items:center;border-radius:8px;display:flex;gap:12px;padding:10px;transition:background .2s}.activity-item:hover{background:var(--bg-hover)}.activity-icon{align-items:center;border-radius:50%;display:flex;font-size:14px;height:36px;justify-content:center;width:36px}.activity-icon.success{background:#10b98126;color:#10b981}.activity-icon.cancelled{background:#ef444426;color:#ef4444}.activity-info{display:flex;flex:1 1;flex-direction:column}.activity-title{color:var(--text-primary);font-size:14px}.activity-date{color:var(--text-secondary);font-size:12px}.pagination-controls{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:16px;padding:16px 0 8px}.pagination-btn{align-items:center;background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-info{color:var(--text-secondary);font-size:14px;font-weight:600}@media (max-width:480px){.pagination-controls{flex-direction:row;gap:8px}.pagination-btn{font-size:12px;padding:8px 12px}.pagination-info{font-size:12px}}.empty-state{color:var(--text-secondary);padding:40px 20px}.empty-state p{margin-bottom:16px}.calendar-container{box-sizing:border-box;max-width:100%;padding:0 10px;width:100%}.calendar-nav{margin-bottom:24px;padding:0 10px}.calendar-nav button{align-items:center;background:var(--bg-main);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;transition:all .2s;width:44px}.calendar-nav button:hover{background:var(--bg-hover)}.calendar-nav span{color:var(--text-primary);font-size:18px;font-weight:600;text-transform:capitalize}.calendar-grid{background:var(--bg-main);border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:20px}.calendar-weekdays{grid-gap:8px;gap:8px;margin-bottom:12px}.weekday{color:var(--text-secondary);font-size:14px;font-weight:600;padding:10px 0;text-align:center}.calendar-days{grid-gap:8px;gap:8px}.calendar-day{border-radius:12px;color:#1f2937;font-size:16px;font-weight:600;min-height:48px;min-width:48px;transition:all .2s}.calendar-day.other-month{color:#9ca3af;opacity:.4}.calendar-day.today{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66;color:#fff;font-weight:700}.calendar-day.past{color:#6b7280;font-weight:500;opacity:.6}.calendar-day.has-slots{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 3px 10px #10b98159;color:#fff;font-weight:700}.calendar-day.has-slots:hover{background:linear-gradient(135deg,#059669,#047857);transform:scale(1.05)}.calendar-day.no-slots{background:#f3f4f6;color:#000;font-weight:700}.calendar-legend{border-top:1px solid var(--border-color);display:flex;gap:24px;justify-content:center;margin-top:20px;padding-top:20px}.legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:8px}.legend-item .dot{border-radius:50%;height:12px;width:12px}.legend-item .dot.available{background:#10b981}.legend-item .dot.unavailable{background:var(--text-secondary);opacity:.5}@media (max-width:768px){.calendar-container{padding:0 5px}.calendar-nav{margin-bottom:20px;padding:0 5px}.calendar-nav button{font-size:16px;height:40px;width:40px}.calendar-nav span{font-size:16px}.calendar-grid{padding:15px 10px}.calendar-weekdays{gap:4px;margin-bottom:8px}.weekday{font-size:12px;padding:8px 0}.calendar-days{gap:4px}.calendar-day{border-radius:10px;font-size:14px;min-height:40px;min-width:40px}.calendar-legend{gap:16px;margin-top:16px;padding-top:16px}.legend-item{font-size:12px;gap:6px}.legend-item .dot{height:10px;width:10px}}@media (max-width:480px){.calendar-container{padding:0}.calendar-grid{border-radius:12px;padding:12px 8px}.calendar-weekdays{gap:2px}.weekday{font-size:11px;padding:6px 0}.calendar-days{gap:3px}.calendar-day{border-radius:8px;font-size:13px;min-height:36px;min-width:36px}.calendar-nav button{height:36px;width:36px}.calendar-nav span{font-size:15px}}.slots-container{padding:20px 0}.slots-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.slot-card{background:var(--bg-main);border:2px solid var(--border-color);border-radius:12px;padding:16px;text-align:center}.slot-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.slot-card.available{border-color:#10b981}.slot-card.available:hover{background:#10b9811a}.slot-card.booked{background:#667eea1a;border-color:#667eea;cursor:default}.slot-card.full{border-color:var(--text-secondary);cursor:not-allowed;opacity:.6}.slot-card.past{cursor:not-allowed;opacity:.4}.slot-time{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:4px}.slot-info{color:var(--text-secondary);font-size:12px}.slot-badge{color:#667eea;font-size:11px;font-weight:600;margin-top:8px}.slot-badge.full{color:var(--text-secondary)}.workout-list{display:flex;flex-direction:column;gap:12px}.workout-card{background:var(--bg-main);border-left:4px solid #667eea;border-radius:12px;padding:20px}.workout-card h4{color:var(--text-primary);margin:0 0 8px}.workout-card p{color:var(--text-secondary);font-size:14px;margin:0 0 12px}.booking-section{max-width:600px}@media (max-width:768px){.quick-actions{flex-direction:column}.quick-action-btn{justify-content:center;width:100%}.slots-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.slots-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:380px){.calendar-grid{padding:8px 4px}.calendar-weekdays{gap:1px}.weekday{font-size:10px;padding:4px 0}.calendar-days{gap:2px}.calendar-day{border-radius:6px;font-size:11px;min-height:32px;min-width:32px}.calendar-nav{margin-bottom:12px;padding:0}.calendar-nav button{font-size:14px;height:32px;width:32px}.calendar-nav span{font-size:14px}.calendar-legend{flex-wrap:wrap;font-size:10px;gap:10px}.legend-item{font-size:10px}.slots-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.slot-card{padding:10px 8px}.slot-time{font-size:14px}.slot-info{font-size:10px}}.data-card{overflow-x:hidden}.calendar-container,.calendar-days,.calendar-grid,.calendar-weekdays{max-width:100%;overflow-x:hidden}.profile-page{margin:0 auto;max-width:700px}.profile-header{margin-bottom:24px}.profile-header h2{color:var(--text-primary);margin:0 0 4px}.profile-header p{color:var(--text-secondary);font-size:14px;margin:0}.profile-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;margin-bottom:20px;padding:24px}.profile-card h3{color:var(--text-primary);font-size:16px;margin:0 0 20px}.avatar-section{align-items:center;display:flex;gap:24px}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;flex-shrink:0;height:100px;justify-content:center;overflow:hidden;width:100px}.profile-avatar-img{height:100%;object-fit:cover;width:100%}.profile-avatar-letter{color:#fff;font-size:40px;font-weight:700}.avatar-actions{display:flex;flex-direction:column;gap:10px}.avatar-actions .btn{width:-webkit-fit-content;width:fit-content}.avatar-hint{color:var(--text-secondary);font-size:12px;margin:0}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:var(--text-primary);font-size:13px;font-weight:500}.form-input{background:var(--bg-main);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;padding:12px 14px;transition:all .2s}.form-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-input::placeholder{color:var(--text-secondary)}.profile-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.btn{border-radius:10px;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{box-shadow:0 4px 12px #667eea4d}.btn-outline{border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{background:var(--bg-hover)}@media (max-width:600px){.avatar-section{flex-direction:column;text-align:center}.avatar-actions{align-items:center}.profile-actions{justify-content:center}}.gamification-page{padding:0}.stats-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.stat-card{background:var(--bg-secondary);border-radius:12px;padding:20px;text-align:center;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-icon{font-size:32px;margin-bottom:8px}.stat-value{color:var(--text-primary);font-size:28px}.stat-label{color:var(--text-secondary);font-size:13px;margin-top:4px}.level-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;margin-bottom:24px;padding:24px}.level-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.level-info h3{font-size:14px;margin:0;opacity:.9}.level-number{font-size:48px;font-weight:800;line-height:1}.level-xp{text-align:right}.level-xp .current{font-size:24px;font-weight:700}.level-xp .next{font-size:14px;opacity:.8}.xp-progress-bar{background:#ffffff4d;border-radius:10px;height:12px;overflow:hidden}.xp-progress-fill{background:#fff;border-radius:10px;height:100%;transition:width .5s ease}.level-stats{display:flex;gap:24px;margin-top:16px}.level-stat{text-align:center}.level-stat-value{font-size:20px;font-weight:700}.level-stat-label{font-size:12px;opacity:.8}.gamification-tabs{border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:16px}.gami-tab{align-items:center;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.gami-tab:hover{background:var(--bg-main);color:var(--text-primary)}.gami-tab.active{background:#6366f1;color:#fff}.badges-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.badge-card{background:var(--bg-secondary);border:2px solid #0000;border-radius:16px;padding:20px;position:relative;text-align:center;transition:all .2s}.badge-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.badge-card.earned{border-color:#10b981}.badge-card.locked{filter:grayscale(50%);opacity:.5}.badge-icon{font-size:48px;margin-bottom:12px}.badge-name{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.badge-desc{color:var(--text-secondary);font-size:12px;margin-bottom:8px}.badge-xp{color:#f59e0b;font-size:12px;font-weight:600}.badge-earned-mark{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:10px;top:10px;width:24px}.challenges-list{display:flex;flex-direction:column;gap:16px}.challenge-card{align-items:flex-start;background:var(--bg-secondary);border-radius:16px;display:flex;gap:20px;padding:20px}.challenge-icon{font-size:40px;min-width:60px;text-align:center}.challenge-content{flex:1 1}.challenge-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.challenge-title{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.challenge-reward{background:#fef3c7;border-radius:12px;color:#92400e;font-size:12px;font-weight:600;padding:4px 10px}.challenge-desc{color:var(--text-secondary);font-size:14px}.challenge-desc,.challenge-progress{margin-bottom:12px}.progress-bar{background:var(--bg-main);border-radius:8px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:8px;height:100%;transition:width .3s}.progress-text{color:var(--text-secondary);font-size:12px;margin-top:4px}.challenge-footer{align-items:center;display:flex;justify-content:space-between}.challenge-participants,.challenge-time{color:var(--text-secondary);font-size:12px}.join-btn{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s}.join-btn:hover{background:#4f46e5}.join-btn.joined{background:#10b981}.join-btn.completed{background:#f59e0b}.leaderboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.period-toggle{display:flex;gap:8px}.period-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:6px 14px;transition:all .2s}.period-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.leaderboard-list{display:flex;flex-direction:column;gap:8px}.leaderboard-item{align-items:center;background:var(--bg-secondary);border-radius:12px;display:flex;gap:16px;padding:16px 20px;transition:all .2s}.leaderboard-item:hover{background:var(--bg-main)}.leaderboard-item.top-1{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b}.leaderboard-item.top-2{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #9ca3af}.leaderboard-item.top-3{background:linear-gradient(135deg,#fed7aa,#fdba74);border:2px solid #ea580c}.leaderboard-item.is-me{border:2px solid #6366f1}.rank{font-size:20px;font-weight:700;min-width:40px;text-align:center}.rank-medal{font-size:24px}.user-info{flex:1 1}.user-workouts{color:var(--text-secondary);font-size:12px}.user-points{color:#6366f1;font-size:18px;font-weight:700}.empty-challenges{padding:60px 20px;text-align:center}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.challenge-card{flex-direction:column}.challenge-icon{min-width:auto}.gamification-tabs{flex-wrap:nowrap;overflow-x:auto}.level-stats{justify-content:space-around}}.buddy-page{padding:0}.buddy-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:24px}.buddy-stat{background:var(--bg-secondary);border-radius:12px;padding:20px;text-align:center}.buddy-stat-icon{font-size:28px;margin-bottom:8px}.buddy-stat-value{color:var(--text-primary);font-size:24px;font-weight:700}.buddy-stat-label{color:var(--text-secondary);font-size:12px;margin-top:4px}.buddy-tabs{border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:16px}.buddy-tab{align-items:center;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;position:relative;transition:all .2s}.buddy-tab:hover{background:var(--bg-main);color:var(--text-primary)}.buddy-tab.active{background:#6366f1;color:#fff}.buddy-tab .badge{background:#ef4444;border-radius:10px;color:#fff;font-size:11px;min-width:18px;padding:2px 6px;text-align:center}.search-section{margin-bottom:24px}.search-box{display:flex;gap:12px;margin-bottom:16px}.search-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);flex:1 1;font-size:14px;padding:12px 16px}.search-input:focus{border-color:#6366f1;outline:none}.search-btn{background:#6366f1;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background .2s}.search-btn:hover{background:#4f46e5}.users-list{display:flex;flex-direction:column;gap:12px}.user-card{align-items:center;background:var(--bg-secondary);border-radius:12px;display:flex;gap:16px;padding:16px 20px;transition:all .2s}.user-card:hover{background:var(--bg-main)}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:600;height:50px;justify-content:center;width:50px}.user-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.user-details{flex:1 1}.user-name{color:var(--text-primary);font-weight:600;margin-bottom:2px}.user-email{font-size:13px}.user-email,.user-since{color:var(--text-secondary)}.user-since{font-size:12px;margin-top:4px}.user-actions{display:flex;gap:8px}.action-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.action-btn.primary{background:#6366f1;color:#fff}.action-btn.primary:hover{background:#4f46e5}.action-btn.success{background:#10b981;color:#fff}.action-btn.success:hover{background:#059669}.action-btn.danger{background:#ef4444;color:#fff}.action-btn.danger:hover{background:#dc2626}.action-btn.outline{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.action-btn.outline:hover{background:var(--bg-main);color:var(--text-primary)}.invite-card{align-items:flex-start;background:var(--bg-secondary);border-left:4px solid #6366f1;border-radius:12px;display:flex;gap:16px;padding:20px}.invite-content{flex:1 1}.invite-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.invite-from{color:var(--text-primary);font-weight:600}.invite-time{color:var(--text-secondary);font-size:12px}.invite-slot{align-items:center;background:var(--bg-main);border-radius:8px;display:inline-flex;gap:8px;margin:12px 0;padding:10px 14px}.invite-slot-icon{font-size:18px}.invite-slot-text{color:var(--text-primary);font-size:14px;font-weight:500}.invite-message{color:var(--text-secondary);font-size:14px;font-style:italic;margin-top:8px}.invite-actions{display:flex;gap:8px;margin-top:12px}.request-card{align-items:center;background:var(--bg-secondary);border-left:4px solid #f59e0b;border-radius:12px;display:flex;gap:16px;padding:16px 20px}.request-info{flex:1 1}.request-name{color:var(--text-primary);font-weight:600}.request-email{color:var(--text-secondary);font-size:13px}.request-actions{display:flex;gap:8px}.modal-overlay{z-index:1000}.modal-content{background:var(--bg-secondary);border-radius:16px;max-height:80vh;max-width:450px;overflow-y:auto;padding:24px;width:90%}.modal-header{margin-bottom:20px}.modal-title{color:var(--text-primary);font-size:18px;font-weight:600}.modal-close{color:var(--text-secondary);font-size:24px}.modal-body{margin-bottom:20px}.modal-footer{gap:12px}@media (max-width:768px){.search-box,.user-card{flex-direction:column}.user-card{text-align:center}.user-actions{margin-top:12px}.buddy-tabs{flex-wrap:nowrap;overflow-x:auto}}.credits-page{padding:0}.balance-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;margin-bottom:24px;overflow:hidden;padding:30px;position:relative}.balance-card:before{content:"💳";font-size:120px;opacity:.15;position:absolute;right:-20px;top:-20px}.balance-label{font-size:14px;margin-bottom:8px;opacity:.9}.balance-amount{font-size:48px;font-weight:700;margin-bottom:4px}.balance-currency{font-size:20px;margin-left:4px;opacity:.8}.balance-stats{display:flex;gap:24px;margin-top:20px}.balance-stat{opacity:.9}.balance-stat-value{font-size:18px;font-weight:600}.balance-stat-label{font-size:12px;opacity:.8}.balance-expiry{background:#ffffff26;border-radius:8px;display:inline-block;font-size:13px;margin-top:16px;padding:8px 12px}.section-title{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:10px;margin-bottom:16px}.packages-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.package-card{border:2px solid #0000;cursor:pointer;padding:24px;transition:all .3s}.package-card:hover{border-color:#6366f1;box-shadow:0 10px 40px #6366f133;transform:translateY(-4px)}.package-card.popular{border-color:#f59e0b}.package-popular-badge{background:#f59e0b;border-radius:20px;color:#fff;font-size:11px;font-weight:600;padding:4px 12px;position:absolute;right:20px;top:-10px}.package-icon{font-size:40px;margin-bottom:12px}.package-name{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.package-credits{color:#6366f1;font-size:32px;font-weight:700;margin-bottom:4px}.package-credits span{color:var(--text-secondary);font-size:14px;font-weight:400}.package-description{color:var(--text-secondary);font-size:13px;margin-bottom:16px}.package-price{color:var(--text-primary);font-size:24px;font-weight:700}.package-price span{color:var(--text-secondary);font-size:14px;font-weight:400}.package-validity{color:var(--text-secondary);font-size:12px;margin-top:4px}.package-buy-btn{background:#6366f1;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:16px;padding:12px;transition:background .2s;width:100%}.package-buy-btn:hover{background:#4f46e5}.subscription-plans{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.subscription-card{background:var(--bg-secondary);border:2px solid #0000;border-radius:16px;padding:24px;position:relative}.subscription-card.active{border-color:#10b981}.subscription-card.premium{border-color:#f59e0b}.subscription-current-badge{background:#10b981;border-radius:20px;color:#fff;font-size:11px;font-weight:600;left:20px;padding:4px 12px;position:absolute;top:-10px}.subscription-name{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:8px}.subscription-price{color:#6366f1;font-size:28px;font-weight:700;margin-bottom:4px}.subscription-price span{color:var(--text-secondary);font-size:14px;font-weight:400}.subscription-description{color:var(--text-secondary);font-size:13px;margin-bottom:16px}.subscription-features{list-style:none;margin:0 0 20px;padding:0}.subscription-features li{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:10px;padding:8px 0}.subscription-features li:before{color:#10b981;content:"✓";font-weight:600}.subscription-btn{background:#6366f1;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:background .2s;width:100%}.subscription-btn:hover{background:#4f46e5}.subscription-btn.outline{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.transactions-list{display:flex;flex-direction:column;gap:12px}.transaction-item{align-items:center;background:var(--bg-secondary);border-radius:12px;display:flex;gap:16px;padding:16px 20px}.transaction-icon{align-items:center;border-radius:50%;display:flex;font-size:20px;height:44px;justify-content:center;width:44px}.transaction-icon.purchase{background:#10b9811a}.transaction-icon.use{background:#ef44441a}.transaction-icon.bonus{background:#f59e0b1a}.transaction-icon.expired{background:#6b72801a}.transaction-details{flex:1 1}.transaction-description{color:var(--text-primary);font-weight:500;margin-bottom:2px}.transaction-date{color:var(--text-secondary);font-size:12px}.transaction-amount{font-size:18px;font-weight:600}.transaction-amount.positive{color:#10b981}.transaction-amount.negative{color:#ef4444}.transaction-balance{color:var(--text-secondary);font-size:12px;text-align:right}.credits-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:8px;margin-bottom:24px;padding-bottom:16px}.credits-tab{background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.credits-tab:hover{background:var(--bg-main);color:var(--text-primary)}.credits-tab.active{background:#6366f1;color:#fff}.purchase-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.purchase-modal-content{background:var(--bg-secondary);border-radius:16px;max-width:400px;padding:24px;width:90%}.purchase-summary{background:var(--bg-main);border-radius:12px;margin:16px 0;padding:16px}.purchase-row{display:flex;justify-content:space-between;margin-bottom:8px}.purchase-row:last-child{border-top:1px solid var(--border-color);font-weight:600;margin-bottom:0;padding-top:12px}.payment-methods{display:flex;gap:12px;margin:16px 0}.payment-method{background:var(--bg-main);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;flex:1 1;padding:16px;text-align:center;transition:all .2s}.payment-method:hover{border-color:#6366f1}.payment-method.selected{background:#6366f11a;border-color:#6366f1}.payment-method-icon{font-size:28px;margin-bottom:4px}.payment-method-name{color:var(--text-secondary);font-size:12px}@media (max-width:768px){.balance-amount{font-size:36px}.balance-stats{flex-direction:column;gap:12px}.avencas-grid,.packages-grid{grid-template-columns:1fr}}.avencas-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:10px}.avenca-card{background:var(--bg-secondary);border-left:4px solid #3498db;border-radius:16px;padding:24px;position:relative;transition:transform .2s,box-shadow .2s}.avenca-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.avenca-card.avenca-active{background:linear-gradient(135deg,var(--bg-secondary) 0,#10b9810d 100%)}.avenca-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.avenca-name{color:var(--text-primary);font-size:18px;font-weight:700}.avenca-status-badge{border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.avenca-status-active{background:#10b98126;color:#10b981}.avenca-status-paused{background:#f59e0b26;color:#f59e0b}.avenca-status-cancelled{background:#ef444426;color:#ef4444}.avenca-status-expired{background:#6b728026;color:#6b7280}.avenca-description{color:var(--text-secondary);font-size:13px;line-height:1.4;margin-bottom:12px}.avenca-amount{color:#6366f1;font-size:26px;font-weight:700;margin-bottom:16px}.avenca-amount span{color:var(--text-secondary);font-size:14px;font-weight:400}.avenca-details{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px;padding:12px 0}.avenca-detail-row{color:var(--text-secondary);display:flex;font-size:13px;justify-content:space-between}.avenca-detail-row span:last-child{color:var(--text-primary);font-weight:500}.avenca-notes{background:#6366f10f;border-radius:10px;color:var(--text-secondary);font-size:12px;line-height:1.4;margin-top:12px;padding:10px 14px}.dual-balance-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.token-balance-card{background:linear-gradient(135deg,#f59e0b,#d97706)!important}.credit-balance-card{background:linear-gradient(135deg,#6366f1,#4f46e5)!important}.token-wallet-card{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:16px;color:#fff;margin-bottom:24px;padding:24px;text-align:center}.token-wallet-main{align-items:center;display:flex;flex-direction:column;margin-bottom:16px}.token-wallet-icon{font-size:40px;margin-bottom:8px}.token-wallet-balance{font-size:48px;font-weight:800;line-height:1}.token-wallet-label{font-size:14px;margin-top:4px;opacity:.9}.token-wallet-stats{display:flex;gap:40px;justify-content:center}.token-wallet-stat{align-items:center;display:flex;flex-direction:column}.token-wallet-stat-value{font-size:20px;font-weight:700}.token-wallet-stat-label{font-size:12px;opacity:.85}.ai-costs-info{margin-bottom:16px}.ai-costs-grid{display:flex;flex-wrap:wrap;gap:12px}.ai-cost-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;display:flex;flex:1 1;justify-content:space-between;min-width:200px;padding:10px 16px}.ai-cost-label{color:var(--text-secondary);font-size:13px}.ai-cost-value{color:#f59e0b;font-size:14px;font-weight:700}.token-shop-grid{display:flex;flex-direction:column;gap:10px}.token-shop-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:14px;padding:14px 18px;transition:transform .15s,box-shadow .15s}.token-shop-item:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.token-shop-item-icon{flex-shrink:0;font-size:28px}.token-shop-item-info{flex:1 1}.token-shop-item-name{color:var(--text-primary);font-size:14px;font-weight:600}.token-shop-item-desc{color:var(--text-secondary);font-size:12px;margin-top:2px}.token-shop-item-action{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.token-shop-item-price{color:#f59e0b;font-size:15px;font-weight:700}.token-shop-buy-btn{background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 16px;transition:background .2s}.token-shop-buy-btn:hover:not(:disabled){background:#d97706}.token-shop-buy-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.dual-balance-row{grid-template-columns:1fr}.token-wallet-stats{gap:24px}.ai-costs-grid{flex-direction:column}}.notifications-page{padding:0}.notifications-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.notifications-title{align-items:center;display:flex;gap:12px}.notifications-title h2{color:var(--text-primary);font-size:24px;margin:0}.unread-badge{font-size:12px;font-weight:600;padding:4px 10px}.notifications-actions{align-items:center;display:flex;gap:16px}.filter-tabs{background:var(--bg-secondary);border-radius:8px;display:flex;padding:4px}.filter-tab{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.filter-tab.active{background:var(--bg-main);box-shadow:0 1px 3px #0000001a;color:var(--text-primary)}.mark-all-btn{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s}.mark-all-btn:hover{background:#4f46e5}.notifications-list{display:flex;flex-direction:column;gap:12px}.notification-card{align-items:flex-start;border-left:4px solid #6366f1;border-radius:12px;display:flex;gap:16px;padding:20px;position:relative;transition:all .2s}.notification-card.read{opacity:.6}.notification-card.unread{box-shadow:0 2px 8px #00000014}.notification-icon{font-size:28px;min-width:40px;text-align:center}.notification-content{flex:1 1}.notification-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.notification-header h4{font-size:16px;font-weight:600;margin:0}.notification-time{color:var(--text-secondary);font-size:12px;white-space:nowrap}.notification-message{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 12px}.notification-footer{align-items:center;display:flex;gap:12px}.scope-badge{border-radius:4px;font-size:11px;font-weight:500;padding:4px 8px}.scope-badge.global{background:#dbeafe;color:#1e40af}.notification-action{color:#6366f1;font-size:14px;font-weight:500;text-decoration:none}.notification-action:hover{text-decoration:underline}.dismiss-btn{align-items:center;background:none;border:2px solid;border-radius:50%;color:#10b981;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;opacity:.6;position:absolute;right:12px;top:12px;transition:all .2s;width:28px}.dismiss-btn:hover{background:#10b981;color:#fff;opacity:1}@media (max-width:768px){.notifications-header{align-items:flex-start;flex-direction:column}.notifications-actions{flex-wrap:wrap;width:100%}.notification-header{flex-direction:column}.notification-time{order:-1}}.messages-page{display:flex;flex-direction:column;height:calc(100vh - 140px)}.messages-container{background:var(--bg-card);border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex:1 1;overflow:hidden}.messages-sidebar{background:var(--bg-main);border-right:1px solid var(--border-color);display:flex;flex-direction:column;width:320px}.sidebar-tabs{border-bottom:1px solid var(--border-color);display:flex}.sidebar-tab{background:none;border:none;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:14px 8px;position:relative;transition:all .2s}.sidebar-tab.active{background:var(--bg-card);color:var(--primary-color)}.sidebar-tab:hover{background:var(--bg-hover)}.tab-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:10px;min-width:18px;padding:2px 6px;position:absolute;right:6px;top:6px}.conversations-list,.friends-list,.requests-list{flex:1 1;overflow-y:auto;padding:8px}.conversation-item,.friend-item,.request-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.conversation-item:hover,.friend-item:hover{background:var(--bg-hover)}.conversation-item.active{background:linear-gradient(135deg,#6366f11a,#a855f71a)}.chat-header-avatar,.conversation-avatar,.friend-avatar,.request-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:44px;justify-content:center;width:44px}.conversation-info,.friend-info,.request-info{flex:1 1;min-width:0}.conversation-name,.friend-name,.request-name{color:var(--text-primary);display:block;font-size:14px;font-weight:600}.conversation-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-preview,.friend-email,.request-email{color:var(--text-secondary);display:block;font-size:12px}.request-status{color:#f59e0b;display:block;font-size:11px;font-style:italic}.unread-badge{background:#ef4444;border-radius:12px;color:#fff;font-size:11px;font-weight:700;padding:2px 8px}.friend-actions,.request-actions{display:flex;gap:6px}.btn-icon{background:var(--bg-hover);border:none;border-radius:8px;cursor:pointer;font-size:14px;height:32px;transition:all .2s;width:32px}.btn-icon:hover{background:var(--bg-card)}.btn-icon.danger:hover{background:#fef2f2;color:#ef4444}.add-friend-form{border-bottom:1px solid var(--border-color);display:flex;gap:8px;padding:12px}.add-friend-form input{background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:13px;padding:10px 12px}.add-friend-form input:focus{border-color:var(--primary-color);outline:none}.empty-sidebar{color:var(--text-secondary);padding:40px 20px;text-align:center}.empty-sidebar p{margin-bottom:16px}.hint{font-size:12px;opacity:.7}.empty-text{color:var(--text-secondary);font-size:13px;padding:16px;text-align:center}.requests-list h4{color:var(--text-secondary);font-size:12px;font-weight:600;padding:12px 16px 8px;text-transform:uppercase}.request-item.sent{opacity:.7}.suggestions-list{flex:1 1;overflow-y:auto;padding:8px}.suggestions-header{border-bottom:1px solid var(--border-color);padding:12px}.suggestions-info{color:var(--text-secondary);font-size:13px;margin:0;text-align:center}.suggestion-item{align-items:center;border-radius:12px;display:flex;gap:12px;padding:12px;transition:all .2s}.suggestion-item:hover{background:var(--bg-hover)}.suggestion-avatar{align-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:44px;justify-content:center;width:44px}.suggestion-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.suggestion-name{color:var(--text-primary);font-size:14px;font-weight:600}.suggestion-common{color:var(--primary-color);font-size:12px;font-weight:500}.chat-area{background:var(--bg-card)}.chat-area,.no-conversation{display:flex;flex:1 1;flex-direction:column}.no-conversation{align-items:center;color:var(--text-secondary);justify-content:center}.no-conversation-icon{font-size:64px;margin-bottom:16px}.no-conversation h3{color:var(--text-primary);margin-bottom:8px}.chat-header{align-items:center;background:var(--bg-main);border-bottom:1px solid var(--border-color);display:flex;gap:12px;padding:16px 20px}.back-btn{background:var(--bg-hover);border:none;border-radius:8px;cursor:pointer;display:none;font-size:18px;height:36px;width:36px}.chat-header-info{flex:1 1}.chat-header-name{color:var(--text-primary);display:block;font-weight:600}.chat-header-status{color:#10b981;display:block;font-size:12px}.messages-list{gap:12px;overflow-y:auto;padding:20px}.messages-list,.no-messages{display:flex;flex:1 1;flex-direction:column}.no-messages{align-items:center;color:var(--text-secondary);justify-content:center}.message{display:flex;flex-direction:column;max-width:70%}.message.sent{align-self:flex-end}.message.received{align-self:flex-start}.message-content{border-radius:16px;font-size:14px;line-height:1.4;padding:12px 16px}.message.sent .message-content{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff}.message.received .message-content{background:var(--bg-main);border-bottom-left-radius:4px;color:var(--text-primary)}.message-time{color:var(--text-secondary);font-size:10px;margin-top:4px;padding:0 8px}.message.sent .message-time{text-align:right}.message-input-form{background:var(--bg-main);border-top:1px solid var(--border-color);display:flex;gap:12px;padding:16px 20px}.message-input-form input{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;color:var(--text-primary);flex:1 1;font-size:14px;padding:14px 18px}.message-input-form input:focus{border-color:var(--primary-color);outline:none}.send-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:24px;color:#fff;cursor:pointer;font-weight:600;padding:14px 24px;transition:all .2s}.send-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:scale(1.02)}.send-btn:disabled{cursor:not-allowed;opacity:.5}.btn-xs{font-size:12px;padding:6px 12px}.btn-success{background:#10b981}.btn-danger,.btn-success{border-radius:6px;cursor:pointer}.btn-danger{background:#ef4444}@media (max-width:768px){.messages-container{flex-direction:column;height:calc(100vh - 120px)}.messages-sidebar{border-bottom:1px solid var(--border-color);border-right:none;width:100%}.messages-sidebar.hidden{display:none}.back-btn,.chat-area.with-selection .back-btn{align-items:center;display:flex;justify-content:center}.conversations-list,.friends-list,.requests-list{max-height:300px}.message{max-width:85%}}@media (max-width:480px){.sidebar-tab{font-size:11px;padding:12px 4px}.conversation-avatar,.friend-avatar,.request-avatar{font-size:16px;height:40px;width:40px}.message-input-form{padding:12px}.message-input-form input{padding:12px 16px}.send-btn{padding:12px 18px}}.online-classes-page{padding:0}.featured-section{margin-bottom:30px}.featured-banner{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:40px;position:relative}.featured-banner:before{bottom:-30px;content:"🎬";font-size:180px;opacity:.1;position:absolute;right:-30px}.featured-content{max-width:60%}.featured-badge{background:#fff3;border-radius:20px;display:inline-block;font-size:12px;font-weight:600;margin-bottom:16px;padding:6px 14px}.featured-title{font-size:28px;font-weight:700;margin-bottom:12px}.featured-desc{line-height:1.6;margin-bottom:20px;opacity:.9}.featured-meta{display:flex;font-size:14px;gap:20px;opacity:.9}.featured-btn{background:#fff;border:none;border-radius:12px;color:#667eea;cursor:pointer;font-size:15px;font-weight:600;padding:14px 28px;transition:transform .2s}.featured-btn:hover{transform:scale(1.05)}.categories-scroll{display:flex;gap:12px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px}.category-chip{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s;white-space:nowrap}.category-chip:hover{border-color:#6366f1;color:#6366f1}.category-chip.active{background:#6366f1;border-color:#6366f1;color:#fff}.filters-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.filter-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:10px 16px}.filter-select:focus{border-color:#6366f1;outline:none}.classes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.class-card{background:var(--bg-secondary);border-radius:16px;cursor:pointer;overflow:hidden;transition:all .3s}.class-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-4px)}.class-thumbnail{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;height:180px;justify-content:center;position:relative;width:100%}.class-thumbnail img{height:100%;object-fit:cover;width:100%}.class-thumbnail-placeholder{font-size:48px}.class-duration{background:#000000b3;border-radius:6px;bottom:10px;color:#fff;font-size:12px;font-weight:500;padding:4px 10px;position:absolute;right:10px}.class-live-badge{animation:pulse 2s infinite;background:#ef4444;left:10px}.class-live-badge,.class-watched-badge{border-radius:6px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px;position:absolute;top:10px}.class-watched-badge{background:#10b981;right:10px}.class-content{padding:20px}.class-category-badge{background:#6366f11a;border-radius:12px;color:#6366f1;display:inline-block;font-size:11px;font-weight:500;margin-bottom:10px;padding:4px 10px}.class-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:16px;font-weight:600;margin-bottom:8px;overflow:hidden}.class-instructor{align-items:center;display:flex;gap:10px;margin-bottom:12px}.instructor-photo{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.instructor-photo img{border-radius:50%;height:100%;object-fit:cover;width:100%}.instructor-name{color:var(--text-secondary);font-size:13px}.class-meta{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:12px}.class-stats{color:var(--text-secondary);display:flex;font-size:12px;gap:16px}.class-stat{align-items:center;display:flex;gap:4px}.class-difficulty{border-radius:6px;font-size:11px;font-weight:500;padding:4px 8px}.class-difficulty.easy{background:#10b9811a;color:#10b981}.class-difficulty.medium{background:#f59e0b1a;color:#f59e0b}.class-difficulty.hard{background:#ef44441a;color:#ef4444}.class-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.class-modal-content{background:var(--bg-secondary);border-radius:20px;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.class-modal-video{align-items:center;aspect-ratio:16/9;background:#000;border-radius:20px 20px 0 0;display:flex;justify-content:center;width:100%}.class-modal-video video{border-radius:20px 20px 0 0;height:100%;width:100%}.video-placeholder{color:#fff9;text-align:center}.video-placeholder-icon{font-size:64px;margin-bottom:16px}.class-modal-body{padding:24px}.class-modal-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.class-modal-title{color:var(--text-primary);font-size:24px;font-weight:700}.class-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:28px;line-height:1}.class-modal-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.meta-item{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:6px}.class-modal-desc{color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.class-modal-actions{display:flex;gap:12px}.modal-btn{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;padding:14px 24px;transition:all .2s}.modal-btn.primary{background:#6366f1;color:#fff}.modal-btn.primary:hover{background:#4f46e5}.modal-btn.outline{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.modal-btn.outline:hover{background:var(--bg-main)}.modal-btn.like{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.modal-btn.like.liked{background:#ef44441a;border-color:#ef4444;color:#ef4444}.empty-state{padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px}.empty-title{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.empty-desc{color:var(--text-secondary);font-size:14px}@media (max-width:768px){.featured-banner{flex-direction:column;padding:24px}.featured-content{margin-bottom:20px;max-width:100%}.featured-title{font-size:22px}.featured-meta{flex-wrap:wrap;gap:10px}.classes-grid{grid-template-columns:1fr}}.reports-export{margin:0 auto;max-width:1000px;padding:20px}.page-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.8rem;gap:10px;margin-bottom:25px}.page-title .icon{font-size:2rem}.date-range-selector{align-items:flex-end;background:var(--bg-secondary);border-radius:12px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:20px}.date-group{display:flex;flex-direction:column;gap:6px}.date-group label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.date-group input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;padding:10px 14px}.date-group input:focus{border-color:var(--primary-color);outline:none}.date-separator{color:var(--text-secondary);padding-bottom:5px}.week-selector{align-items:center;background:var(--bg-secondary);border-radius:12px;display:flex;gap:15px;margin-bottom:25px;padding:15px 20px}.week-selector label{color:var(--text-secondary);font-weight:500}.week-selector input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;padding:10px 14px}.reports-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:25px}.report-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;padding:20px;transition:all .3s ease}.report-card:hover{border-color:var(--card-color);box-shadow:0 10px 30px #0000001a;transform:translateY(-3px)}.report-icon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:50px;justify-content:center;margin-bottom:15px;width:50px}.report-info{flex:1 1}.report-info h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 8px}.report-info p{font-size:.9rem;line-height:1.4;margin:0 0 10px}.date-badge,.report-info p{color:var(--text-secondary)}.date-badge{background:var(--bg-primary);border-radius:20px;display:inline-block;font-size:.75rem;padding:4px 10px}.report-actions{display:flex;gap:10px;margin-top:15px}.report-actions button{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.btn-preview{background:var(--bg-primary);border:2px solid var(--border-color);color:var(--text-primary)}.btn-preview:hover:not(:disabled){border-color:var(--primary-color)}.btn-download{background:var(--primary-color);border:none;color:#fff}.btn-download:hover:not(:disabled){background:var(--primary-hover)}.report-actions button:disabled{cursor:not-allowed;opacity:.6}.spinner{border:2px solid #0000001a;border-top-color:initial;height:18px;width:18px}.print-tip{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:10px;color:var(--text-secondary);display:flex;font-size:.9rem;gap:10px;justify-content:center;padding:15px}.print-tip .icon{font-size:1.2rem}@media (max-width:768px){.date-range-selector{align-items:stretch;flex-direction:column}.date-separator{display:none}.reports-grid{grid-template-columns:1fr}.report-actions{flex-direction:column}}.calendar-connect{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;padding:24px;transition:all .3s ease}.calendar-connect:hover{border-color:#4285f44d}.calendar-connect.loading{align-items:center;color:var(--text-secondary);display:flex;gap:12px;justify-content:center;min-height:150px}.spinner{border:3px solid var(--border-color);border-top-color:var(--primary-color);height:24px;width:24px}.spinner,.spinner-small{animation:spin .8s linear infinite}.spinner-small{border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.calendar-header{align-items:center;display:flex;gap:15px;margin-bottom:15px}.calendar-icon{flex-shrink:0}.calendar-info h3{color:var(--text-primary);font-size:1.2rem;margin:0 0 4px}.calendar-info .status{align-items:center;display:flex;font-size:.9rem;gap:6px;margin:0}.calendar-info .status.connected{color:#22c55e}.calendar-info .status.disconnected{color:var(--text-secondary)}.status-dot{background:currentColor;height:8px;width:8px}.status.connected .status-dot{animation:pulse 2s infinite}.email{color:var(--text-secondary);font-size:.85rem}.alert{font-size:.9rem;justify-content:space-between;margin-bottom:15px}.alert button{color:inherit}.alert button:hover{opacity:1}.calendar-description{margin-bottom:20px}.calendar-description p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.calendar-actions{display:flex;flex-wrap:wrap;gap:12px}.calendar-actions button{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-connect{background:#4285f4;border:none;color:#fff}.btn-connect:hover{background:#3367d6;box-shadow:0 4px 12px #4285f44d;transform:translateY(-2px)}.btn-sync{background:var(--primary-color);border:none;color:#fff}.btn-sync:hover:not(:disabled){background:var(--primary-hover)}.btn-sync:disabled{cursor:not-allowed;opacity:.7}.btn-disconnect{background:#0000;border:2px solid var(--border-color);color:var(--text-secondary)}.btn-disconnect:hover{border-color:#ef4444;color:#ef4444}.last-sync{color:var(--text-secondary);font-size:.8rem;margin-top:15px;text-align:right}@media (max-width:480px){.calendar-actions{flex-direction:column}.calendar-actions button{justify-content:center}}.credit-shop{margin:0 auto;max-width:900px;padding:20px}.shop-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.8rem;gap:10px;margin-bottom:25px}.shop-title .icon{font-size:2rem}.alert{align-items:center;animation:slideIn .3s ease;border-radius:8px;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.alert-error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.alert-success{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.alert button{background:none;border:none;cursor:pointer;font-size:1.2rem;margin-left:auto;opacity:.7}.payment-method-selector{margin-bottom:20px}.method-label{color:var(--text-secondary);display:block;font-weight:500;margin-bottom:10px}.method-options{display:flex;gap:10px}.method-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.method-btn.active,.method-btn:hover{border-color:var(--primary-color)}.method-btn.active{background:rgba(var(--primary-rgb),.1)}.method-icon{font-size:1.3rem}.mbway-phone-input{margin-bottom:20px}.mbway-phone-input label{color:var(--text-secondary);display:block;margin-bottom:8px}.mbway-phone-input input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1.1rem;letter-spacing:2px;max-width:250px;padding:12px 16px;width:100%}.mbway-phone-input input:focus{border-color:var(--primary-color);outline:none}.mbway-status{align-items:center;background:var(--bg-secondary);border-radius:12px;display:flex;flex-direction:column;margin-bottom:20px;padding:30px}.mbway-status .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:50px;width:50px}.mbway-status p{color:var(--text-primary);margin-top:15px}.mbway-status .phone-display{font-size:1.2rem;font-weight:600}.packages-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.package-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;padding:25px 20px;position:relative;text-align:center;transition:all .3s ease}.package-card:hover{border-color:var(--primary-color);box-shadow:0 10px 30px rgba(var(--primary-rgb),.2);transform:translateY(-5px)}.package-card.popular{background:linear-gradient(135deg,rgba(var(--primary-rgb),.05) 0,rgba(var(--primary-rgb),.1) 100%);border-color:var(--primary-color)}.package-card.selected{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2)}.popular-badge{background:var(--primary-color);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;left:50%;padding:4px 16px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.package-credits{margin-bottom:10px}.credit-count{color:var(--primary-color);display:block;font-size:3rem;font-weight:700;line-height:1}.credit-label{color:var(--text-secondary);font-size:.9rem;text-transform:uppercase}.bonus-badge{background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:15px;padding:4px 12px}.package-price{align-items:flex-start;display:flex;gap:2px;justify-content:center;margin-bottom:5px}.package-price .currency{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-top:5px}.package-price .amount{color:var(--text-primary);font-size:2.5rem;font-weight:700}.price-per-credit{color:var(--text-secondary);font-size:.85rem;margin-bottom:15px}.buy-btn{align-items:center;background:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease;width:100%}.buy-btn:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.02)}.buy-btn:disabled{cursor:not-allowed;opacity:.6}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.security-notice{align-items:center;background:var(--bg-secondary);border-radius:8px;color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px;justify-content:center;padding:15px}.lock-icon{font-size:1.2rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.packages-grid{grid-template-columns:repeat(2,1fr)}.credit-count{font-size:2.5rem}.package-price .amount{font-size:2rem}}@media (max-width:480px){.packages-grid{grid-template-columns:1fr}.method-options{flex-direction:column}}.mmia-container{display:flex;flex-direction:column;height:calc(100vh - 180px);margin:0 auto;max-width:1200px;padding:20px}.mmia-page-header{align-items:flex-start;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.mmia-header-left{align-items:flex-start;display:flex;gap:15px}.mmia-icon-page{flex-shrink:0;height:50px;width:50px}.mmia-page-header h2{color:#333;font-size:24px;font-weight:700;margin:0 0 5px}.mmia-subtitle{color:#666;font-size:14px;line-height:1.4;margin:0}.mmia-header-right{align-items:center;display:flex;gap:15px}.tokens-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;font-size:14px;font-weight:700;gap:8px;padding:8px 16px}.token-icon{font-size:18px}.btn-history-toggle{background:#f0f0f0;border:none;border-radius:20px;color:#555;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.btn-history-toggle:hover{background:#e0e0e0;transform:translateY(-1px)}.mmia-chat-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;overflow:hidden}.mmia-chat-container,.mmia-messages-area{display:flex;flex:1 1;flex-direction:column}.mmia-messages-area{gap:15px;overflow-y:auto;padding:20px}.welcome-message-box{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.welcome-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:100px;margin-bottom:20px;width:100px}.welcome-message-box h3{color:#333;font-size:22px;font-weight:700;margin:0 0 10px}.welcome-message-box p{color:#666;font-size:15px;margin:0;max-width:500px}.chat-msg{animation:fadeInMsg .3s ease;display:flex;gap:12px;max-width:85%}@keyframes fadeInMsg{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-msg.user-msg{align-self:flex-end;flex-direction:row-reverse}.chat-msg.ai-msg{align-self:flex-start}.chat-avatar{background:#fff;border-radius:50%;box-shadow:0 2px 6px #0000001a;flex-shrink:0;height:36px;padding:4px;width:36px}.chat-bubble{background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:12px 16px}.chat-msg.user-msg .chat-bubble{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.chat-bubble p{word-wrap:break-word;font-size:15px;line-height:1.5;margin:0}.chat-bubble-ai{max-width:100%}.msg-formatted{word-wrap:break-word}.msg-formatted,.msg-text-line{font-size:14px;line-height:1.6}.msg-text-line{color:#333;margin:0 0 8px}.msg-text-line:last-child{margin-bottom:0}.msg-section-heading{background:linear-gradient(135deg,#667eea22,#764ba222);border-radius:8px;color:#2d3436;font-size:15px;font-weight:700;margin:14px 0 6px;padding:6px 10px}.msg-section-heading:first-child{margin-top:0}.msg-exercise-block{background:#f8f9ff;border:1px solid #e4e8f7;border-left:4px solid #667eea;border-radius:10px;margin:10px 0;padding:12px 14px}.msg-exercise-title{align-items:center;display:flex;gap:10px;margin-bottom:8px}.msg-exercise-num{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:26px;justify-content:center;width:26px}.msg-exercise-name{color:#2d3436;font-size:15px;font-weight:700}.msg-detail-line{align-items:flex-start;color:#555;display:flex;font-size:13px;gap:8px;padding:3px 0 3px 36px}.msg-detail-icon{flex-shrink:0;font-size:13px;line-height:1.6}.msg-detail-line strong{color:#444;font-weight:600}.chat-timestamp{display:block;font-size:11px;margin-top:4px;opacity:.7}.typing-indicator{display:flex;gap:5px;padding:5px 0}.typing-indicator span{animation:typingAnim 1.4s infinite;background:#667eea;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingAnim{0%,60%,to{opacity:.5;transform:scale(1)}30%{opacity:1;transform:scale(1.2)}}.streaming-cursor{animation:blink .7s infinite;color:#ff6b35;display:inline;font-weight:700}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.streaming-text .msg-text-line{line-height:1.6;white-space:pre-wrap}.thinking-indicator{align-items:center;display:flex;gap:8px;padding:4px 0}.thinking-brain{animation:pulse 1.5s ease-in-out infinite;font-size:1.2em}.thinking-text{color:#888;font-size:.95em;font-style:italic}.thinking-dots{display:inline-flex;gap:2px}.thinking-dots span{animation:thinkDot 1.4s infinite;color:#888;font-size:1.2em;font-weight:700}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes thinkDot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.mmia-input-section{background:#fff;border-top:2px solid #f0f0f0;padding:20px}.quick-workout-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-bottom:15px}.quick-workout-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px 8px;transition:all .3s ease}.quick-workout-btn:hover:not(:disabled){box-shadow:0 6px 16px #667eea73;transform:translateY(-3px)}.quick-workout-btn:disabled{cursor:not-allowed;opacity:.5}.quick-workout-emoji{font-size:22px;line-height:1}.quick-workout-label{font-size:12px;font-weight:600;line-height:1.2;text-align:center}.save-plan-prompt{animation:fadeInMsg .3s ease;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #66bb6a;border-radius:14px;padding:16px 20px;text-align:center}.save-plan-icon{font-size:28px;margin-bottom:6px}.save-plan-prompt p{color:#2e7d32;font-size:15px;font-weight:600;margin:0 0 12px}.save-plan-actions{display:flex;gap:10px;justify-content:center}.btn-save-plan{background:linear-gradient(135deg,#43a047,#2e7d32);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s ease}.btn-save-plan:hover:not(:disabled){box-shadow:0 4px 12px #43a04766;transform:translateY(-2px)}.btn-save-plan:disabled{cursor:not-allowed;opacity:.5}.btn-dismiss-plan{background:#f5f5f5;border:none;border-radius:20px;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s ease}.btn-dismiss-plan:hover{background:#e0e0e0}.quick-action-buttons{display:flex;gap:10px;margin-bottom:15px}.quick-action-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 15px;transition:all .3s ease}.quick-action-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.quick-action-btn:disabled{cursor:not-allowed;opacity:.5}.mmia-input-group{align-items:flex-end;display:flex;gap:12px}.mmia-input{border:2px solid #e0e0e0;border-radius:20px;flex:1 1;font-family:inherit;font-size:16px;line-height:1.5;min-height:90px;outline:none;padding:18px 20px;resize:none;transition:all .3s ease}.mmia-input::placeholder{color:#999}.mmia-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea26}.mmia-send-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:20px;font-weight:600;height:58px;min-width:70px;padding:18px 32px;transition:all .3s ease}.mmia-send-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.mmia-send-btn:disabled{cursor:not-allowed;opacity:.5}.history-overlay{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.history-panel{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000004d;max-height:80vh;max-width:500px;overflow:hidden;width:90%}.history-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px}.history-header h3{font-size:20px;margin:0}.history-header button{background:none;border:none;color:#fff;cursor:pointer;font-size:30px;line-height:1}.history-list{max-height:calc(80vh - 80px);overflow-y:auto;padding:10px}.history-item{align-items:center;background:#f9f9f9;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px 20px;transition:all .3s ease}.history-item:hover{background:#667eea;color:#fff;transform:translateX(5px)}.history-date{font-weight:600}.history-count{font-size:13px;opacity:.8}.no-history{color:#999;padding:40px;text-align:center}.modal-overlay{background:#0009;height:100vh;width:100vw}.modal-box{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.modal-box.modal-large{max-width:700px}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px}.modal-header h3{font-size:20px;margin:0}.modal-header button{background:none;border:none;color:#fff;cursor:pointer;font-size:30px;line-height:1}.modal-body{flex:1 1;overflow-y:auto;padding:25px}.form-field{margin-bottom:20px}.form-field label{color:#333;display:block;font-weight:600;margin-bottom:8px}.form-field input,.form-field select,.form-field textarea{border:2px solid #e0e0e0;border-radius:10px;font-family:inherit;font-size:15px;padding:12px 15px;transition:all .3s ease;width:100%}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;padding:20px}.btn-approve,.btn-cancel,.btn-generate{border:none;border-radius:25px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 25px;transition:all .3s ease}.btn-cancel{background:#f0f0f0;color:#666}.btn-cancel:hover{background:#e0e0e0}.btn-approve,.btn-generate{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-approve:hover,.btn-generate:hover{box-shadow:0 6px 15px #667eea66;transform:translateY(-2px)}.btn-approve:disabled,.btn-generate:disabled{cursor:not-allowed;opacity:.5;transform:none}.plan-preview{background:#f5f5f5;border-radius:10px;margin-bottom:20px;max-height:400px;overflow-y:auto;padding:20px}.plan-preview pre{color:#333;font-family:inherit;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.plan-info{background:#e8f5e9;border-left:4px solid #4caf50;border-radius:10px;padding:15px}.plan-info p{color:#333;font-size:14px;margin:8px 0}@media (max-width:768px){.mmia-container{height:calc(100vh - 130px);padding:12px}.mmia-page-header{flex-wrap:wrap;gap:10px;margin-bottom:12px;padding-bottom:10px}.mmia-header-left{flex:1 1;gap:10px;min-width:0}.mmia-icon-page{flex-shrink:0;height:38px;width:38px}.mmia-page-header h2{font-size:18px}.mmia-subtitle{font-size:12px}.mmia-header-right{justify-content:flex-end;width:100%}.mmia-chat-container{border-radius:10px}.mmia-messages-area{padding:12px}.mmia-input{border-radius:14px;font-size:15px;min-height:60px;padding:12px 14px}.mmia-send-btn{border-radius:14px;font-size:18px;height:48px;min-width:54px;padding:12px 18px}.mmia-input-group{gap:8px}.quick-action-buttons{flex-wrap:wrap}.quick-action-btn{font-size:12px;padding:8px 12px}.modal-box{max-height:calc(100vh - 40px);width:calc(100% - 24px)}.modal-box.modal-large{max-width:100%}.modal-header{padding:14px 16px}.modal-header h3{font-size:16px}.modal-body{padding:16px}.modal-footer{flex-direction:column-reverse;gap:8px}.btn-approve,.btn-cancel,.btn-generate{justify-content:center;text-align:center;width:100%}.history-panel{max-width:360px;width:90%}}@media (max-width:480px){.mmia-container{padding:8px}.chat-msg{gap:8px}.chat-bubble{font-size:14px;padding:10px 12px}.tokens-badge{font-size:12px;padding:4px 10px}}.admin-ai-page{padding:0}.admin-ai-title{margin-bottom:20px}.admin-ai-title h1{color:#333;font-size:24px;margin:0 0 5px}.admin-ai-title p{color:#666;font-size:14px;margin:0}.ai-tabs{border-bottom:2px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:20px}.ai-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 18px;transition:all .2s}.ai-tab:hover{background:#f5f3ff;color:#7c3aed}.ai-tab.active{border-bottom-color:#7c3aed;color:#7c3aed}.ai-tab-content{min-height:400px}.ai-loading{display:flex;justify-content:center;padding:60px}.ai-loading .spinner{animation:spin .8s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#7c3aed;height:40px;width:40px}.ai-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.ai-stat-card{background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:20px;text-align:center}.ai-stat-card.purple{border-color:#7c3aed}.ai-stat-card.blue{border-color:#3b82f6}.ai-stat-card.green{border-color:#10b981}.ai-stat-card.orange{border-color:#f59e0b}.ai-stat-icon{font-size:28px;margin-bottom:6px}.ai-stat-value{color:#333;font-size:32px;font-weight:800}.ai-stat-label{color:#888;font-size:13px;margin-top:4px}.ai-service-status{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:10px 16px}.status-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.status-dot.online{background:#10b981;box-shadow:0 0 6px #10b981}.status-dot.offline{background:#e74c3c;box-shadow:0 0 6px #e74c3c}.ai-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 4px #0000000f;overflow:hidden;width:100%}.ai-table th{background:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#666;font-size:13px;font-weight:600;padding:12px 16px;text-align:left}.ai-table td{border-bottom:1px solid #f0f0f0;font-size:14px;padding:10px 16px}.ai-table tr:hover{background:#f8f5ff}.token-balance{color:#7c3aed;font-weight:700}.token-earned{color:#10b981;font-weight:600}.token-spent{color:#e74c3c;font-weight:600}.btn-sm{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;margin:0 2px;padding:5px 12px;transition:all .2s}.btn-sm:hover{transform:translateY(-1px)}.btn-info{background:#e0f2fe;color:#0369a1}.btn-chat{background:#f0fdf4;color:#166534}.btn-success{background:#dcfce7;color:#166534}.btn-primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.btn-primary:hover{box-shadow:0 4px 12px #7c3aed4d;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#f3f4f6;border:none;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;padding:5px 12px}.no-data{color:#999;font-style:italic;padding:30px;text-align:center}.no-data-box{background:#f8f9fa;border-radius:12px;color:#666;padding:40px;text-align:center}.ai-section{margin-top:20px}.ai-section h3{font-size:18px;margin:0 0 12px}.ai-risk-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:16px}.ai-risk-header h3{margin:0}.risk-summary{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.risk-count{align-items:center;border-radius:12px;display:flex;flex-direction:column;min-width:120px;padding:16px 24px}.risk-count.alto{background:#fef2f2;color:#dc2626}.risk-count.medio{background:#fffbeb;color:#d97706}.risk-count.baixo{background:#f0fdf4;color:#16a34a}.risk-num{font-size:36px;font-weight:800}.risk-cards{grid-gap:16px;display:grid;gap:16px}.risk-card{background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:16px}.risk-card.risk-alto{border-color:#e74c3c}.risk-card.risk-medio,.risk-card.risk-médio{border-color:#f39c12}.risk-card.risk-baixo{border-color:#27ae60}.risk-card-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.risk-card-header strong{font-size:15px}.risk-email{color:#888;display:block;font-size:12px}.risk-badge{border-radius:12px;color:#fff;font-size:12px;font-weight:700;margin-left:auto;padding:3px 10px}.risk-card-metrics{grid-gap:8px;background:#f8f9fa;border-radius:8px;display:grid;font-size:13px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:10px;padding:10px}.risk-card-metrics label{color:#888}.risk-card-metrics span{font-weight:600}.risk-card-recommendations{background:#f5f3ff;border-radius:8px;margin-bottom:10px;padding:12px}.risk-card-recommendations h5{color:#7c3aed;font-size:13px;margin:0 0 6px}.risk-card-recommendations p{color:#444;font-size:13px;line-height:1.5;margin:0;white-space:pre-wrap}.ai-chats-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:16px}.ai-chats-header h3{margin:0}.chats-filter{align-items:center;display:flex;gap:6px}.chats-filter input{border:1px solid #ddd;border-radius:6px;font-size:13px;padding:6px 12px;width:160px}.chats-list{display:flex;flex-direction:column;gap:8px;max-height:600px;overflow-y:auto}.chat-item{border-radius:8px;font-size:13px;padding:12px}.chat-item.from-user{background:#e0f2fe;border-left:3px solid #3b82f6}.chat-item.from-ai{background:#f5f3ff;border-left:3px solid #7c3aed}.chat-item-header{display:flex;font-size:12px;justify-content:space-between;margin-bottom:6px}.chat-user{font-weight:600}.chat-date{color:#888}.chat-item-message{color:#333;line-height:1.5;white-space:pre-wrap;word-break:break-word}.token-info-box{background:#f5f3ff;border:1px solid #e0d7fa;border-radius:12px;margin-bottom:20px;padding:16px}.token-info-box h4{color:#7c3aed;margin:0 0 10px}.token-rules{grid-gap:6px;display:grid;font-size:13px;gap:6px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ai-settings h3{margin:0 0 6px}.settings-desc{color:#666;font-size:14px;margin-bottom:20px}.feature-toggles{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.feature-toggle-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;padding:18px 20px;transition:box-shadow .2s}.feature-toggle-card:hover{box-shadow:0 4px 12px #0000000f}.feature-info{align-items:flex-start;display:flex;flex:1 1;gap:14px}.feature-icon{font-size:28px;min-width:40px;text-align:center}.feature-info h4{color:#333;font-size:15px;margin:0 0 4px}.feature-info p{color:#666;font-size:13px;line-height:1.4;margin:0}.toggle-switch{display:inline-block;flex-shrink:0;height:28px;width:52px}.toggle-slider{background:#ccc;border-radius:28px}.toggle-slider:before{background:#fff;box-shadow:0 2px 4px #0003;height:22px;width:22px}.toggle-switch input:checked+.toggle-slider{background:#7c3aed}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.save-settings-btn{margin-top:10px}@media (max-width:768px){.ai-stats-grid{grid-template-columns:1fr 1fr}.ai-tabs{gap:2px}.ai-tab{font-size:12px;padding:8px 12px}.feature-toggle-card,.risk-summary{flex-direction:column}.feature-toggle-card{gap:12px}}.mp-container{margin:0 auto;max-width:1400px;padding:20px}.mp-header{flex-wrap:wrap;gap:15px;margin-bottom:25px}.mp-header,.mp-header-left{align-items:center;display:flex}.mp-header-left{flex:1 1;gap:12px}.mp-header h2{color:#2d3436;font-size:26px;margin:0}.mp-count-badge{background:#e8f5e9;border-radius:20px;color:#2e7d32;font-size:13px;font-weight:600;padding:4px 12px}.mp-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:10px 18px;transition:all .2s;white-space:nowrap}.mp-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.mp-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.mp-btn-primary{background:linear-gradient(135deg,#4caf50,#43a047);color:#fff}.mp-btn-secondary{background:#f0f0f0;color:#666}.mp-btn-back{background:#f5f5f5;color:#333;font-size:15px}.mp-btn-view{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex:1 1}.mp-btn-edit{background:#2196f3;color:#fff}.mp-btn-toggle{background:#ff9800;color:#fff;padding:10px 14px}.mp-btn-delete{background:#f44336;color:#fff;padding:10px 14px}.mp-btn-small{border-radius:8px;font-size:13px;padding:6px 14px}.mp-btn-large{font-size:16px;padding:14px 30px}.mp-btn-copy{background:#e3f2fd;color:#1565c0}.mp-btn-add-item{background:#e8f5e9;color:#2e7d32;margin-top:10px}.mp-btn-icon{background:none;border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:4px 8px;transition:all .2s}.mp-btn-remove{color:#e53935}.mp-btn-remove:hover{background:#ffebee}.mp-filters{margin-bottom:25px}.mp-filter-group{align-items:center;display:flex;gap:12px}.mp-filter-group label{color:#555;font-size:14px;font-weight:600}.mp-filter-group select{border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;font-size:14px;min-width:280px;padding:10px 15px;transition:border-color .2s}.mp-filter-group select:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.mp-loading{color:#999;padding:60px 20px;text-align:center}.mp-spinner{animation:mp-spin .8s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#4caf50;height:40px;margin:0 auto 15px;width:40px}@keyframes mp-spin{to{transform:rotate(1turn)}}.mp-empty{background:#fafafa;border:2px dashed #e0e0e0;border-radius:20px;padding:80px 20px;text-align:center}.mp-empty-icon{font-size:64px;margin-bottom:15px}.mp-empty h3{color:#555;margin:0 0 8px}.mp-empty p{color:#999;margin:0 0 20px}.mp-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.mp-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:all .3s}.mp-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-3px)}.mp-card-inactive{opacity:.65}.mp-card-top{padding:20px 20px 0}.mp-card-header{margin-bottom:10px}.mp-card-header h3{color:#2d3436;font-size:18px;margin:0 0 8px}.mp-card-badges{display:flex;flex-wrap:wrap;gap:8px}.mp-badge{border-radius:12px;font-size:11px;font-weight:600;padding:3px 10px}.mp-badge-goal{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.mp-badge-active{background:#e8f5e9;color:#2e7d32}.mp-badge-inactive{background:#fff3e0;color:#e65100}.mp-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:13px;line-height:1.5;margin:0 0 10px;overflow:hidden}.mp-card-user{color:#888;font-size:13px;margin-bottom:10px}.mp-card-macros{background:#f8f9fa;border-bottom:1px solid #eee;border-top:1px solid #eee;display:flex;justify-content:space-around;padding:15px 20px}.mp-macro-item{align-items:center;display:flex;flex-direction:column;gap:2px}.mp-macro-icon{font-size:18px}.mp-macro-num{color:#333;font-size:16px;font-weight:700}.mp-macro-unit{color:#999;font-size:11px}.mp-card-stats{color:#777;display:flex;font-size:13px;gap:15px;padding:12px 20px}.mp-card-actions{display:flex;gap:8px;margin-top:auto;padding:12px 20px 20px}.mp-summary{grid-gap:25px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;display:grid;gap:25px;grid-template-columns:1fr 300px;margin-bottom:30px;padding:25px}.mp-summary-desc{color:#555;font-size:15px;line-height:1.6;margin:0 0 15px}.mp-summary-meta{align-items:center;color:#666;display:flex;flex-wrap:wrap;font-size:14px;gap:12px}.mp-summary-user{font-weight:600}.mp-summary-notes{color:#888;font-size:14px;font-style:italic;margin:12px 0 0}.mp-summary-macros{display:flex;flex-direction:column;gap:12px}.mp-summary-macro-circle{background:linear-gradient(135deg,#4caf50,#43a047);border-radius:12px;color:#fff;padding:15px;text-align:center}.mp-macro-big{display:block;font-size:36px;font-weight:800;line-height:1}.mp-summary-macro-circle span:last-child{font-size:13px;opacity:.9}.mp-macro-bar{padding:0 5px}.mp-macro-label{color:#555;display:flex;font-size:13px;justify-content:space-between;margin-bottom:4px}.mp-macro-value{font-weight:700}.mp-macro-track{background:#eee;border-radius:4px;height:8px;overflow:hidden}.mp-macro-fill{border-radius:4px;height:100%;transition:width .3s}.mp-days-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.mp-day-tab{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:3px;padding:10px 18px;transition:all .2s}.mp-day-tab:hover{background:#f1f8e9;border-color:#4caf50}.mp-day-tab-active{background:#4caf50;border-color:#4caf50;color:#fff}.mp-day-tab-active:hover{background:#43a047}.mp-day-tab-kcal{font-size:11px;opacity:.8}.mp-day-detail{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:25px}.mp-day-header-detail{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}.mp-day-header-detail h3{color:#333;font-size:20px;margin:0}.mp-day-macros-summary{color:#555;display:flex;flex-wrap:wrap;font-size:14px;font-weight:600;gap:15px}.mp-day-macros-editor{background:#f8f9fa;border-radius:10px;margin-bottom:15px;padding:12px 18px}.mp-over{color:#e53935!important;font-weight:700}.mp-meals-list{display:flex;flex-direction:column;gap:12px}.mp-meal-card,.mp-meal-editor{border:1px solid #e8e8e8;border-radius:12px;overflow:hidden;transition:all .2s}.mp-meal-card:hover,.mp-meal-editor:hover{border-color:#ccc}.mp-meal-editor-expanded,.mp-meal-expanded{border-color:#4caf50;box-shadow:0 2px 12px #4caf5026}.mp-meal-editor-header,.mp-meal-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:15px 18px;transition:background .2s}.mp-meal-editor-header:hover,.mp-meal-header:hover{background:#fafafa}.mp-meal-editor-title,.mp-meal-title{align-items:center;display:flex;gap:10px}.mp-meal-icon{font-size:24px}.mp-meal-title h4{color:#333;font-size:16px;margin:0}.mp-meal-time{color:#999;font-size:12px}.mp-meal-time-badge{background:#f5f5f5;border-radius:6px;color:#888;font-size:12px;padding:2px 8px}.mp-meal-editor-summary,.mp-meal-quick-macros{align-items:center;color:#666;display:flex;font-size:14px;font-weight:600;gap:12px}.mp-expand-icon{color:#999;font-size:12px}.mp-meal-detail,.mp-meal-editor-body{background:#fcfcfc;border-top:1px solid #eee;padding:15px 18px 18px}.mp-meal-name{color:#555;font-size:14px;font-weight:600;margin:0 0 10px}.mp-meal-macros-bar{display:flex;gap:10px;margin-bottom:15px}.mp-tag{border-radius:8px;font-size:12px;font-weight:600;padding:4px 10px}.mp-tag-protein{background:#fce4ec;color:#c62828}.mp-tag-carbs{background:#e3f2fd;color:#1565c0}.mp-tag-fat{background:#fff8e1;color:#f57f17}.mp-items-table{border-collapse:collapse;font-size:13px;width:100%}.mp-items-table th{background:#f5f5f5;border-bottom:2px solid #e0e0e0;color:#666;font-size:12px;font-weight:600;padding:8px 10px;text-align:left}.mp-items-table td{border-bottom:1px solid #f0f0f0;color:#444;padding:8px 10px}.mp-item-name{font-weight:600}.mp-items-total td{background:#f8f9fa;border-top:2px solid #e0e0e0;font-size:13px}.mp-meal-notes{color:#888;font-size:13px;font-style:italic;margin:12px 0 0}.mp-form-section{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;margin-bottom:20px;padding:25px}.mp-form-section h3{color:#333;font-size:18px;margin:0 0 18px}.mp-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.mp-form-wide{grid-column:1/-1}.mp-form-macros{grid-template-columns:repeat(4,1fr)}.mp-form-group{display:flex;flex-direction:column;gap:6px}.mp-form-group label{color:#555;font-size:13px;font-weight:600}.mp-form-group input,.mp-form-group select,.mp-form-group textarea{border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px 14px;transition:border-color .2s;width:100%}.mp-form-group input:focus,.mp-form-group select:focus,.mp-form-group textarea:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.mp-form-textarea{border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px 15px;resize:vertical;width:100%}.mp-form-textarea:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.mp-day-editor{background:#fafafa;border-radius:12px;padding:20px}.mp-day-editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.mp-day-editor-header h4{color:#333;font-size:18px;margin:0}.mp-meal-editor-title{color:#333;font-size:15px;font-weight:600}.mp-meal-inline-fields{display:flex;gap:15px;margin-bottom:15px}.mp-form-group-inline{display:flex;flex:1 1;flex-direction:column;gap:4px}.mp-form-group-inline label{color:#888;font-size:12px;font-weight:600}.mp-form-group-inline input{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:8px 12px;transition:border-color .2s}.mp-form-group-inline input:focus{border-color:#4caf50;outline:none}.mp-meal-notes-field{margin-top:12px}.mp-items-edit-table input,.mp-items-edit-table select{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:13px;padding:6px 8px;transition:border-color .2s;width:100%}.mp-items-edit-table input:focus,.mp-items-edit-table select:focus{border-color:#4caf50;outline:none}.mp-input-small{max-width:80px}.mp-items-editor{margin-bottom:5px}.mp-form-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:10px}.mp-header-actions{align-items:center;display:flex;gap:10px}.mp-btn-ai{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;font-weight:600}.mp-btn-ai:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.mp-btn-ai:disabled{cursor:not-allowed;opacity:.5}.mp-ai-loading-box{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000004d;padding:40px;text-align:center}.mp-ai-loading-box p{color:#333;font-size:16px;font-weight:600;margin:15px 0 5px}.mp-ai-loading-sub{color:#888!important;font-size:13px!important;font-weight:400!important}.mp-container .modal-overlay{align-items:center;background:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.mp-container .modal-box{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.mp-container .modal-box.modal-large{max-width:700px}.mp-container .modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px}.mp-container .modal-header h3{font-size:20px;margin:0}.mp-container .modal-header button{background:none;border:none;color:#fff;cursor:pointer;font-size:30px;line-height:1}.mp-container .modal-body{flex:1 1;overflow-y:auto;padding:25px}.mp-container .form-field{margin-bottom:20px}.mp-container .form-field label{color:#333;display:block;font-weight:600;margin-bottom:8px}.mp-container .form-field input,.mp-container .form-field select,.mp-container .form-field textarea{border:2px solid #e0e0e0;border-radius:10px;font-family:inherit;font-size:15px;padding:12px 15px;transition:all .3s ease;width:100%}.mp-container .form-field input:focus,.mp-container .form-field select:focus,.mp-container .form-field textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.mp-container .modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;padding:20px}.mp-container .btn-approve,.mp-container .btn-cancel,.mp-container .btn-generate{border:none;border-radius:25px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 25px;transition:all .3s ease}.mp-container .btn-cancel{background:#f0f0f0;color:#666}.mp-container .btn-cancel:hover{background:#e0e0e0}.mp-container .btn-approve,.mp-container .btn-generate{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.mp-container .btn-approve:hover,.mp-container .btn-generate:hover{box-shadow:0 6px 15px #667eea66;transform:translateY(-2px)}.mp-container .btn-approve:disabled,.mp-container .btn-generate:disabled{cursor:not-allowed;opacity:.5;transform:none}.mp-container .plan-preview{background:#f5f5f5;border-radius:10px;margin-bottom:20px;max-height:400px;overflow-y:auto;padding:20px}.mp-container .plan-preview pre{color:#333;font-family:inherit;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.mp-container .plan-info{background:#e8f5e9;border-left:4px solid #4caf50;border-radius:10px;padding:15px}.mp-container .plan-info p{color:#333;font-size:14px;margin:8px 0}@media (max-width:768px){.mp-container{padding:15px}.mp-header{align-items:flex-start;flex-direction:column}.mp-header-actions{justify-content:flex-end;width:100%}.mp-grid,.mp-summary{grid-template-columns:1fr}.mp-form-macros{grid-template-columns:repeat(2,1fr)}.mp-days-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.mp-day-tab{min-width:80px}.mp-meal-inline-fields{flex-direction:column}.mp-card-macros{flex-wrap:wrap;gap:10px}.mp-card-actions{flex-wrap:wrap}.mp-items-table{font-size:12px}.mp-items-edit-table td,.mp-items-edit-table th{padding:4px 6px}}.um-container{padding:20px}.um-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.um-header h1{font-size:1.6rem;margin:0 0 4px}.um-header p{color:#6b7280;font-size:.9rem;margin:0}.um-btn-create{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 22px;transition:background .2s;white-space:nowrap}.um-btn-create:hover{background:#4338ca}.um-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.um-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 20px;text-align:center}.um-stat-num{color:#111827;display:block;font-size:1.8rem;font-weight:800}.um-stat-label{color:#6b7280;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.um-stat-card.active{border-left:4px solid #10b981}.um-stat-card.inactive{border-left:4px solid #ef4444}.um-stat-card.admin{border-left:4px solid #4f46e5}.um-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.um-search{flex:1 1;min-width:250px;position:relative}.um-search-icon{font-size:1rem;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.um-search input{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:.9rem;padding:10px 14px 10px 38px;width:100%}.um-search input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.um-filters select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:.9rem;padding:10px 14px}.um-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.um-table{border-collapse:collapse;width:100%}.um-table thead{background:#f9fafb}.um-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.um-table td{border-bottom:1px solid #f3f4f6;font-size:.9rem;padding:12px 16px;vertical-align:middle}.um-table tbody tr:hover{background:#f9fafb}.um-row-inactive{opacity:.6}.um-user-cell{gap:12px}.um-avatar,.um-user-cell{align-items:center;display:flex}.um-avatar{background:#4f46e5;border-radius:50%;color:#fff;flex-shrink:0;font-size:.9rem;font-weight:700;height:38px;justify-content:center;width:38px}.um-user-cell strong{color:#111827;display:block;font-size:.9rem}.um-user-cell small{color:#9ca3af;font-size:.8rem}.um-contact-cell{display:flex;flex-direction:column;gap:2px}.um-contact-cell span{color:#6b7280;font-size:.8rem}.um-role-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:3px 10px}.um-role-badge.admin{background:#ede9fe;color:#7c3aed}.um-role-badge.client{background:#dbeafe;color:#2563eb}.um-profile-badge{background:#f3f4f6;border-radius:6px;color:#374151;font-size:.8rem;padding:3px 10px}.um-status{font-size:.8rem;font-weight:500}.um-status.active{color:#059669}.um-status.inactive{color:#dc2626}.um-date{color:#9ca3af;font-size:.8rem}.um-actions{display:flex;gap:6px}.um-btn-action{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;height:32px;justify-content:center;transition:all .2s;width:32px}.um-btn-action.edit:hover{background:#eef2ff;border-color:#4f46e5}.um-btn-action.deactivate:hover{background:#fef2f2;border-color:#dc2626}.um-btn-action.activate:hover{background:#ecfdf5;border-color:#10b981}.um-btn-action.delete:hover{background:#fef2f2;border-color:#dc2626}.um-empty{color:#9ca3af;padding:40px;text-align:center}.um-table-footer{border-top:1px solid #f3f4f6;color:#9ca3af;font-size:.8rem;padding:12px 16px;text-align:right}.um-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.um-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:720px;width:92%}.um-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.um-modal-header h2{font-size:1.3rem;margin:0}.um-modal-close{background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;font-size:1.6rem;padding:4px 8px}.um-modal-close:hover{background:#f3f4f6;color:#111}.um-modal-body{flex:1 1;overflow-y:auto;padding:24px}.um-section{margin-bottom:24px}.um-section h3{border-bottom:1px solid #f3f4f6;color:#374151;font-size:.95rem;margin:0 0 12px;padding-bottom:8px}.um-form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.um-field{display:flex;flex-direction:column}.um-field.full{grid-column:1/-1}.um-field label{color:#374151;font-size:.8rem;font-weight:600;margin-bottom:4px}.um-field input,.um-field select,.um-field textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:.9rem;padding:9px 12px;transition:border .2s}.um-field input:focus,.um-field select:focus,.um-field textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.um-field textarea{font-family:inherit;resize:vertical}.um-checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:.9rem!important;font-weight:500!important;gap:8px;margin-top:20px}.um-checkbox-label input[type=checkbox]{accent-color:#4f46e5;height:18px;width:18px}.um-permissions-display{background:#f9fafb;border-radius:8px;margin-top:14px;padding:12px}.um-permissions-display h4{color:#374151;font-size:.85rem;margin:0 0 8px}.um-perm-list{display:flex;flex-wrap:wrap;gap:6px}.um-perm-tag{background:#ecfdf5;border-radius:20px;color:#065f46;font-size:.75rem;padding:3px 10px}.um-perm-none{color:#9ca3af;font-size:.8rem}.um-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.um-btn-cancel{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:.9rem;padding:10px 20px}.um-btn-cancel:hover{background:#f9fafb}.um-btn-save{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 24px}.um-btn-save:hover{background:#4338ca}.um-loading{align-items:center;display:flex;flex-direction:column;height:50vh;justify-content:center}.um-loading .spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#4f46e5;height:40px;width:40px}@media (max-width:768px){.um-header{flex-direction:column;gap:14px}.um-stats{grid-template-columns:repeat(2,1fr)}.um-form-grid{grid-template-columns:1fr}.um-table-wrapper{overflow-x:auto}}.role-management{padding:20px}.role-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}.role-header h1{font-size:1.6rem;margin:0 0 6px}.role-header p{color:#666;font-size:.95rem;margin:0}.btn-create{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;padding:10px 22px;transition:background .2s;white-space:nowrap}.btn-create:hover{background:#4338ca}.roles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.role-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:20px;transition:box-shadow .2s}.role-card:hover{box-shadow:0 4px 12px #0000001a}.role-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.role-card-header h3{color:#111827;font-size:1.2rem;margin:0}.perm-count{background:#4f46e5;border-radius:20px;color:#fff;font-size:.8rem;padding:3px 10px}.role-desc{color:#6b7280;font-size:.9rem;margin:0 0 14px}.role-perms{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr;margin-bottom:16px}.perm-item{align-items:center;border-radius:6px;display:flex;font-size:.85rem;gap:6px;padding:4px 8px}.perm-item.active{background:#ecfdf5;color:#065f46}.perm-item.inactive{background:#f9fafb;color:#9ca3af}.perm-icon{font-size:.8rem}.role-card-actions{border-top:1px solid #f3f4f6;display:flex;gap:10px;padding-top:12px}.btn-delete-role,.btn-edit-role{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;flex:1 1;font-size:.9rem;padding:8px;transition:all .2s}.btn-edit-role:hover{background:#eef2ff;border-color:#4f46e5;color:#4f46e5}.btn-delete-role:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626}.no-roles{color:#6b7280;font-size:1.1rem;padding:60px 20px;text-align:center}.role-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.role-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:780px;width:90%}.role-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.role-modal-header h2{font-size:1.3rem;margin:0}.modal-close{background:none;border-radius:6px;color:#9ca3af;font-size:1.6rem;padding:4px 8px}.modal-close:hover{color:#111}.role-modal-body{flex:1 1;overflow-y:auto;padding:24px}.role-form-group{margin-bottom:18px}.role-form-group label{color:#374151;display:block;font-size:.9rem;font-weight:600;margin-bottom:6px}.role-form-group input,.role-form-group textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:.95rem;padding:10px 14px;transition:border .2s;width:100%}.role-form-group input:focus,.role-form-group textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.perms-section{margin-top:10px}.perms-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.perms-header h4{color:#111827;font-size:1rem;margin:0}.btn-sm-perm{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:.8rem;margin-left:6px;padding:4px 12px;transition:all .2s}.btn-sm-perm:hover{background:#e5e7eb}.perms-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:20px}.perms-group-title{border-bottom:2px solid #e5e7eb;color:#374151;font-size:.95rem;margin:20px 0 10px;padding-bottom:6px}.perms-group-desc{color:#6b7280;font-size:.8rem;margin:-4px 0 12px}.role-perms-sections{margin-bottom:16px}.role-perms-section{margin-bottom:10px}.perms-section-title{color:#6b7280;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.perm-checkbox{align-items:flex-start;background:#fafafa;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .2s}.perm-checkbox:hover{background:#eef2ff;border-color:#a5b4fc}.perm-checkbox.checked{background:#eef2ff;border-color:#4f46e5}.perm-checkbox input[type=checkbox]{accent-color:#4f46e5;height:18px;margin-top:3px;width:18px}.perm-cb-content{align-items:flex-start;display:flex;gap:10px}.perm-cb-icon{font-size:1.2rem}.perm-cb-content strong{color:#111827;display:block;font-size:.9rem}.perm-cb-content small{color:#6b7280;display:block;font-size:.8rem;margin-top:2px}.role-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.btn-cancel{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:.9rem;padding:10px 20px}.btn-cancel:hover{background:#f9fafb}.btn-save{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 24px}.btn-save:hover{background:#4338ca}.role-loading{align-items:center;display:flex;flex-direction:column;height:50vh;justify-content:center}.role-loading .spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#4f46e5;height:40px;width:40px}@media (max-width:768px){.role-header{flex-direction:column;gap:14px}.perms-grid,.role-perms,.roles-grid{grid-template-columns:1fr}}.token-shop{padding:20px}.ts-balance-bar{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:16px;color:#fff;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 30px}.ts-balance-info h1{font-size:1.5rem;margin:0 0 6px}.ts-balance-info p{font-size:.9rem;margin:0;opacity:.85}.ts-wallet{text-align:right}.ts-wallet-balance{align-items:center;display:flex;gap:8px;margin-bottom:6px}.ts-wallet-icon{font-size:1.6rem}.ts-wallet-amount{font-size:2rem;font-weight:800}.ts-wallet-label{font-size:.9rem;opacity:.8}.ts-wallet-stats{display:flex;font-size:.8rem;gap:16px;opacity:.8}.ts-tabs{background:#f3f4f6;border-radius:12px;display:flex;gap:4px;margin-bottom:24px;padding:4px}.ts-tabs button{background:#0000;border:none;border-radius:10px;color:#6b7280;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .2s}.ts-tabs button.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#4f46e5;font-weight:600}.ts-category{margin-bottom:30px}.ts-category-title{border-bottom:2px solid #e5e7eb;color:#374151;font-size:1.1rem;margin:0 0 14px;padding-bottom:8px}.ts-items-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.ts-item-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;display:flex;gap:16px;padding:18px;transition:all .2s}.ts-item-card:hover{border-color:#c7d2fe;box-shadow:0 4px 12px #00000014}.ts-item-icon{flex-shrink:0;font-size:2.2rem}.ts-item-info{flex:1 1;min-width:0}.ts-item-info h4{color:#111827;font-size:1rem;margin:0 0 4px}.ts-item-info p{color:#6b7280;font-size:.85rem;margin:0}.ts-stock{color:#f59e0b;font-size:.75rem;font-weight:500}.ts-item-price{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:8px}.ts-price{color:#4f46e5;font-size:1.1rem;font-weight:700}.ts-buy-btn{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 18px;transition:background .2s}.ts-buy-btn:hover:not(.disabled){background:#4338ca}.ts-buy-btn.disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.ts-purchase-list,.ts-transaction-list{display:flex;flex-direction:column;gap:8px}.ts-purchase-item,.ts-transaction{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:14px;padding:14px 18px}.ts-purchase-icon,.ts-tx-icon{flex-shrink:0;font-size:1.6rem}.ts-purchase-details,.ts-tx-info{flex:1 1}.ts-purchase-details strong,.ts-tx-info strong{color:#111827;display:block;font-size:.95rem}.ts-purchase-details small,.ts-tx-info small{color:#9ca3af;font-size:.8rem}.ts-purchase-cost{align-items:center;color:#dc2626;display:flex;font-weight:600;gap:8px}.ts-status.completed{color:#10b981}.ts-tx-amount{font-size:1rem;font-weight:700;white-space:nowrap}.ts-tx-amount.positive{color:#10b981}.ts-tx-amount.negative{color:#dc2626}.ts-transaction.earned{border-left:3px solid #10b981}.ts-transaction.spent{border-left:3px solid #dc2626}.ts-empty{color:#9ca3af;font-size:1.1rem;padding:60px 20px;text-align:center}.ts-loading{align-items:center;display:flex;flex-direction:column;height:50vh;justify-content:center}.ts-loading .spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#4f46e5;height:40px;width:40px}@media (max-width:768px){.ts-balance-bar{flex-direction:column;gap:16px}.ts-balance-bar,.ts-wallet{text-align:center}.ts-wallet-balance,.ts-wallet-stats{justify-content:center}.ts-items-grid{grid-template-columns:1fr}.ts-item-card{flex-direction:column;text-align:center}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-card:#fff;--bg-input:#fff;--bg-hover:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-inverse:#fff;--border-color:#e2e8f0;--border-focus:#6366f1;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-secondary:#8b5cf6;--accent-gradient:linear-gradient(135deg,#6366f1,#8b5cf6);--success:#10b981;--success-bg:#d1fae5;--success-text:#065f46;--warning-bg:#fef3c7;--warning-text:#92400e;--error:#ef4444;--error-bg:#fee2e2;--error-text:#991b1b;--info:#3b82f6;--info-bg:#dbeafe;--info-text:#1e40af;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease}:root.dark,[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-card:#1e293b;--bg-input:#334155;--bg-hover:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--border-color:#334155;--border-focus:#818cf8;--accent-primary:#818cf8;--accent-primary-hover:#6366f1;--accent-secondary:#a78bfa;--accent-gradient:linear-gradient(135deg,#818cf8,#a78bfa);--success:#34d399;--success-bg:#064e3b;--success-text:#a7f3d0;--warning:#fbbf24;--warning-bg:#78350f;--warning-text:#fde68a;--error:#f87171;--error-bg:#7f1d1d;--error-text:#fecaca;--info:#60a5fa;--info-bg:#1e3a8a;--info-text:#bfdbfe;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #00000080,0 8px 10px -6px #0006}*{transition:background-color .2s ease,border-color .2s ease,color .15s ease;transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-fast)}body{background-color:#f8fafc;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.booking-card,.card,.slot-card,.stat-card,.user-card{background-color:#fff;background-color:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}input,select,textarea{background-color:#fff;background-color:var(--bg-input);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:all .15s ease;transition:all var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:#6366f1;border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f133;outline:none}input::placeholder,textarea::placeholder{color:#94a3b8;color:var(--text-muted)}.btn,button{border-radius:10px;border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:all .15s ease;transition:all var(--transition-fast)}.btn-primary,button.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--accent-gradient);border:none;color:#fff;color:var(--text-inverse);padding:12px 24px}.btn-primary:hover,button.primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary,button.secondary{background-color:#f1f5f9;background-color:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#1e293b;color:var(--text-primary)}.btn-secondary:hover,button.secondary:hover{background-color:#f1f5f9;background-color:var(--bg-hover)}.btn-danger{background-color:#ef4444;background-color:var(--error);border:none}.btn-success{background-color:#10b981;background-color:var(--success);border:none;color:#fff}table{background-color:#fff;background-color:var(--bg-card);border-collapse:collapse;width:100%}th{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--accent-gradient);color:#fff;font-weight:600;text-align:left}td,th{padding:14px}td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#1e293b;color:var(--text-primary)}tr:hover{background-color:#f1f5f9;background-color:var(--bg-hover)}.nav,.navbar,.sidebar{background-color:#fff;background-color:var(--bg-secondary);border-color:#e2e8f0;border-color:var(--border-color)}.nav-link{color:#64748b;color:var(--text-secondary);transition:color .15s ease;transition:color var(--transition-fast)}.nav-link.active,.nav-link:hover{color:#6366f1;color:var(--accent-primary)}.modal-overlay{background-color:#0009}.modal,.modal-content{background-color:#fff;background-color:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl)}.alert-success,.badge-success{background-color:#d1fae5;background-color:var(--success-bg);border:1px solid #10b981;border:1px solid var(--success);color:#065f46;color:var(--success-text)}.alert-warning,.badge-warning{background-color:#fef3c7;background-color:var(--warning-bg);border:1px solid #f59e0b;border:1px solid var(--warning);color:#92400e;color:var(--warning-text)}.alert-danger,.alert-error,.badge-danger,.badge-error{background-color:#fee2e2;background-color:var(--error-bg);border:1px solid #ef4444;border:1px solid var(--error);color:#991b1b;color:var(--error-text)}.alert-info,.badge-info{background-color:#dbeafe;background-color:var(--info-bg);border:1px solid #3b82f6;border:1px solid var(--info);color:#1e40af;color:var(--info-text)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-tertiary)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#94a3b8;background:var(--text-muted)}::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-secondary)}::selection{background-color:#6366f1;background-color:var(--accent-primary);color:#fff}.loader,.spinner{border-color:#e2e8f0;border-color:var(--border-color);border-top-color:#6366f1;border-top-color:var(--accent-primary)}.progress-bar{background-color:#f1f5f9;background-color:var(--bg-tertiary)}.progress-bar-fill{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--accent-gradient)}.dropdown-menu{background-color:#fff;background-color:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.dropdown-item{color:#1e293b;color:var(--text-primary)}.dropdown-item:hover{background-color:#f1f5f9;background-color:var(--bg-hover)}.tooltip{background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#1e293b;color:var(--text-primary)}.calendar{background-color:#fff;background-color:var(--bg-card)}.calendar-day{color:#1e293b;color:var(--text-primary)}.calendar-day:hover{background-color:#f1f5f9;background-color:var(--bg-hover)}.calendar-day.selected{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--accent-gradient);color:#fff}.calendar-day.today{border:2px solid var(--accent-primary)}.calendar-day.disabled{color:#94a3b8;color:var(--text-muted);opacity:.5}.time-slot{background-color:#fff;background-color:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color)}.time-slot.available{border-color:var(--success)}.time-slot.full{border-color:#ef4444;border-color:var(--error);opacity:.7}.time-slot.selected{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--accent-gradient);border-color:#0000}.toggle-switch{background-color:#f1f5f9;background-color:var(--bg-tertiary)}.avatar,.toggle-switch.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--accent-gradient)}.avatar{color:#fff}.stat-card{background:var(--bg-card)}.stat-card.gradient{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--accent-gradient);color:#fff}.empty-state{color:#94a3b8;color:var(--text-muted)}footer{background-color:#fff;background-color:var(--bg-secondary);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);color:#64748b;color:var(--text-secondary)}@media print{:root,:root.dark,[data-theme=dark]{--bg-primary:#fff;--bg-secondary:#fff;--bg-card:#fff;--text-primary:#000;--text-secondary:#333;--border-color:#ccc}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .2s ease;animation:fadeIn var(--transition-normal)}.slide-up{animation:slideUp .3s ease;animation:slideUp var(--transition-slow)}.pulse{animation:pulse 2s infinite}:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary:#10b981;--secondary-dark:#059669;--danger:#ef4444;--danger-dark:#dc2626;--warning:#f59e0b;--font-sans:"Segoe UI Variable","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100vw;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}body,button,input,select,textarea{font-family:Segoe UI Variable,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans)}.app{display:flex;flex-direction:column;min-height:100vh}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.navbar-menu{align-items:center;display:flex;gap:1rem}.nav-link{border-radius:.5rem;color:#374151;color:var(--gray-700);font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#f3f4f6;background:var(--gray-100);color:#6366f1;color:var(--primary)}.nav-link.active{background:#6366f1;background:var(--primary);color:#fff}.container{margin:2rem auto;max-width:1200px;padding:0 2rem}.card{background:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);margin-bottom:2rem;padding:2rem}.card-header{align-items:center;border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--gray-100);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.card-title{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:700}.card-body{padding:0}.btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);color:#fff}.btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--secondary) 0,var(--secondary-dark) 100%);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);color:#fff}.btn-secondary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--danger) 0,var(--danger-dark) 100%);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);color:#fff}.btn-danger:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #6366f1;border:2px solid var(--primary);color:#6366f1;color:var(--primary)}.btn-outline:hover{background:#6366f1;background:var(--primary);color:#fff}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.form-group{margin-bottom:1.5rem}.form-label{color:#374151;color:var(--gray-700);display:block;font-weight:600;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:.5rem;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-textarea{min-height:100px;resize:vertical}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.table-container{border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table thead{background:#f9fafb;background:var(--gray-50)}.table td,.table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:1rem;text-align:left}.table th{color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.table tbody tr:hover{background:#f9fafb;background:var(--gray-50)}.badge{border-radius:9999px;display:inline-block;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.badge-success{background:#d1fae5;color:#065f46}.badge-danger{background:#fee2e2;color:#991b1b}.badge-warning{background:#fef3c7;color:#92400e}.badge-info{background:#dbeafe;color:#1e40af}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal{animation:slideUp .3s ease;background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:90%}.modal-header{align-items:center;border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--gray-100);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.modal-title{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:700}.modal-close{background:#0000;border:none;border-radius:.5rem;color:#6b7280;color:var(--gray-500);cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all .3s ease}.modal-close:hover{background:#f3f4f6;background:var(--gray-100);color:#111827;color:var(--gray-900)}.loading{align-items:center;display:flex;justify-content:center;padding:3rem}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-top:4px solid #6366f1;border:4px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary);height:50px;width:50px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}.calendar-container{background:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);padding:1.5rem}.time-slot{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:.5rem;cursor:pointer;padding:1rem;transition:all .3s ease}.time-slot:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.time-slot.selected,.time-slot:hover{border-color:#6366f1;border-color:var(--primary)}.time-slot.selected{background:#818cf8;background:var(--primary-light);color:#fff}.time-slot.full{background-color:#ffc107;border-color:#e0a800;color:#333;cursor:pointer}.time-slot.full:hover{background-color:#e0a800;transform:scale(1.05)}.time-slot.blocked{background:#f3f4f6;background:var(--gray-100);cursor:not-allowed}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:.5rem;padding:1.5rem}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.stat-label{color:#4b5563;color:var(--gray-600);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}@media (max-width:768px){.navbar{flex-direction:column;gap:1rem}.navbar-menu{flex-wrap:wrap;justify-content:center}.container{padding:0 1rem}.card{padding:1.5rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.calendar-grid{border:1px solid var(--border-color);border-radius:8px;margin-top:1rem;overflow:hidden}.calendar-header{background-color:#6366f1;background-color:var(--primary);color:#fff}.calendar-header,.calendar-row{display:grid;grid-template-columns:80px repeat(7,1fr)}.calendar-row:nth-child(2n){background-color:#f9fafb;background-color:var(--gray-50)}.calendar-cell{align-items:center;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:center;min-height:60px;padding:8px}.calendar-cell:last-child{border-right:none}.header-cell{background-color:#6366f1;background-color:var(--primary);border-bottom:2px solid var(--border-color);color:#fff;font-weight:700}.time-cell{background-color:#f3f4f6;background-color:var(--gray-100);border-right:2px solid var(--border-color);font-weight:700}.time-slot{border:1px solid #0000;border-radius:4px;font-size:.8em;margin-bottom:2px;padding:4px 8px;text-align:center;transition:all .2s;width:100%}.time-slot.available{background-color:#10b981;background-color:var(--secondary);border-color:#10b981;border-color:var(--secondary);color:#fff}.time-slot.available:hover{background-color:#059669;background-color:var(--secondary-dark);transform:scale(1.05)}.time-slot.booked{background-color:#6366f1;background-color:var(--primary);border-color:#6366f1;border-color:var(--primary);color:#fff}.time-slot.blocked{background-color:#ef4444;background-color:var(--danger);border-color:#ef4444;border-color:var(--danger);color:#fff}.time-slot.past{background-color:#d1d5db;background-color:var(--gray-300);border-color:#d1d5db;border-color:var(--gray-300);color:#4b5563;color:var(--gray-600)}.booking-wizard{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;min-height:500px;overflow:hidden}.wizard-sidebar{background:linear-gradient(180deg,#4a7c7c,#3d6666);display:flex;flex-direction:column;gap:2rem;padding:2.5rem 1.5rem;width:220px}.wizard-step{align-items:center;color:#ffffff80;display:flex;gap:1rem;transition:all .3s}.wizard-step.active{color:#fff}.step-number{align-items:center;background:#0000;border:2px solid #ffffff4d;border-radius:50%;display:flex;font-size:1rem;font-weight:600;height:36px;justify-content:center;width:36px}.wizard-step.active .step-number{background:#ffffff26;border-color:#fff}.step-label{font-size:1rem;font-weight:500}.wizard-content{display:flex;flex:1 1;flex-direction:column;padding:2rem 2.5rem;position:relative}.wizard-title{color:#374151;color:var(--gray-700);font-size:1.4rem;font-weight:500;margin-bottom:1.5rem}.date-display{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;color:#4b5563;color:var(--gray-600);cursor:pointer;font-size:1rem;margin-bottom:1rem;padding:1rem 1.25rem;transition:all .2s}.date-display:hover{border-color:#6366f1;border-color:var(--primary)}.date-display.has-value{color:#1f2937;color:var(--gray-800);font-weight:500}.webba-calendar{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 4px 12px #00000014;max-width:380px;overflow:hidden}.calendar-nav{align-items:center;background:#fff;display:flex;justify-content:space-between;padding:.75rem 1rem}.calendar-nav-btn{background:none;border:none;border-radius:4px;color:#6b7280;color:var(--gray-500);cursor:pointer;font-size:.9rem;padding:.5rem;transition:all .2s}.calendar-nav-btn:hover{background:#f3f4f6;background:var(--gray-100);color:#1f2937;color:var(--gray-800)}.calendar-month-title{color:#374151;color:var(--gray-700);font-size:1rem;font-weight:500;text-transform:capitalize}.calendar-year{color:#9ca3af;color:var(--gray-400);font-weight:400;margin-left:.5rem}.calendar-weekdays{background:#fff;display:grid;grid-template-columns:repeat(7,1fr);padding:.5rem .75rem}.calendar-weekday{color:#9ca3af;color:var(--gray-400);font-size:.75rem;font-weight:500;text-align:center}.calendar-days{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);padding:.25rem .75rem .75rem}.calendar-day{align-items:center;aspect-ratio:1;border-radius:4px;color:#d1d5db;color:var(--gray-300);cursor:pointer;display:flex;font-size:.9rem;font-weight:400;justify-content:center;transition:all .15s}.calendar-day.has-slots{color:#1f2937;color:var(--gray-800);cursor:pointer;font-weight:600}.calendar-day.has-slots:hover{background:#f3f4f6;background:var(--gray-100)}.calendar-day.today{border:2px solid #6366f1;border:2px solid var(--primary)}.calendar-day.today.has-slots{color:#6366f1;color:var(--primary);font-weight:700}.calendar-day.selected{background:#6366f1;background:var(--primary);color:#fff!important;font-weight:600}.calendar-day:not(.has-slots):not(.other-month){color:#d1d5db;color:var(--gray-300);cursor:default}.calendar-day.other-month{color:#e5e7eb;color:var(--gray-200);cursor:default}.calendar-day.past{color:#e5e7eb;color:var(--gray-200);cursor:not-allowed}.calendar-footer{background:#fff;border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);display:flex;justify-content:space-around;padding:.75rem}.calendar-footer button{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;color:var(--gray-500);cursor:pointer;display:flex;font-size:.85rem;gap:.25rem;padding:.5rem 1rem;transition:all .2s}.calendar-footer button:hover{background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700)}.slots-container{margin-top:.5rem}.slots-title{color:#374151;color:var(--gray-700);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.slots-grid{display:flex;flex-wrap:wrap;gap:1rem}.slot-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:10px;cursor:pointer;max-width:200px;min-width:160px;padding:1rem 1.25rem;transition:all .2s}.slot-card:hover{border-color:#9ca3af;border-color:var(--gray-400);box-shadow:0 2px 8px #00000014}.slot-card.available:hover{border-color:#10b981;border-color:var(--secondary)}.slot-card.booked{background:#6366f108;border-color:#6366f1;border-color:var(--primary)}.slot-card.full{border-color:#d1d5db;border-color:var(--gray-300);opacity:.7}.slot-time{align-items:center;color:#1f2937;color:var(--gray-800);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.slot-status-dot{background:#0000;border:2px solid #9ca3af;border:2px solid var(--gray-400);border-radius:50%;height:14px;width:14px}.slot-status-dot.available{border-color:#9ca3af;border-color:var(--gray-400)}.slot-status-dot.booked{background:#6366f1;background:var(--primary);border-color:#6366f1;border-color:var(--primary)}.slot-status-dot.full{background:#9ca3af;background:var(--gray-400);border-color:#9ca3af;border-color:var(--gray-400)}.slot-availability{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;font-size:.85rem;gap:.4rem;margin-bottom:.5rem}.slot-icon{font-size:.9rem}.slot-participants{margin-top:.5rem}.participant-name{color:#6b7280;color:var(--gray-500);font-size:.8rem;letter-spacing:.02em;padding:.15rem 0;text-transform:uppercase}.participant-more{color:#9ca3af;color:var(--gray-400);font-size:.75rem}.slot-booked-badge{background:#6366f1;background:var(--primary)}.slot-booked-badge,.slot-waitlist-badge{border-radius:6px;color:#fff;font-size:.8rem;font-weight:500;margin-top:.75rem;padding:.4rem .75rem;text-align:center}.slot-waitlist-badge{background:#f59e0b;background:var(--warning)}.slot-booked-count{font-size:.8rem;margin-top:.25rem}.no-slots,.slot-booked-count{color:#9ca3af;color:var(--gray-400)}.no-slots{padding:2rem;text-align:center}.no-slots p{font-size:1rem;margin-bottom:1rem}.wizard-footer{display:flex;justify-content:flex-end;margin-top:auto;padding-top:2rem}.btn-seguinte{background:linear-gradient(180deg,#a8b5c4,#8fa3b8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.875rem 2rem;transition:all .2s}.btn-seguinte:hover{background:linear-gradient(180deg,#8fa3b8,#7a90a8);transform:translateY(-1px)}.btn-seguinte:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.booking-wizard{border-radius:0;box-shadow:none;flex-direction:column;margin:-1rem;min-height:auto}.wizard-sidebar{flex-direction:row;gap:2rem;justify-content:center;padding:1rem 1.5rem;width:100%}.step-label{display:none}.step-number{height:40px;width:40px}.wizard-content{padding:1.25rem}.wizard-title{font-size:1.2rem;margin-bottom:1rem}.webba-calendar{border:none;box-shadow:none;max-width:100%}.calendar-days{padding:.5rem}.calendar-day{font-size:1rem;min-height:44px}.slots-grid{flex-direction:column}.slot-card{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;max-width:100%;padding:1rem;width:100%}.slot-time{flex:0 0 auto;font-size:1.2rem;margin-bottom:0}.slot-availability{margin-bottom:0;margin-left:auto}.slot-participants{border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);margin-top:.75rem;padding-top:.75rem;width:100%}.btn-seguinte{padding:1rem;width:100%}}@media (max-width:380px){.wizard-sidebar{gap:1.5rem;padding:.75rem 1rem}.step-number{font-size:.9rem;height:36px;width:36px}.wizard-content{padding:1rem}.calendar-day{font-size:.9rem;min-height:40px}.slot-card{padding:.875rem}}.bulk-modal{border-radius:16px;max-height:90vh;max-width:750px;overflow:auto}.bulk-section{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.25rem;padding:1.25rem}.bulk-section-title{align-items:center;color:#6366f1;color:var(--primary);display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.bulk-section-title .icon{font-size:1.1rem}.date-range-container{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:1fr auto 1fr}.date-input-wrapper{position:relative}.date-input-wrapper label{color:#6b7280;color:var(--gray-500);display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.date-input-wrapper input[type=date]{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1f2937;color:var(--gray-800);cursor:pointer;font-size:1rem;font-weight:500;padding:.875rem 1rem;transition:all .2s ease;width:100%}.date-input-wrapper input[type=date]:hover{border-color:#818cf8;border-color:var(--primary-light)}.date-input-wrapper input[type=date]:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.date-separator{align-items:center;color:#9ca3af;color:var(--gray-400);display:flex;font-size:1.5rem;justify-content:center;padding-top:1.5rem}.capacity-container{align-items:center;display:flex;gap:1rem}.capacity-stepper{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;display:flex;overflow:hidden}.capacity-btn{align-items:center;background:#0000;border:none;color:#6366f1;color:var(--primary);cursor:pointer;display:flex;font-size:1.25rem;font-weight:600;height:44px;justify-content:center;transition:all .2s;width:44px}.capacity-btn:hover{background:#6366f1;background:var(--primary);color:#fff}.capacity-btn:active{transform:scale(.95)}.capacity-value{background:#0000;border:none;color:#1f2937;color:var(--gray-800);font-size:1.25rem;font-weight:700;text-align:center;width:60px}.capacity-label{color:#6b7280;color:var(--gray-500);font-size:.9rem}.schedules-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.add-schedule-btn{align-items:center;background:#fff;border:2px dashed #6366f1;border:2px dashed var(--primary);border-radius:8px;color:#6366f1;color:var(--primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.add-schedule-btn:hover{background:#6366f1;background:var(--primary);border-style:solid;color:#fff}.schedule-list{display:flex;flex-direction:column;gap:.75rem}.schedule-item{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;display:flex;gap:.75rem;padding:.875rem;transition:all .2s}.schedule-item:hover{border-color:#818cf8;border-color:var(--primary-light);box-shadow:0 2px 8px #6366f11a}.schedule-item.disabled{background:#f8fafc;opacity:.5}.day-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#374151;color:var(--gray-700);cursor:pointer;font-size:.9rem;font-weight:500;min-width:120px;padding:.625rem .875rem;transition:all .2s}.day-select:focus{border-color:#6366f1;border-color:var(--primary);outline:none}.time-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#374151;color:var(--gray-700);font-size:.95rem;font-weight:500;padding:.625rem .75rem;text-align:center;transition:all .2s;width:110px}.time-input:focus{border-color:#6366f1;border-color:var(--primary);outline:none}.time-separator{color:#9ca3af;color:var(--gray-400);font-size:1.1rem;font-weight:500}.toggle-switch{height:26px;margin-left:auto;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#cbd5e1;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #00000026;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--secondary) 0,#059669 100%)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}.remove-schedule-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#ef4444;color:var(--danger);cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;transition:all .2s;width:32px}.remove-schedule-btn:hover{background:#fef2f2}.summary-box{align-items:center;background:linear-gradient(145deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:10px;display:flex;gap:.75rem;margin-top:1rem;padding:1rem}.summary-icon{font-size:1.5rem}.summary-text{color:#065f46;font-size:.9rem;line-height:1.4}.summary-text strong{color:#047857}.empty-schedules{color:#9ca3af;color:var(--gray-400);padding:2rem;text-align:center}.empty-schedules .icon{font-size:2.5rem;margin-bottom:.5rem}@media (max-width:600px){.date-range-container{gap:.75rem;grid-template-columns:1fr}.date-separator{padding:0;transform:rotate(90deg)}.schedule-item{flex-wrap:wrap}.day-select{width:100%}.time-input{flex:1 1;min-width:80px}}
/*# sourceMappingURL=main.d9fb9b53.css.map*/