@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');:root{--msfah-primary:#137fec;--msfah-primary-hover:#1067c4;--msfah-bg-light:#f6f7f8;--msfah-bg-dark:#101922;--msfah-card-light:#ffffff;--msfah-card-dark:#15202b;--msfah-text-dark:#1e293b;--msfah-text-light:#f8fafc;--msfah-text-muted:#64748b;--msfah-border-light:#e2e8f0;--msfah-border-dark:#1e293b;--msfah-sidebar-width:256px;--msfah-header-height:60px}.msfah-dark{--msfah-bg:var(--msfah-bg-dark);--msfah-card:var(--msfah-card-dark);--msfah-text:var(--msfah-text-light);--msfah-text-secondary:#94a3b8;--msfah-border:var(--msfah-border-dark)}.msfah-app-v2{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5;color:var(--msfah-text-dark);background:var(--msfah-bg-light);min-height:100vh;display:flex;overflow:hidden}.msfah-app-v2.msfah-dark{background:var(--msfah-bg-dark);color:var(--msfah-text-light)}.msfah-app-v2 *{box-sizing:border-box}.msfah-app-v2 a{color:var(--msfah-primary);text-decoration:none}.msfah-app-v2 a:hover{color:var(--msfah-primary-hover)}.material-symbols-outlined{font-family:'Material Symbols Outlined';font-variation-settings:'FILL' 0,'wght' 400;vertical-align:middle}.msfah-sidebar-v2{width:var(--msfah-sidebar-width);background:var(--msfah-card-light);border-right:1px solid var(--msfah-border-light);display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;z-index:100;transition:transform 0.3s ease}.msfah-dark .msfah-sidebar-v2{background:var(--msfah-card-dark);border-color:var(--msfah-border-dark)}.msfah-sidebar-v2--hidden{transform:translateX(-100%)}.msfah-sidebar-content-v2{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:16px}.msfah-sidebar-header-v2{display:flex;align-items:center;gap:12px;padding:8px;margin-bottom:24px}.msfah-logo-v2{width:40px;height:40px;background:var(--msfah-primary);color:white;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(19,127,236,0.3)}.msfah-sidebar-header-v2 h1{font-size:16px;font-weight:700;margin:0}.msfah-sidebar-header-v2 p{font-size:12px;color:var(--msfah-text-muted);margin:2px 0 0}.msfah-nav-v2{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto}.msfah-nav-item-v2{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:var(--msfah-text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s;border:none;background:transparent;width:100%;text-align:left}.msfah-nav-item-v2:hover{background:var(--msfah-bg-light);color:var(--msfah-text-dark)}.msfah-dark .msfah-nav-item-v2:hover{background:rgba(255,255,255,0.05);color:var(--msfah-text-light)}.msfah-nav-item-v2:hover .material-symbols-outlined{color:var(--msfah-primary)}.msfah-nav-item-v2--active{background:var(--msfah-primary);color:white;box-shadow:0 2px 8px rgba(19,127,236,0.2)}.msfah-nav-item-v2--active:hover{background:var(--msfah-primary-hover);color:white}.msfah-nav-item-v2--active .material-symbols-outlined{color:white !important}.msfah-nav-item-v2--danger{color:#ef4444}.msfah-nav-item-v2--danger:hover{background:rgba(239,68,68,0.1);color:#ef4444}.msfah-sidebar-footer-v2{border-top:1px solid var(--msfah-border-light);padding-top:16px;margin-top:16px}.msfah-dark .msfah-sidebar-footer-v2{border-color:var(--msfah-border-dark)}.msfah-main-v2{flex:1;margin-left:var(--msfah-sidebar-width);display:flex;flex-direction:column;min-height:100vh;transition:margin-left 0.3s ease}.msfah-sidebar-v2--hidden+.msfah-main-v2{margin-left:0}.msfah-header-v2{height:var(--msfah-header-height);background:rgba(255,255,255,0.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--msfah-border-light);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50}.msfah-dark .msfah-header-v2{background:rgba(21,32,43,0.9);border-color:var(--msfah-border-dark)}.msfah-header-left-v2{display:flex;align-items:center;gap:16px}.msfah-header-left-v2 h2{font-size:18px;font-weight:700;margin:0}.msfah-menu-btn-v2{display:none;width:40px;height:40px;border:none;background:var(--msfah-bg-light);border-radius:8px;color:var(--msfah-text-muted);cursor:pointer}.msfah-header-right-v2{display:flex;align-items:center;gap:16px}.msfah-header-search-v2{display:flex;align-items:center;gap:8px;background:var(--msfah-bg-light);border-radius:8px;padding:8px 12px;width:256px}.msfah-dark .msfah-header-search-v2{background:rgba(255,255,255,0.1)}.msfah-header-search-v2 input{border:none;background:transparent;font-size:14px;color:inherit;outline:none;width:100%}.msfah-header-search-v2 .material-symbols-outlined{color:var(--msfah-text-muted)}.msfah-icon-btn-v2{width:36px;height:36px;border:none;background:var(--msfah-bg-light);border-radius:50%;color:var(--msfah-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all 0.2s}.msfah-dark .msfah-icon-btn-v2{background:rgba(255,255,255,0.1)}.msfah-icon-btn-v2:hover{background:var(--msfah-border-light);color:var(--msfah-text-dark)}.msfah-icon-btn-v2--notification .msfah-notification-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid var(--msfah-card-light)}.msfah-user-info-v2{display:flex;align-items:center;gap:12px;padding-left:16px;border-left:1px solid var(--msfah-border-light)}.msfah-dark .msfah-user-info-v2{border-color:var(--msfah-border-dark)}.msfah-user-text-v2{text-align:right}.msfah-user-name-header{font-size:14px;font-weight:600;margin:0}.msfah-user-role-header{font-size:12px;color:var(--msfah-text-muted);margin:0}.msfah-user-avatar-header{width:36px;height:36px;background:linear-gradient(135deg,var(--msfah-primary) 0%,#7c3aed 100%);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.msfah-content-v2{padding:32px;flex:1;width:100%}.msfah-page-header-v2{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.msfah-page-header-v2 h2{font-size:24px;font-weight:700;margin:0}.msfah-btn-v2{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all 0.2s;text-decoration:none}.msfah-btn-v2--primary{background:var(--msfah-primary);color:white !important}.msfah-btn-v2--primary:hover{background:var(--msfah-primary-hover);color:white !important}.msfah-btn-v2--primary .material-symbols-outlined,.msfah-btn-v2--primary span,.msfah-btn-v2--primary *{color:white !important}.msfah-btn-v2--secondary{background:var(--msfah-bg-light);color:var(--msfah-text-dark);border:1px solid var(--msfah-border-light)}.msfah-dark .msfah-btn-v2--secondary{background:rgba(255,255,255,0.1);color:var(--msfah-text-light);border-color:var(--msfah-border-dark)}.msfah-stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:32px}.msfah-stat-card-v2{background:var(--msfah-card-light);border:1px solid var(--msfah-border-light);border-radius:12px;padding:20px}.msfah-dark .msfah-stat-card-v2{background:var(--msfah-card-dark);border-color:var(--msfah-border-dark)}.msfah-stat-card-v2__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.msfah-stat-card-v2__icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.msfah-stat-card-v2__icon--blue{background:rgba(59,130,246,0.1);color:#3b82f6}.msfah-stat-card-v2__icon--purple{background:rgba(139,92,246,0.1);color:#8b5cf6}.msfah-stat-card-v2__icon--amber{background:rgba(245,158,11,0.1);color:#f59e0b}.msfah-stat-card-v2__icon--rose{background:rgba(244,63,94,0.1);color:#f43f5e}.msfah-stat-card-v2__icon--teal{background:rgba(20,184,166,0.1);color:#14b8a6}.msfah-stat-card-v2__trend{display:flex;align-items:center;font-size:12px;font-weight:500;background:rgba(34,197,94,0.1);color:#22c55e;padding:4px 8px;border-radius:20px}.msfah-stat-card-v2__label{font-size:14px;color:var(--msfah-text-muted);margin:0}.msfah-stat-card-v2__value{font-size:24px;font-weight:700;margin:4px 0 0}.msfah-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.msfah-section-header h3{font-size:18px;font-weight:700;margin:0}.msfah-quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.msfah-quick-action-card{display:flex;flex-direction:column;justify-content:space-between;height:128px;padding:16px;background:var(--msfah-card-light);border:1px solid var(--msfah-border-light);border-radius:12px;cursor:pointer;transition:all 0.2s;text-decoration:none;color:inherit}.msfah-dark .msfah-quick-action-card{background:var(--msfah-card-dark);border-color:var(--msfah-border-dark)}.msfah-quick-action-card:hover{border-color:rgba(19,127,236,0.5);box-shadow:0 4px 12px rgba(0,0,0,0.1);transform:translateY(-2px)}.msfah-quick-action-card__icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:transform 0.2s}.msfah-quick-action-card:hover .msfah-quick-action-card__icon{transform:scale(1.1)}.msfah-quick-action-card__icon--blue{background:rgba(59,130,246,0.1);color:#3b82f6}.msfah-quick-action-card__icon--purple{background:rgba(139,92,246,0.1);color:#8b5cf6}.msfah-quick-action-card__icon--amber{background:rgba(245,158,11,0.1);color:#f59e0b}.msfah-quick-action-card__icon--teal{background:rgba(20,184,166,0.1);color:#14b8a6}.msfah-quick-action-card p{font-weight:600;margin:0}.msfah-search-bar-v2{display:flex;gap:8px;margin-bottom:24px}.msfah-search-input-v2{display:flex;align-items:center;gap:8px;flex:1;background:var(--msfah-card-light);border:1px solid var(--msfah-border-light);border-radius:8px;padding:0 16px}.msfah-dark .msfah-search-input-v2{background:var(--msfah-card-dark);border-color:var(--msfah-border-dark)}.msfah-search-input-v2 input{flex:1;border:none;background:transparent;padding:12px 0;font-size:14px;color:inherit;outline:none}.msfah-search-input-v2 .material-symbols-outlined{color:var(--msfah-text-muted)}.msfah-table-container-v2{background:var(--msfah-card-light);border:1px solid var(--msfah-border-light);border-radius:12px;overflow-x:auto;overflow-y:hidden}.msfah-dark .msfah-table-container-v2{background:var(--msfah-card-dark);border-color:var(--msfah-border-dark)}.msfah-table-v2{width:100%;border-collapse:collapse}.msfah-table-v2 th,.msfah-table-v2 td{padding:12px 16px;text-align:left}.msfah-table-v2 th{background:var(--msfah-bg-light);font-size:12px;font-weight:600;text-transform:uppercase;color:var(--msfah-text-muted);border-bottom:1px solid var(--msfah-border-light)}.msfah-dark .msfah-table-v2 th{background:rgba(255,255,255,0.05);border-color:var(--msfah-border-dark)}.msfah-table-v2 tbody tr{border-bottom:1px solid var(--msfah-border-light);transition:background 0.2s}.msfah-dark .msfah-table-v2 tbody tr{border-color:var(--msfah-border-dark)}.msfah-table-v2 tbody tr:hover{background:var(--msfah-bg-light)}.msfah-dark .msfah-table-v2 tbody tr:hover{background:rgba(255,255,255,0.05)}.msfah-table-v2 tbody tr:last-child{border-bottom:none}.msfah-table-v2 .text-center{text-align:center}.msfah-table-v2 .text-right{text-align:right}.msfah-course-cell{display:flex;align-items:center;gap:12px}.msfah-course-thumb-v2{width:40px;height:40px;border-radius:6px;background:var(--msfah-bg-light) center/cover}.msfah-course-title-v2{font-weight:500;margin:0}.msfah-course-meta-v2{font-size:12px;color:var(--msfah-text-muted);margin:2px 0 0}.msfah-user-cell{display:flex;align-items:center;gap:12px}.msfah-avatar-v2{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--msfah-primary) 0%,#7c3aed 100%);color:white;display:flex;align-items:center;justify-content:center;font-weight:600}.msfah-user-name-v2{font-weight:500;margin:0}.msfah-user-login-v2{font-size:12px;color:var(--msfah-text-muted);margin:2px 0 0}.msfah-badge-v2{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.msfah-badge-v2--green{background:rgba(34,197,94,0.1);color:#22c55e}.msfah-badge-v2--yellow{background:rgba(234,179,8,0.1);color:#b45309}.msfah-badge-v2--blue{background:rgba(59,130,246,0.1);color:#3b82f6}.msfah-badge-v2--gray{background:rgba(100,116,139,0.1);color:#64748b}.msfah-mypage-container{display:flex;min-height:600px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;font-family:'Inter',sans-serif}.msfah-mypage-sidebar{width:200px;background:#f9fafb;border-right:1px solid #e5e7eb;padding:20px 0}.sidebar-item{padding:12px 20px;cursor:pointer;font-size:14px;color:#4b5563;transition:all 0.2s;border-left:3px solid transparent}.sidebar-item:hover{background:#f3f4f6;color:#111827}.sidebar-item.active{background:#fff;color:#137fec;border-left-color:#137fec;font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.msfah-mypage-content{flex:1;padding:30px}.msfah-mypage-header{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;padding:20px;border-radius:8px;margin-bottom:30px;border:1px solid #e2e8f0}.user-info{display:flex;align-items:center;gap:15px}.user-name{font-size:18px;font-weight:700;color:#1e293b}.btn-edit-profile{font-size:12px;padding:4px 10px;border:1px solid #cbd5e1;background:#fff;border-radius:4px;cursor:pointer;color:#64748b}.user-stats{display:flex;gap:30px}.stat-item{text-align:center}.stat-label{font-size:12px;color:#64748b;margin-bottom:4px}.stat-value{font-size:16px;font-weight:700;color:#1e293b}.msfah-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #1e293b}.msfah-section-title h3{font-size:16px;font-weight:700;color:#1e293b;margin:0}.msfah-section-title .sub-text{font-size:12px;color:#94a3b8;font-weight:400;margin-left:10px}.msfah-order-status-widget{display:flex;justify-content:space-between;align-items:flex-start;padding:30px 0;margin-bottom:40px;position:relative}.msfah-order-status-step{text-align:center;flex:1;position:relative;z-index:1}.step-circle{width:60px;height:60px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;font-size:24px;font-weight:700;color:#137fec;border:2px solid #e2e8f0}.step-label{font-size:14px;font-weight:600;color:#334155;margin-bottom:8px}.step-desc{font-size:12px;color:#94a3b8;line-height:1.4}.step-arrow{padding-top:20px;color:#cbd5e1;font-weight:300;font-size:20px}.msfah-empty-state{text-align:center;padding:40px;color:#94a3b8;background:#f8fafc;border-radius:8px;font-size:14px}.msfah-coupons-view{padding:10px}.coupon-summary-box{background:#137fec;color:white;padding:20px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.coupon-count{font-size:24px;font-weight:700}.msfah-mypage-manager{padding:20px;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.msfah-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.msfah-header h2{font-size:20px;font-weight:700;margin:0}.msfah-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:1px solid #e5e7eb}.msfah-tab{padding:10px 20px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-weight:500;color:#6b7280}.msfah-tab.active{color:#137fec;border-bottom-color:#137fec}.msfah-settings-section{max-width:600px}.msfah-form-group{margin-bottom:20px}.msfah-form-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151}.msfah-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.msfah-toggle{display:flex;align-items:center;cursor:pointer}.msfah-toggle input{display:none}.msfah-toggle-slider{width:40px;height:20px;background:#e5e7eb;border-radius:20px;position:relative;margin-right:10px;transition:0.2s}.msfah-toggle-slider:before{content:'';position:absolute;width:16px;height:16px;background:white;border-radius:50%;top:2px;left:2px;transition:0.2s}.msfah-toggle input:checked+.msfah-toggle-slider{background:#137fec}.msfah-toggle input:checked+.msfah-toggle-slider:before{transform:translateX(20px)}.msfah-divider{border:0;border-top:1px solid #e5e7eb;margin:30px 0}.msfah-help-text{display:block;font-size:12px;color:#6b7280;margin-top:4px}.msfah-actions-v2{display:flex;justify-content:center;gap:4px}.msfah-action-btn-v2{width:32px;height:32px;border:none;background:var(--msfah-bg-light);border-radius:6px;color:var(--msfah-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;text-decoration:none}.msfah-dark .msfah-action-btn-v2{background:rgba(255,255,255,0.1)}.msfah-action-btn-v2:hover{background:var(--msfah-primary);color:white}.msfah-pagination-v2{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px}.msfah-pagination-v2 button{width:36px;height:36px;border:1px solid var(--msfah-border-light);background:var(--msfah-card-light);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:inherit;transition:all 0.2s}.msfah-dark .msfah-pagination-v2 button{background:var(--msfah-card-dark);border-color:var(--msfah-border-dark)}.msfah-pagination-v2 button:hover:not(:disabled){background:var(--msfah-primary);color:white;border-color:var(--msfah-primary)}.msfah-pagination-v2 button:disabled{opacity:0.4;cursor:not-allowed}.msfah-pagination-v2 span{font-size:14px;color:var(--msfah-text-muted)}.msfah-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:var(--msfah-text-muted)}.msfah-spinner{width:40px;height:40px;border:3px solid var(--msfah-border-light);border-top-color:var(--msfah-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.msfah-empty-v2{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;background:var(--msfah-card-light);border:1px dashed var(--msfah-border-light);border-radius:12px;text-align:center;color:var(--msfah-text-muted)}.msfah-dark .msfah-empty-v2{background:var(--msfah-card-dark);border-color:var(--msfah-border-dark)}.msfah-empty-v2 .material-symbols-outlined{font-size:48px;opacity:0.3;margin-bottom:16px}.msfah-empty-v2 p{margin:0 0 16px}.msfah-empty-text{text-align:center;color:var(--msfah-text-muted);padding:24px}.msfah-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px;backdrop-filter:blur(4px)}.msfah-modal-v2{background:var(--msfah-card-light);border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px rgba(0,0,0,0.15)}.msfah-dark .msfah-modal-v2{background:var(--msfah-card-dark)}.msfah-modal-header-v2{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--msfah-border-light)}.msfah-dark .msfah-modal-header-v2{border-color:var(--msfah-border-dark)}.msfah-modal-header-v2 h3{font-size:18px;font-weight:600;margin:0}.msfah-modal-header-v2 button{width:32px;height:32px;border:none;background:var(--msfah-bg-light);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--msfah-text-muted)}.msfah-modal-header-v2 button:hover{background:#ef4444;color:white}.msfah-modal-content-v2{padding:24px;overflow-y:auto}.msfah-student-info-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;background:var(--msfah-bg-light);border-radius:8px;margin-bottom:24px}.msfah-dark .msfah-student-info-v2{background:rgba(255,255,255,0.05)}.msfah-student-info-v2 p{margin:0;font-size:14px}.msfah-progress-bar-v2{width:60px;height:6px;background:var(--msfah-border-light);border-radius:3px;overflow:hidden;display:inline-block;margin-right:8px}.msfah-progress-fill-v2{height:100%;background:var(--msfah-primary);border-radius:3px}.msfah-course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.msfah-course-card-v2{background:var(--msfah-card-light);border:1px solid var(--msfah-border-light);border-radius:12px;overflow:hidden;cursor:pointer;transition:all 0.2s}.msfah-dark .msfah-course-card-v2{background:var(--msfah-card-dark);border-color:var(--msfah-border-dark)}.msfah-course-card-v2:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1);transform:translateY(-2px)}.msfah-course-card-thumb{height:120px;background:linear-gradient(135deg,var(--msfah-primary) 0%,#7c3aed 100%) center/cover}.msfah-course-card-body{padding:16px}.msfah-course-card-body h4{margin:0 0 8px;font-size:16px;font-weight:600}.msfah-course-card-body p{margin:0;font-size:14px;color:var(--msfah-text-muted);display:flex;align-items:center;gap:4px}.msfah-selected-course-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:16px;background:var(--msfah-card-light);border:1px solid var(--msfah-border-light);border-radius:12px}.msfah-dark .msfah-selected-course-header{background:var(--msfah-card-dark);border-color:var(--msfah-border-dark)}.msfah-selected-course-header h3{margin:0;font-size:18px;font-weight:600}.msfah-settings-form{background:var(--msfah-card-light);border:1px solid var(--msfah-border-light);border-radius:12px;padding:24px}.msfah-dark .msfah-settings-form{background:var(--msfah-card-dark);border-color:var(--msfah-border-dark)}.msfah-form-group{margin-bottom:24px}.msfah-form-group:last-child{margin-bottom:0}.msfah-form-group label{display:block;font-weight:600;margin-bottom:8px}.msfah-form-group input,.msfah-form-group textarea,.msfah-form-group select{width:100%;padding:12px;border:1px solid var(--msfah-border-light);border-radius:8px;font-size:14px;background:var(--msfah-bg-light);color:inherit}.msfah-dark .msfah-form-group input,.msfah-dark .msfah-form-group textarea,.msfah-dark .msfah-form-group select{background:rgba(255,255,255,0.05);border-color:var(--msfah-border-dark)}.msfah-form-help{font-size:12px;color:var(--msfah-text-muted);margin:8px 0 0}.msfah-zoom-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.msfah-zoom-card-v2{background:var(--msfah-card-light);border:1px solid var(--msfah-border-light);border-radius:12px;overflow:hidden}.msfah-dark .msfah-zoom-card-v2{background:var(--msfah-card-dark);border-color:var(--msfah-border-dark)}.msfah-zoom-card-header{height:140px;background:linear-gradient(135deg,var(--msfah-primary) 0%,#7c3aed 100%) center/cover;position:relative}.msfah-zoom-status{position:absolute;top:12px;right:12px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:white;background:rgba(255,255,255,0.2)}.msfah-zoom-card-v2--today .msfah-zoom-status{background:#ef4444}.msfah-zoom-card-v2--upcoming .msfah-zoom-status{background:#22c55e}.msfah-zoom-card-v2--past .msfah-zoom-status{background:#64748b}.msfah-zoom-card-body{padding:16px}.msfah-zoom-card-body h4{margin:0 0 8px;font-size:16px;font-weight:600}.msfah-zoom-card-body h4 a{color:inherit}.msfah-zoom-card-body h4 a:hover{color:var(--msfah-primary)}.msfah-zoom-card-body p{margin:4px 0;font-size:14px;color:var(--msfah-text-muted);display:flex;align-items:center;gap:6px}.msfah-events-grid{display:flex;flex-direction:column;gap:12px}.msfah-event-card{display:flex;align-items:center;gap:16px;background:var(--msfah-card-light);border:1px solid var(--msfah-border-light);border-radius:12px;padding:16px}.msfah-dark .msfah-event-card{background:var(--msfah-card-dark);border-color:var(--msfah-border-dark)}.msfah-event-date{display:flex;flex-direction:column;align-items:center;min-width:60px;padding:12px;background:var(--msfah-primary);color:white;border-radius:8px}.msfah-event-day{font-size:24px;font-weight:700;line-height:1}.msfah-event-month{font-size:12px;font-weight:500;text-transform:uppercase}.msfah-event-info{flex:1}.msfah-event-info h4{margin:0 0 4px;font-size:16px;font-weight:600}.msfah-event-info p{margin:0;font-size:14px;color:var(--msfah-text-muted);display:flex;align-items:center;gap:4px}.msfah-event-actions{display:flex;gap:8px}.msfah-no-access-v2{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;color:var(--msfah-text-muted)}.msfah-no-access-v2 .material-symbols-outlined{font-size:64px;opacity:0.3;margin-bottom:16px}.msfah-no-access-v2 h2{margin:0;font-size:20px}@media (max-width:768px){.msfah-sidebar-v2{transform:translateX(-100%)}.msfah-sidebar-v2:not(.msfah-sidebar-v2--hidden){transform:translateX(0)}.msfah-main-v2{margin-left:0}.msfah-menu-btn-v2{display:flex}.msfah-header-search-v2{display:none}.msfah-user-text-v2{display:none}.msfah-content-v2{padding:16px}.msfah-stat-cards{grid-template-columns:1fr}.msfah-quick-actions-grid{grid-template-columns:repeat(2,1fr)}}.msfah-checkbox-group{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:var(--msfah-bg-light);border:1px solid var(--msfah-border-light);border-radius:8px;max-height:200px;overflow-y:auto}.msfah-dark .msfah-checkbox-group{background:rgba(255,255,255,0.05);border-color:var(--msfah-border-dark)}.msfah-checkbox-label{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--msfah-card-light);border:1px solid var(--msfah-border-light);border-radius:6px;cursor:pointer;font-size:14px;transition:all 0.2s}.msfah-dark .msfah-checkbox-label{background:var(--msfah-card-dark);border-color:var(--msfah-border-dark)}.msfah-checkbox-label:hover{border-color:var(--msfah-primary)}.msfah-checkbox-label input[type="checkbox"]{width:18px;height:18px;accent-color:var(--msfah-primary);cursor:pointer}.msfah-checkbox-label input[type="checkbox"]:checked+span{color:var(--msfah-primary);font-weight:500}.msfah-header-buttons{display:flex;gap:8px}.msfah-header-buttons .msfah-btn-v2{white-space:nowrap}.msfah-btn-v2 .material-symbols-outlined{margin-right:4px}.msfah-btn-v2--secondary:hover{background:var(--msfah-border-light)}.msfah-dark .msfah-btn-v2--secondary:hover{background:rgba(255,255,255,0.15)}.msfah-view-toggle{display:flex;gap:4px;background:var(--msfah-bg-light);border-radius:8px;padding:4px}.msfah-dark .msfah-view-toggle{background:rgba(255,255,255,0.1)}.msfah-view-btn{display:flex;align-items:center;justify-content:center;width:36px;height:32px;border:none;background:transparent;border-radius:6px;color:var(--msfah-text-muted);cursor:pointer;transition:all 0.2s}.msfah-view-btn:hover{color:var(--msfah-primary)}.msfah-view-btn--active{background:var(--msfah-primary);color:white !important}.msfah-calendar-container{background:var(--msfah-card-light);border:1px solid var(--msfah-border-light);border-radius:12px;overflow:hidden}.msfah-dark .msfah-calendar-container{background:var(--msfah-card-dark);border-color:var(--msfah-border-dark)}.msfah-calendar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--msfah-bg-light);border-bottom:1px solid var(--msfah-border-light)}.msfah-dark .msfah-calendar-header{background:rgba(255,255,255,0.05);border-color:var(--msfah-border-dark)}.msfah-calendar-header h3{margin:0;font-size:18px;font-weight:700}.msfah-calendar-nav{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--msfah-card-light);border-radius:8px;color:var(--msfah-text-muted);cursor:pointer;transition:all 0.2s}.msfah-dark .msfah-calendar-nav{background:rgba(255,255,255,0.1)}.msfah-calendar-nav:hover{background:var(--msfah-primary);color:white}.msfah-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--msfah-border-light)}.msfah-dark .msfah-calendar-weekdays{border-color:var(--msfah-border-dark)}.msfah-calendar-weekday{padding:12px;text-align:center;font-size:12px;font-weight:600;color:var(--msfah-text-muted);text-transform:uppercase}.msfah-calendar-weekday:first-child{color:#ef4444}.msfah-calendar-weekday:last-child{color:#3b82f6}.msfah-calendar-body{padding:8px}.msfah-calendar-week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.msfah-calendar-day{min-height:80px;padding:8px;border-radius:8px;background:var(--msfah-bg-light);transition:all 0.2s}.msfah-dark .msfah-calendar-day{background:rgba(255,255,255,0.03)}.msfah-calendar-day--empty{background:transparent}.msfah-calendar-day--today{background:rgba(19,127,236,0.1);border:2px solid var(--msfah-primary)}.msfah-calendar-day--has-events{background:rgba(34,197,94,0.1)}.msfah-calendar-day-number{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;font-size:13px;font-weight:500;margin-bottom:4px}.msfah-calendar-day--today .msfah-calendar-day-number{background:var(--msfah-primary);color:white;border-radius:50%}.msfah-calendar-events{display:flex;flex-direction:column;gap:2px}.msfah-calendar-event-dot{padding:2px 6px;background:var(--msfah-primary);color:white;border-radius:4px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.msfah-calendar-event-dot:hover{background:var(--msfah-primary-hover)}.msfah-product-cell{display:flex;align-items:center;gap:12px}.msfah-product-thumb{width:48px;height:48px;border-radius:8px;background-size:cover;background-position:center;background-color:var(--msfah-border-light);flex-shrink:0}.msfah-product-title{font-weight:600;margin:0 0 4px 0}.msfah-product-meta{font-size:12px;color:var(--msfah-text-muted);margin:0}.msfah-order-email{font-size:12px;color:var(--msfah-text-muted);margin:0}.msfah-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.msfah-modal{background:var(--msfah-card-light);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px rgba(0,0,0,0.25)}.msfah-dark .msfah-modal{background:var(--msfah-card-dark)}.msfah-modal--large{max-width:700px}.msfah-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--msfah-border-light)}.msfah-dark .msfah-modal-header{border-color:var(--msfah-border-dark)}.msfah-modal-header h3{margin:0;font-size:18px;font-weight:700}.msfah-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:8px;color:var(--msfah-text-muted);cursor:pointer;transition:all 0.2s}.msfah-modal-close:hover{background:var(--msfah-border-light);color:var(--msfah-primary)}.msfah-modal-body{padding:24px;overflow-y:auto;flex:1}.msfah-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--msfah-border-light)}.msfah-dark .msfah-modal-footer{border-color:var(--msfah-border-dark)}.msfah-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.msfah-form-group{display:flex;flex-direction:column;gap:6px}.msfah-form-group--full{grid-column:1 / -1}.msfah-form-group label{font-size:13px;font-weight:600;color:var(--msfah-text-muted)}.msfah-form-group input,.msfah-form-group select,.msfah-form-group textarea{padding:10px 12px;border:1px solid var(--msfah-border-light);border-radius:8px;font-size:14px;background:var(--msfah-card-light);color:inherit;transition:all 0.2s}.msfah-dark .msfah-form-group input,.msfah-dark .msfah-form-group select,.msfah-dark .msfah-form-group textarea{background:rgba(255,255,255,0.05);border-color:var(--msfah-border-dark)}.msfah-form-group input:focus,.msfah-form-group select:focus,.msfah-form-group textarea:focus{outline:none;border-color:var(--msfah-primary);box-shadow:0 0 0 3px rgba(19,127,236,0.15)}.msfah-order-detail p{margin:8px 0}.msfah-order-detail hr{margin:16px 0;border:none;border-top:1px solid var(--msfah-border-light)}.msfah-dark .msfah-order-detail hr{border-color:var(--msfah-border-dark)}.msfah-order-detail h4{margin:16px 0 12px;font-size:15px}.msfah-action-btn-v2--danger{color:#ef4444 !important}.msfah-action-btn-v2--danger:hover{background:rgba(239,68,68,0.1) !important}.msfah-actions-v2{display:flex;align-items:center;justify-content:center;gap:4px}@media (max-width:768px){.msfah-form-grid{grid-template-columns:1fr}.msfah-modal{max-height:85vh}}.msfah-modal--xlarge{max-width:900px}.msfah-thumbnail-upload{display:flex;align-items:flex-start;gap:16px}.msfah-thumbnail-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:150px;height:150px;border:2px dashed var(--msfah-border-light);border-radius:12px;background:var(--msfah-bg-light);color:var(--msfah-text-muted);cursor:pointer;transition:all 0.2s}.msfah-dark .msfah-thumbnail-add{border-color:var(--msfah-border-dark);background:rgba(255,255,255,0.03)}.msfah-thumbnail-add:hover{border-color:var(--msfah-primary);color:var(--msfah-primary);background:rgba(19,127,236,0.05)}.msfah-thumbnail-add span{font-size:13px;font-weight:500}.msfah-thumbnail-preview{position:relative;display:flex;flex-direction:column;gap:8px}.msfah-thumbnail-preview img{width:150px;height:150px;object-fit:cover;border-radius:12px;border:1px solid var(--msfah-border-light)}.msfah-dark .msfah-thumbnail-preview img{border-color:var(--msfah-border-dark)}.msfah-thumbnail-actions{display:flex;gap:8px}.msfah-btn-v2--small{padding:6px 12px;font-size:12px}.msfah-btn-v2--danger{background:#ef4444;color:white !important}.msfah-btn-v2--danger:hover{background:#dc2626}.msfah-wp-editor-container{border:1px solid var(--msfah-border-light);border-radius:8px;overflow:hidden}.msfah-dark .msfah-wp-editor-container{border-color:var(--msfah-border-dark)}.msfah-wp-editor-container .wp-editor-tabs{background:var(--msfah-bg-light)}.msfah-wp-editor-container .mce-tinymce{border:none !important}.msfah-wp-editor-container .mce-toolbar-grp{background:var(--msfah-bg-light) !important;border-bottom:1px solid var(--msfah-border-light) !important}.msfah-wp-editor-container textarea{width:100% !important;min-height:300px;border:none !important;padding:12px}.msfah-product-tabs{display:flex;gap:4px;padding:0 24px;background:var(--msfah-bg-light);border-bottom:1px solid var(--msfah-border-light)}.msfah-dark .msfah-product-tabs{background:rgba(0,0,0,0.2);border-color:var(--msfah-border-dark)}.msfah-product-tab{display:flex;align-items:center;gap:6px;padding:12px 20px;border:none;background:transparent;font-size:14px;font-weight:500;color:var(--msfah-text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:all 0.2s}.msfah-product-tab:hover{color:var(--msfah-primary)}.msfah-product-tab.active{color:var(--msfah-primary);border-bottom-color:var(--msfah-primary)}.msfah-thumb-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s;outline:none}.msfah-thumb-btn--change{background:linear-gradient(135deg,#3b82f6,#2563eb);color:white}.msfah-thumb-btn--change:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.msfah-thumb-btn--delete{background:transparent;color:#64748b}.msfah-thumb-btn--delete:hover{color:#ef4444;background:rgba(239,68,68,0.1);transform:translateY(-1px)}.msfah-radio-group{display:flex;flex-direction:column;gap:12px}.msfah-radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.msfah-radio-label input[type="radio"]{width:18px;height:18px;accent-color:var(--msfah-primary)}.msfah-attributes-section{display:flex;flex-direction:column;gap:16px}.msfah-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.msfah-section-header h4{margin:0;font-size:16px;font-weight:600}.msfah-empty-text{text-align:center;color:var(--msfah-text-muted);padding:40px 20px;background:var(--msfah-bg-light);border-radius:12px;border:2px dashed var(--msfah-border-light)}.msfah-dark .msfah-empty-text{background:rgba(0,0,0,0.2);border-color:var(--msfah-border-dark)}.msfah-attribute-card{background:var(--msfah-bg-light);border:1px solid var(--msfah-border-light);border-radius:12px;overflow:hidden}.msfah-dark .msfah-attribute-card{background:rgba(255,255,255,0.03);border-color:var(--msfah-border-dark)}.msfah-attribute-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(0,0,0,0.03);border-bottom:1px solid var(--msfah-border-light)}.msfah-dark .msfah-attribute-header{background:rgba(0,0,0,0.2);border-color:var(--msfah-border-dark)}.msfah-attr-name-input{flex:1;padding:8px 12px;border:1px solid var(--msfah-border-light);border-radius:8px;font-size:14px;font-weight:600;background:white}.msfah-dark .msfah-attr-name-input{background:rgba(255,255,255,0.05);border-color:var(--msfah-border-dark);color:inherit}.msfah-attr-remove{display:flex;align-items:center;justify-content:center;padding:8px;border:none;background:transparent;color:#ef4444;cursor:pointer;border-radius:8px;transition:all 0.2s}.msfah-attr-remove:hover{background:rgba(239,68,68,0.1)}.msfah-options-list{padding:16px;display:flex;flex-direction:column;gap:12px}.msfah-option-row{display:flex;align-items:center;gap:12px}.msfah-option-img,.msfah-option-img-add{width:48px;height:48px;min-width:48px;border-radius:8px;background-size:cover;background-position:center;background-color:var(--msfah-border-light);border:1px solid var(--msfah-border-light);cursor:pointer;transition:all 0.2s}.msfah-option-img:hover,.msfah-option-img-add:hover{border-color:var(--msfah-primary)}.msfah-option-img-add{display:flex;align-items:center;justify-content:center;color:var(--msfah-text-muted);background:transparent}.msfah-option-value{flex:2;padding:10px 12px;border:1px solid var(--msfah-border-light);border-radius:8px;font-size:14px}.msfah-option-price{flex:1;padding:10px 12px;border:1px solid var(--msfah-border-light);border-radius:8px;font-size:14px}.msfah-dark .msfah-option-value,.msfah-dark .msfah-option-price{background:rgba(255,255,255,0.05);border-color:var(--msfah-border-dark);color:inherit}.msfah-option-remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;border:none;background:rgba(239,68,68,0.1);color:#ef4444;border-radius:8px;cursor:pointer;transition:all 0.2s}.msfah-option-remove:hover{background:rgba(239,68,68,0.2)}.msfah-add-option-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px dashed var(--msfah-border-light);background:transparent;color:var(--msfah-primary);border-radius:8px;font-size:13px;cursor:pointer;transition:all 0.2s}.msfah-add-option-btn:hover{background:rgba(19,127,236,0.05);border-color:var(--msfah-primary)}.msfah-wp-editor-wrap{border:1px solid var(--msfah-border-light);border-radius:12px;overflow:hidden;background:white}.msfah-dark .msfah-wp-editor-wrap{background:rgba(255,255,255,0.02);border-color:var(--msfah-border-dark)}.msfah-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.msfah-editor-header label{font-weight:600;font-size:14px}.msfah-editor-toolbar{display:flex;align-items:center;gap:12px}.msfah-wp-media-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:white !important;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s ease;text-decoration:none;box-shadow:0 4px 14px rgba(59,130,246,0.4)}.msfah-wp-media-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 6px 18px rgba(59,130,246,0.5)}.msfah-wp-media-btn:active{transform:translateY(0);box-shadow:0 2px 10px rgba(59,130,246,0.4)}.msfah-editor-mode-switch{display:flex;gap:4px;padding:4px;background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);border-radius:12px}.msfah-mode-btn{padding:12px 20px;background:transparent;color:#64748b;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s ease;border-radius:10px;position:relative}.msfah-mode-btn:first-child{border-right:none}.msfah-mode-btn:hover:not(.active){color:#475569;background:rgba(255,255,255,0.8)}.msfah-mode-btn.active{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:white;box-shadow:0 4px 14px rgba(59,130,246,0.4);transform:translateY(-1px)}.msfah-thumb-btn:focus,.msfah-thumb-btn:focus-visible,.msfah-mode-btn:focus,.msfah-mode-btn:focus-visible,.msfah-wp-media-btn:focus,.msfah-wp-media-btn:focus-visible,.msfah-product-tab:focus,.msfah-product-tab:focus-visible{outline:none !important;border-color:transparent !important;box-shadow:none !important}.msfah-thumb-btn--change:focus,.msfah-thumb-btn--change:focus-visible,.msfah-wp-media-btn:focus,.msfah-wp-media-btn:focus-visible{box-shadow:0 4px 14px rgba(59,130,246,0.4) !important}.msfah-mode-btn.active:focus,.msfah-mode-btn.active:focus-visible{box-shadow:0 4px 14px rgba(59,130,246,0.4) !important}.msfah-editor-custom .wp-media-buttons,.msfah-editor-custom .wp-editor-tabs{display:none !important}.msfah-wp-editor-wrap .wp-editor-tabs{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid var(--msfah-border-light);padding:8px 12px 0}.msfah-wp-editor-wrap .wp-switch-editor{background:white;border:1px solid var(--msfah-border-light);border-bottom:none;color:var(--msfah-text-muted);padding:8px 16px;font-weight:500;border-radius:8px 8px 0 0;transition:all 0.2s;float:right;position:relative;z-index:1}.msfah-wp-editor-wrap .wp-switch-editor.switch-tmce{margin-left:4px}.msfah-wp-editor-wrap .wp-switch-editor:hover{color:var(--msfah-primary);cursor:pointer}.msfah-wp-editor-wrap .html-active .switch-html,.msfah-wp-editor-wrap .tmce-active .switch-tmce{background:var(--msfah-primary);color:white;border-color:var(--msfah-primary)}.msfah-wp-editor-wrap .wp-editor-tabs{display:flex;justify-content:flex-end;padding:8px 12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid var(--msfah-border-light);overflow:visible}.msfah-wp-editor-wrap .wp-media-buttons{position:relative;z-index:10;padding:8px 12px;float:left}.msfah-wp-editor-wrap .wp-media-buttons .button{background:linear-gradient(135deg,#3b82f6,#2563eb) !important;color:white !important;border:none !important;border-radius:8px !important;padding:8px 16px !important;font-weight:500 !important;cursor:pointer !important}.msfah-wp-editor-wrap .wp-media-buttons .button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8) !important}.msfah-wp-editor-wrap .wp-editor-container{clear:both}.msfah-wp-editor-wrap .mce-tinymce{border:none !important}.msfah-wp-editor-wrap .mce-toolbar-grp{background:linear-gradient(135deg,#f8fafc,#f1f5f9) !important;border-bottom:1px solid var(--msfah-border-light) !important;padding:8px !important}.msfah-wp-editor-wrap .mce-btn{background:white !important;border-radius:6px !important}.msfah-wp-editor-wrap .mce-btn:hover{background:var(--msfah-primary) !important;color:white !important}.msfah-wp-editor-wrap textarea{width:100% !important;min-height:350px;border:none !important;padding:16px;font-size:14px;line-height:1.6}.msfah-modal .mce-floatpanel,.msfah-modal .mce-window{z-index:10100 !important}.msfah-modal .mce-tooltip{z-index:10101 !important}.media-modal{z-index:10200 !important}.media-modal-backdrop{z-index:10199 !important}.msfah-product-tabs{display:flex;gap:6px;padding:16px 24px;background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0}.msfah-product-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:transparent;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;border-radius:10px;transition:all 0.3s ease;position:relative}.msfah-product-tab:hover:not(.active){color:#475569;background:rgba(255,255,255,0.8)}.msfah-product-tab.active{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:white;box-shadow:0 4px 14px rgba(59,130,246,0.4);transform:translateY(-1px)}.msfah-product-tab .material-icons{font-size:18px}.msfah-thumbnail-upload{margin-top:8px}.msfah-thumbnail-preview{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.msfah-thumbnail-preview img{max-width:200px;max-height:200px;border-radius:16px;object-fit:cover;box-shadow:0 8px 24px rgba(0,0,0,0.12);border:3px solid white}.msfah-thumbnail-actions{display:flex;gap:10px}.msfah-thumb-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.3s ease;background:transparent;color:#64748b}.msfah-thumb-btn:hover:not(.active){color:#475569;background:rgba(255,255,255,0.8)}.msfah-thumb-btn--change{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:white;box-shadow:0 4px 14px rgba(59,130,246,0.4)}.msfah-thumb-btn--change:hover{background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 6px 18px rgba(59,130,246,0.5)}.msfah-thumb-btn--delete{background:transparent;color:#64748b;box-shadow:none}.msfah-thumb-btn--delete:hover{color:#ef4444;background:rgba(239,68,68,0.1);transform:translateY(-1px)}.msfah-thumbnail-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:200px;height:200px;border:2px dashed #cbd5e1;border-radius:16px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);color:#64748b;cursor:pointer;transition:all 0.3s ease}.msfah-thumbnail-add:hover{border-color:#3b82f6;color:#3b82f6;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);transform:scale(1.02)}.msfah-thumbnail-add .material-icons{font-size:48px;opacity:0.7}.msfah-thumbnail-add span{font-size:14px;font-weight:500}.msfah-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);border-top:1px solid #e2e8f0}.msfah-modal-footer .msfah-btn-v2--secondary{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);color:#475569;border:1px solid #cbd5e1;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.msfah-modal-footer .msfah-btn-v2--secondary:hover{background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%)}.msfah-modal-footer .msfah-btn-v2--primary{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:white;border:none;box-shadow:0 4px 14px rgba(59,130,246,0.4)}.msfah-modal-footer .msfah-btn-v2--primary:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 6px 20px rgba(59,130,246,0.5)}.msfah-add-attr{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:white;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(16,185,129,0.35)}.msfah-add-attr:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 6px 18px rgba(16,185,129,0.45)}.msfah-add-option-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);color:#059669;border:2px dashed #86efac;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s ease}.msfah-add-option-btn:hover{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border-color:#4ade80}.msfah-design-settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-top:24px}.msfah-settings-card{background:white;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.08);overflow:hidden}.msfah-settings-card-header{display:flex;align-items:center;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0}.msfah-settings-card-header .material-symbols-outlined{color:#3b82f6}.msfah-settings-card-header h3{margin:0;font-size:16px;font-weight:600;color:#1e293b}.msfah-settings-card-body{padding:20px 24px}.msfah-setting-row{margin-bottom:16px}.msfah-setting-row:last-child{margin-bottom:0}.msfah-setting-row>label{display:block;font-size:13px;font-weight:500;color:#64748b;margin-bottom:8px}.msfah-setting-row input[type="text"]{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color 0.2s,box-shadow 0.2s}.msfah-setting-row input[type="text"]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.15)}.msfah-checkbox-setting{display:flex;align-items:center;gap:10px;cursor:pointer;padding:12px 0}.msfah-checkbox-setting input[type="checkbox"]{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer}.msfah-checkbox-setting span{font-size:14px;font-weight:500;color:#334155}.msfah-color-input{display:flex;gap:12px;align-items:center}.msfah-color-input input[type="color"]{width:48px;height:48px;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;padding:4px}.msfah-color-input input[type="text"]{flex:1;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:monospace}.msfah-modal-footer .msfah-btn-v2--primary{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:white;border:none;box-shadow:0 4px 14px rgba(59,130,246,0.4)}.msfah-modal-footer .msfah-btn-v2--primary:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 6px 20px rgba(59,130,246,0.5)}.msfah-add-attr{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:white;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(16,185,129,0.35)}.msfah-add-attr:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 6px 18px rgba(16,185,129,0.45)}.msfah-add-option-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);color:#059669;border:2px dashed #86efac;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s ease}.msfah-add-option-btn:hover{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border-color:#4ade80}.msfah-design-settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-top:24px}.msfah-settings-card{background:white;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.08);overflow:hidden}.msfah-settings-card-header{display:flex;align-items:center;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0}.msfah-settings-card-header .material-symbols-outlined{color:#3b82f6}.msfah-settings-card-header h3{margin:0;font-size:16px;font-weight:600;color:#1e293b}.msfah-settings-card-body{padding:20px 24px}.msfah-setting-row{margin-bottom:16px}.msfah-setting-row:last-child{margin-bottom:0}.msfah-setting-row>label{display:block;font-size:13px;font-weight:500;color:#64748b;margin-bottom:8px}.msfah-setting-row input[type="text"]{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color 0.2s,box-shadow 0.2s}.msfah-setting-row input[type="text"]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.15)}.msfah-checkbox-setting{display:flex;align-items:center;gap:10px;cursor:pointer;padding:12px 0}.msfah-checkbox-setting input[type="checkbox"]{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer}.msfah-checkbox-setting span{font-size:14px;font-weight:500;color:#334155}.msfah-color-input{display:flex;gap:12px;align-items:center}.msfah-color-input input[type="color"]{width:48px;height:48px;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;padding:4px}.msfah-color-input input[type="text"]{flex:1;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:monospace}.msfah-select-input{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:white;cursor:pointer;transition:border-color 0.2s,box-shadow 0.2s}.msfah-select-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.15)}.msfah-toast{position:fixed;top:20px;right:20px;z-index:9999;padding:14px 20px;border-radius:10px;display:flex;align-items:center;gap:10px;font-weight:500;animation:slideInRight 0.3s ease;box-shadow:0 4px 20px rgba(0,0,0,0.15)}.msfah-toast--success{background:linear-gradient(135deg,#10b981,#059669);color:white}.msfah-toast--error{background:linear-gradient(135deg,#ef4444,#dc2626);color:white}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.msfah-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.msfah-stat-card{background:white;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px rgba(0,0,0,0.04);border:1px solid #e2e8f0;transition:transform 0.2s,box-shadow 0.2s}.msfah-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.08)}.msfah-stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#64748b}.msfah-stat-card--primary .msfah-stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:white}.msfah-stat-card--success .msfah-stat-icon{background:linear-gradient(135deg,#10b981,#059669);color:white}.msfah-stat-card--warning .msfah-stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:white}.msfah-stat-content{flex:1}.msfah-stat-label{font-size:13px;color:#64748b;margin-bottom:4px}.msfah-stat-value{font-size:24px;font-weight:700;color:#1e293b}.msfah-stat-sub{font-size:12px;color:#94a3b8;margin-top:2px}.msfah-filter-bar--advanced{display:flex;flex-wrap:wrap;gap:16px;background:white;padding:20px;border-radius:14px;margin-bottom:20px;border:1px solid #e2e8f0}.msfah-date-range{display:flex;align-items:center;gap:8px;background:#f8fafc;padding:0 12px;border-radius:8px;border:1px solid #e2e8f0}.msfah-date-range input{border:none;background:transparent;padding:10px 4px;font-size:14px;outline:none}.msfah-date-range span{color:#94a3b8}.msfah-bulk-bar{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;border-radius:12px;margin-bottom:16px;animation:slideDown 0.2s ease}@keyframes slideDown{from{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.msfah-bulk-count{font-weight:600;padding-right:12px;border-right:1px solid rgba(255,255,255,0.3)}.msfah-bulk-bar .msfah-btn--secondary{background:rgba(255,255,255,0.2);border-color:transparent;color:white}.msfah-bulk-bar .msfah-btn--secondary:hover{background:rgba(255,255,255,0.3)}.msfah-bulk-bar .msfah-btn--text{color:rgba(255,255,255,0.8);margin-left:auto}.msfah-status-select{padding:6px 10px;border-radius:6px;font-size:13px;font-weight:500;border:2px solid;background:white;cursor:pointer;outline:none;transition:box-shadow 0.2s}.msfah-status-select:focus{box-shadow:0 0 0 3px rgba(59,130,246,0.2)}.msfah-tracking-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:#ecfdf5;color:#059669;border-radius:20px;font-size:12px;font-weight:500}.msfah-no-tracking{color:#94a3b8;font-size:13px}.msfah-table--hoverable tbody tr{transition:background-color 0.15s}.msfah-table--hoverable tbody tr:hover{background-color:#f8fafc}.msfah-table--hoverable tbody tr.selected{background-color:#eff6ff}.msfah-action-btn--primary{background:#3b82f6;color:white}.msfah-action-btn--primary:hover{background:#2563eb}.msfah-modal--pro{max-width:900px;max-height:90vh;display:flex;flex-direction:column}.msfah-modal--pro .msfah-modal__header{border-bottom:1px solid #e2e8f0}.msfah-modal__header-actions{display:flex;align-items:center;gap:12px}.msfah-modal__tabs{display:flex;border-bottom:1px solid #e2e8f0;padding:0 24px;background:#f8fafc}.msfah-modal__tabs button{display:flex;align-items:center;gap:8px;padding:14px 20px;border:none;background:transparent;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px;transition:all 0.2s}.msfah-modal__tabs button:hover{color:#3b82f6}.msfah-modal__tabs button.active{color:#3b82f6;border-bottom-color:#3b82f6;background:white}.msfah-modal--pro .msfah-modal__content{flex:1;overflow-y:auto;padding:24px}.msfah-modal__footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc}.msfah-modal__footer-left,.msfah-modal__footer-right{display:flex;align-items:center;gap:12px}.msfah-order-detail__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}@media (max-width:768px){.msfah-order-detail__grid{grid-template-columns:1fr}}.msfah-info-list{display:flex;flex-direction:column;gap:12px}.msfah-info-list>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f5f9}.msfah-info-list label{color:#64748b;font-size:13px}.msfah-info-list span{font-weight:500;color:#1e293b;text-align:right}.msfah-tracking-info{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.msfah-tracking-info__main{display:flex;flex-direction:column;gap:4px}.msfah-tracking-number{font-family:monospace;font-size:18px;font-weight:600;color:#3b82f6}.msfah-no-tracking-box{text-align:center;padding:30px;background:#f8fafc;border-radius:12px;border:2px dashed #e2e8f0}.msfah-no-tracking-box p{margin-bottom:16px;color:#64748b}.msfah-notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.msfah-notes-list{display:flex;flex-direction:column;gap:12px}.msfah-note{padding:14px 18px;background:#f8fafc;border-radius:10px;border-left:4px solid #e2e8f0}.msfah-note--customer{background:#fef3c7;border-left-color:#f59e0b}.msfah-note__header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px}.msfah-note__author{font-weight:600;color:#64748b}.msfah-note__date{color:#94a3b8}.msfah-note__content{color:#334155;line-height:1.6}.msfah-empty-notes{text-align:center;padding:40px;color:#94a3b8}.msfah-shipping-methods{list-style:none;margin:0;padding:0}.msfah-shipping-methods li{padding:10px 14px;background:#f8fafc;border-radius:8px;margin-bottom:8px}.msfah-form-group{margin-bottom:18px}.msfah-form-group label{display:block;font-weight:500;margin-bottom:8px;color:#334155}.msfah-form-group input[type="text"],.msfah-form-group input[type="number"],.msfah-form-group input[type="url"],.msfah-form-group textarea,.msfah-form-group select{width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color 0.2s,box-shadow 0.2s}.msfah-form-group input:focus,.msfah-form-group textarea:focus,.msfah-form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.msfah-checkbox{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.msfah-checkbox input[type="checkbox"]{width:18px;height:18px;accent-color:#3b82f6}.msfah-refund-info{padding:16px;background:#fef3c7;border-radius:10px;margin-bottom:20px}.msfah-refund-info strong{color:#d97706;font-size:18px}.msfah-btn--danger{background:#dc2626;color:white;border-color:#dc2626}.msfah-btn--danger:hover{background:#b91c1c;border-color:#b91c1c}.msfah-header-actions{display:flex;gap:12px}.msfah-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.msfah-page-header h2{display:flex;align-items:center;gap:12px;margin:0;font-size:24px;font-weight:700}.msfah-dark .msfah-stat-card,.msfah-dark .msfah-filter-bar--advanced,.msfah-dark .msfah-modal--pro{background:#1e293b;border-color:#334155}.msfah-dark .msfah-stat-value,.msfah-dark .msfah-info-list span{color:#f1f5f9}.msfah-dark .msfah-modal__tabs{background:#15202b}.msfah-dark .msfah-modal__tabs button.active{background:#1e293b}.msfah-notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.msfah-notes-list{display:flex;flex-direction:column;gap:12px}.msfah-note{padding:14px 18px;background:#f8fafc;border-radius:10px;border-left:4px solid #e2e8f0}.msfah-note--customer{background:#fef3c7;border-left-color:#f59e0b}.msfah-note__header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px}.msfah-note__author{font-weight:600;color:#64748b}.msfah-note__date{color:#94a3b8}.msfah-note__content{color:#334155;line-height:1.6}.msfah-empty-notes{text-align:center;padding:40px;color:#94a3b8}.msfah-shipping-methods{list-style:none;margin:0;padding:0}.msfah-shipping-methods li{padding:10px 14px;background:#f8fafc;border-radius:8px;margin-bottom:8px}.msfah-form-group{margin-bottom:18px}.msfah-form-group label{display:block;font-weight:500;margin-bottom:8px;color:#334155}.msfah-form-group input[type="text"],.msfah-form-group input[type="number"],.msfah-form-group input[type="url"],.msfah-form-group textarea,.msfah-form-group select{width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color 0.2s,box-shadow 0.2s}.msfah-form-group input:focus,.msfah-form-group textarea:focus,.msfah-form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.msfah-checkbox{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.msfah-checkbox input[type="checkbox"]{width:18px;height:18px;accent-color:#3b82f6}.msfah-refund-info{padding:16px;background:#fef3c7;border-radius:10px;margin-bottom:20px}.msfah-refund-info strong{color:#d97706;font-size:18px}.msfah-btn--danger{background:#dc2626;color:white;border-color:#dc2626}.msfah-btn--danger:hover{background:#b91c1c;border-color:#b91c1c}.msfah-header-actions{display:flex;gap:12px}.msfah-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.msfah-page-header h2{display:flex;align-items:center;gap:12px;margin:0;font-size:24px;font-weight:700}.msfah-dark .msfah-stat-card,.msfah-dark .msfah-filter-bar--advanced,.msfah-dark .msfah-modal--pro{background:#1e293b;border-color:#334155}.msfah-dark .msfah-stat-value,.msfah-dark .msfah-info-list span{color:#f1f5f9}.msfah-dark .msfah-modal__tabs{background:#15202b}.msfah-dark .msfah-modal__tabs button.active{background:#1e293b}.msfah-dark .msfah-modal__footer{background:#15202b}.msfah-notes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.msfah-notes-list{display:flex;flex-direction:column;gap:12px}.msfah-note{padding:14px 18px;background:#f8fafc;border-radius:10px;border-left:4px solid #e2e8f0}.msfah-note--customer{background:#fef3c7;border-left-color:#f59e0b}.msfah-note__header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px}.msfah-note__author{font-weight:600;color:#64748b}.msfah-note__date{color:#94a3b8}.msfah-note__content{color:#334155;line-height:1.6}.msfah-empty-notes{text-align:center;padding:40px;color:#94a3b8}.msfah-shipping-methods{list-style:none;margin:0;padding:0}.msfah-shipping-methods li{padding:10px 14px;background:#f8fafc;border-radius:8px;margin-bottom:8px}.msfah-form-group{margin-bottom:18px}.msfah-form-group label{display:block;font-weight:500;margin-bottom:8px;color:#334155}.msfah-form-group input[type="text"],.msfah-form-group input[type="number"],.msfah-form-group input[type="url"],.msfah-form-group textarea,.msfah-form-group select{width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color 0.2s,box-shadow 0.2s}.msfah-form-group input:focus,.msfah-form-group textarea:focus,.msfah-form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.msfah-checkbox{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.msfah-checkbox input[type="checkbox"]{width:18px;height:18px;accent-color:#3b82f6}.msfah-refund-info{padding:16px;background:#fef3c7;border-radius:10px;margin-bottom:20px}.msfah-refund-info strong{color:#d97706;font-size:18px}.msfah-btn--danger{background:#dc2626;color:white;border-color:#dc2626}.msfah-btn--danger:hover{background:#b91c1c;border-color:#b91c1c}.msfah-header-actions{display:flex;gap:12px}.msfah-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.msfah-page-header h2{display:flex;align-items:center;gap:12px;margin:0;font-size:24px;font-weight:700}.msfah-dark .msfah-stat-card,.msfah-dark .msfah-filter-bar--advanced,.msfah-dark .msfah-modal--pro{background:#1e293b;border-color:#334155}.msfah-dark .msfah-stat-value,.msfah-dark .msfah-info-list span{color:#f1f5f9}.msfah-dark .msfah-modal__tabs{background:#15202b}.msfah-dark .msfah-modal__tabs button.active{background:#1e293b}.msfah-dark .msfah-modal__footer{background:#15202b}.msfah-dark .msfah-note{background:#1e293b}.msfah-dark .msfah-form-group input,.msfah-dark .msfah-form-group textarea,.msfah-dark .msfah-form-group select{background:#0f172a;border-color:#334155;color:#f1f5f9}.msfah-sidebar-v2{top:80px !important;height:calc(100vh - 80px) !important}.msfah-main-v2{padding-top:80px}.msfah-orders-v2,.msfah-students-v2{margin-left:-100px;max-width:calc(100%+100px)}.msfah-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border:1px solid #e2e8f0;background:white;color:#1e293b;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all 0.2s ease}.msfah-page-btn:hover{background:#137fec;border-color:#137fec;color:white}.msfah-page-btn--active{background:#137fec;border-color:#137fec;color:white;box-shadow:0 2px 6px rgba(19,127,236,0.3)}.msfah-page-dots{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:#64748b}.msfah-dark .msfah-page-btn{background:#15202b;border-color:#1e293b;color:#f8fafc}.msfah-dark .msfah-page-btn:hover,.msfah-dark .msfah-page-btn--active{background:#137fec;border-color:#137fec;color:white}.msfah-frontend-root.msfah-full-width-layout{width:100vw !important;max-width:100vw !important;margin-left:calc(-50vw+50%) !important;box-sizing:border-box !important;position:relative !important}.elementor-widget-container:has(.msfah-frontend-root.msfah-full-width-layout),.e-con:has(.msfah-frontend-root.msfah-full-width-layout),.e-con-inner:has(.msfah-frontend-root.msfah-full-width-layout){max-width:100% !important;width:100% !important}.entry-content:has(.msfah-frontend-root.msfah-full-width-layout),.site-content:has(.msfah-frontend-root.msfah-full-width-layout),.content-area:has(.msfah-frontend-root.msfah-full-width-layout),article:has(.msfah-frontend-root.msfah-full-width-layout){max-width:100% !important;width:100% !important;padding:0 !important;margin:0 !important}.msfah-user-info-v2{gap:24px !important;padding-left:32px !important;padding-right:16px !important;min-width:200px !important}.msfah-user-avatar-header{width:48px !important;height:48px !important;font-size:18px !important}.msfah-user-name-header{font-size:16px !important}.msfah-user-role-header{font-size:13px !important}.msfah-students-table-wrapper,.msfah-table-wrapper{overflow-x:auto !important;width:100% !important;max-width:100% !important}.msfah-students-table,.msfah-table-v2{min-width:800px !important;table-layout:auto !important}.msfah-students-table th:first-child,.msfah-students-table td:first-child,.msfah-table-v2 th:first-child,.msfah-table-v2 td:first-child{position:relative !important;left:0 !important}.msfah-students-container,[class*='students']{margin-left:0 !important;padding-left:0 !important;overflow-x:visible !important}.msfah-orders-pro,.msfah-orders-container,[class*='orders']{margin-left:0 !important;padding-left:0 !important;overflow-x:visible !important;width:100% !important;max-width:100% !important}.msfah-orders-pro .msfah-table-wrapper{overflow-x:auto !important;width:100% !important}.msfah-orders-pro .msfah-table{min-width:800px !important;table-layout:auto !important}.msfah-orders-pro th:first-child,.msfah-orders-pro td:first-child{position:relative !important;left:0 !important}.msfah-main{margin-left:256px}.msfah-main.msfah-main--expanded{margin-left:0 !important}@media (max-width:768px){.msfah-main{margin-left:0 !important}}.msfah-home-dashboard{padding:40px;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);min-height:400px}.msfah-welcome-header{text-align:center;margin-bottom:40px}.msfah-welcome-header .welcome-badge{display:inline-block;background:#e0f2fe;color:#0284c7;font-size:12px;font-weight:600;padding:6px 16px;border-radius:20px;margin-bottom:16px;letter-spacing:0.5px}.msfah-welcome-header .welcome-title{font-size:32px;font-weight:700;color:#1e293b;margin:0 0 12px 0;line-height:1.3}.msfah-welcome-header .welcome-subtitle{font-size:16px;color:#64748b;margin:0}.msfah-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:800px;margin:0 auto}.msfah-quick-actions .quick-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;cursor:pointer;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(0,0,0,0.04)}.msfah-quick-actions .quick-action-btn:hover{border-color:#3b82f6;box-shadow:0 4px 16px rgba(59,130,246,0.15);transform:translateY(-2px)}.msfah-quick-actions .quick-action-btn .material-symbols-outlined{font-size:28px;color:#3b82f6}.msfah-quick-actions .quick-action-btn span{font-size:14px;font-weight:500;color:#334155}@media (max-width:768px){.msfah-home-dashboard{padding:24px}.msfah-welcome-header .welcome-title{font-size:24px}.msfah-quick-actions{grid-template-columns:repeat(2,1fr)}}.msfah-bundle-section{display:flex;flex-direction:column;gap:20px;padding:5px}.msfah-bundle-search-wrap{position:relative;border:1px solid var(--msfah-border-light);border-radius:8px;background:white;box-shadow:0 2px 4px rgba(0,0,0,0.02)}.msfah-search-box{display:flex;align-items:center;padding:10px 16px}.msfah-search-box input{flex:1;border:none;outline:none;font-size:14px;padding:5px 0}.msfah-search-loading{font-size:12px;color:var(--msfah-text-muted)}.msfah-bundle-search-results{max-height:250px;overflow-y:auto;background:white;border-top:1px solid var(--msfah-border-light);border-bottom-left-radius:8px;border-bottom-right-radius:8px}.msfah-search-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-top:1px solid var(--msfah-border-light);transition:background 0.2s}.msfah-search-item:first-child{border-top:none}.msfah-search-item:hover{background:var(--msfah-bg-light)}.msfah-search-item img{width:40px;height:40px;border-radius:4px;object-fit:cover}.msfah-item-info{flex:1;display:flex;flex-direction:column;gap:2px}.item-name{font-weight:600;color:var(--msfah-text-dark);font-size:13px}.item-price{font-size:12px;color:var(--msfah-primary)}.item-meta{font-size:11px;color:var(--msfah-text-muted)}.msfah-selected-items{border:1px solid var(--msfah-border-light);border-radius:10px;overflow:hidden;background:white;box-shadow:0 2px 4px rgba(0,0,0,0.02)}.msfah-selected-item{display:flex;align-items:center;gap:15px;padding:16px;border-bottom:1px solid var(--msfah-border-light)}.msfah-selected-item:last-child{border-bottom:none}.msfah-item-drag-handle{cursor:grab;color:var(--msfah-text-muted);display:flex;align-items:center}.msfah-selected-item img{width:50px;height:50px;border-radius:6px;object-fit:cover;border:1px solid var(--msfah-border-light)}.msfah-item-qty{width:90px}.msfah-item-qty input{width:100%;padding:8px;border:1px solid var(--msfah-border-light);border-radius:6px;text-align:center;font-weight:600}.msfah-btn-icon{background:transparent;border:none;cursor:pointer;color:var(--msfah-text-muted);padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.msfah-btn-icon:hover{background:rgba(0,0,0,0.05)}.msfah-btn-icon--danger:hover{color:#ef4444;background:rgba(239,68,68,0.1)}.msfah-dark .msfah-bundle-search-wrap,.msfah-dark .msfah-selected-items,.msfah-dark .msfah-bundle-search-results{background:var(--msfah-card-dark);border-color:var(--msfah-border-dark)}.msfah-dark .msfah-search-item:hover{background:rgba(255,255,255,0.05)}.msfah-dark .item-name{color:var(--msfah-text-light)}.msfah-dark .msfah-item-qty input{background:rgba(255,255,255,0.05);border-color:var(--msfah-border-dark);color:white}.msfah-manage-stock-row{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px}.msfah-manage-stock-info{display:flex;flex-direction:column;gap:3px}.msfah-manage-stock-label{font-size:14px;font-weight:600;color:#1e293b}.msfah-manage-stock-desc{font-size:12px;color:#94a3b8}.msfah-toggle{position:relative;display:inline-block;width:46px;height:26px;flex-shrink:0}.msfah-toggle input{opacity:0;width:0;height:0;position:absolute}.msfah-toggle-slider{position:absolute;cursor:pointer;inset:0;background:#cbd5e1;border-radius:26px;transition:background 0.2s}.msfah-toggle-slider:before{content:;position:absolute;height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform 0.2s;box-shadow:0 1px 4px rgba(0,0,0,0.18)}.msfah-toggle input:checked+.msfah-toggle-slider{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.msfah-toggle input:checked+.msfah-toggle-slider:before{transform:translateX(20px)}.msfah-filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;background:linear-gradient(180deg,#fbfcfe 0%,#f4f6fb 100%);border:1px solid #e6e9f2;border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.7)}.msfah-filter-bar .msfah-search-input{height:38px;padding:0 14px;border:1px solid #e2e6f0;border-radius:10px;background:#fff;color:#334155;font-size:13px;font-weight:600;line-height:38px;box-shadow:0 1px 2px rgba(15,23,42,0.04);transition:border-color 0.15s ease,box-shadow 0.15s ease,transform 0.05s ease;outline:none;box-sizing:border-box}.msfah-filter-bar .msfah-search-input:hover{border-color:#c7cede}.msfah-filter-bar .msfah-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,0.18)}.msfah-filter-bar select.msfah-search-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:34px;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.msfah-filter-bar select.msfah-search-input:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.msfah-filter-bar input.msfah-search-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;padding-left:36px;font-weight:500}.msfah-filter-bar input.msfah-search-input::placeholder{color:#a3adc2;font-weight:500}.msfah-dark .msfah-filter-bar{background:linear-gradient(180deg,#1e293b 0%,#172033 100%);border-color:#334155;box-shadow:none}.msfah-dark .msfah-filter-bar .msfah-search-input{background-color:#0f172a;border-color:#334155;color:#e2e8f0}.msfah-dark .msfah-filter-bar .msfah-search-input:hover{border-color:#475569}.msfah-floating-close:hover{background:rgba(15,23,42,0.6) !important;transform:scale(1.12)}.msfah-floating-close:active{transform:scale(0.95)}