@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--color_primary_blue: #4F46E5;--color_primary_dark_blue: #3730A3;--color_primary_light_blue: #818CF8;--color_success_green: #10B981;--color_success_light_green: #34D399;--color_success_bg: #ECFDF5;--color_warning_red: #EF4444;--color_warning_orange: #F59E0B;--color_warning_bg: #FEF3C7;--color_white: #FFFFFF;--color_gray_50: #F9FAFB;--color_gray_100: #F3F4F6;--color_gray_200: #E5E7EB;--color_gray_300: #D1D5DB;--color_gray_400: #9CA3AF;--color_gray_500: #6B7280;--color_gray_600: #4B5563;--color_gray_700: #374151;--color_gray_800: #1F2937;--color_gray_900: #111827;--color_bg_primary: #F8FAFC;--color_bg_sidebar: var(--color_white);--color_bg_card: var(--color_white);--color_text_primary: var(--color_gray_900);--color_text_secondary: var(--color_gray_600);--color_text_muted: var(--color_gray_400);--color_chart_marketing: #8B5CF6;--color_chart_online: #06B6D4;--color_status_paid: var(--color_success_green);--color_status_pending: var(--color_warning_orange);--shadow_sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow_md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow_lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--radius_sm: .375rem;--radius_md: .5rem;--radius_lg: .75rem;--radius_xl: 1rem;--accent_primary: var(--color_primary_blue);--accent_dark: var(--color_primary_dark_blue);--accent_light: var(--color_primary_light_blue)}[data-theme=light]{--color_bg_primary: #F8FAFC;--color_bg_sidebar: #FFFFFF;--color_bg_card: #FFFFFF;--color_bg_secondary: #F9FAFB;--color_bg_hover: #F3F4F6;--color_bg_gradient: linear-gradient(135deg, #F9FAFB 0%, #F3F4F6 100%);--color_text_primary: #111827;--color_text_secondary: #4B5563;--color_text_muted: #9CA3AF;--color_border: #ccc;--color_overlay: rgba(0, 0, 0, .5);--color_accent: #4F46E5;--color_accent_bg: rgba(79, 70, 229, .1);--color_accent_gradient: linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);--color_success: #22C55E;--color_success_light: #DCFCE7;--color_success_lighter: #F0FDF4;--color_success_dark: #166534;--color_success_gradient: linear-gradient(135deg, #059669 0%, #10B981 100%);--color_danger: #DC2626;--color_danger_light: #FEF2F2;--color_error: #EF4444;--color_error_bg: rgba(239, 68, 68, .1);--color_info: #93C5FD;--color_info_light: #DBEAFE;--color_info_dark: #1E40AF;--color_warning: #F59E0B;--color_warning_light: #FEF3C7;--color_warning_lighter: #FFFBEB;--color_warning_dark: #92400E;--color_warning_gradient: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);--shadow_sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow_md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow_lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}[data-theme=dark]{--color_bg_primary: #F8FAFC;--color_bg_card: #FFFFFF;--color_bg_secondary: #F9FAFB;--color_bg_hover: #F3F4F6;--color_bg_gradient: linear-gradient(135deg, #F9FAFB 0%, #F3F4F6 100%);--color_text_primary: #111827;--color_text_secondary: #4B5563;--color_text_muted: #9CA3AF;--color_border: #ccc;--color_overlay: rgba(0, 0, 0, .5);--color_accent: #4F46E5;--color_accent_bg: rgba(79, 70, 229, .1);--color_accent_gradient: linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);--color_success: #22C55E;--color_success_light: #DCFCE7;--color_success_lighter: #F0FDF4;--color_success_dark: #166534;--color_success_gradient: linear-gradient(135deg, #059669 0%, #10B981 100%);--color_danger: #DC2626;--color_danger_light: #FEF2F2;--color_error: #EF4444;--color_error_bg: rgba(239, 68, 68, .1);--color_info: #93C5FD;--color_info_light: #DBEAFE;--color_info_dark: #1E40AF;--color_warning: #F59E0B;--color_warning_light: #FEF3C7;--color_warning_lighter: #FFFBEB;--color_warning_dark: #92400E;--color_warning_gradient: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);--shadow_sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow_md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow_lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--color_bg_sidebar: #111827;--color_sidebar_text_primary: #F9FAFB;--color_sidebar_text_secondary: #D1D5DB;--color_sidebar_text_muted: #9CA3AF;--color_sidebar_border: #374151;--color_sidebar_hover: #1F2937;--color_sidebar_active: #374151}[data-theme=night]{--color_bg_primary: #0F172A;--color_bg_sidebar: #020617;--color_bg_card: #1E293B;--color_bg_secondary: #334155;--color_bg_hover: #334155;--color_bg_gradient: linear-gradient(135deg, #1E293B 0%, #334155 100%);--color_text_primary: #F1F5F9;--color_text_secondary: #CBD5E1;--color_text_muted: #64748B;--color_border: #334155;--color_overlay: rgba(0, 0, 0, .8);--color_accent: #6366F1;--color_accent_bg: rgba(99, 102, 241, .2);--color_accent_gradient: linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);--color_success: #22C55E;--color_success_light: #1A3A2A;--color_success_lighter: #152E22;--color_success_dark: #86EFAC;--color_success_gradient: linear-gradient(135deg, #059669 0%, #10B981 100%);--color_danger: #DC2626;--color_danger_light: #3A1F1F;--color_error: #F87171;--color_error_bg: rgba(248, 113, 113, .2);--color_info: #3B82F6;--color_info_light: #1A3A5A;--color_info_dark: #93C5FD;--color_warning: #F59E0B;--color_warning_light: #3A2F1F;--color_warning_lighter: #2F271A;--color_warning_dark: #FCD34D;--color_warning_gradient: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);--shadow_sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow_md: 0 4px 6px -1px rgba(0, 0, 0, .6);--shadow_lg: 0 10px 15px -3px rgba(0, 0, 0, .7)}[data-accent=professional-blue]{--accent_primary: #2563EB;--accent_dark: #1D4ED8;--accent_light: #60A5FA;--accent_bg: #DBEAFE;--color_accent: #2563EB}[data-accent=blue]{--accent_primary: #4F46E5;--accent_dark: #3730A3;--accent_light: #818CF8;--accent_bg: #EEF2FF;--color_accent: #4F46E5}[data-accent=red]{--accent_primary: #EF4444;--accent_dark: #B91C1C;--accent_light: #F87171;--accent_bg: #FEE2E2;--color_accent: #EF4444}[data-accent=green]{--accent_primary: #10B981;--accent_dark: #047857;--accent_light: #34D399;--accent_bg: #D1FAE5;--color_accent: #10B981}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color_bg_primary);color:var(--color_text_primary);line-height:1.5}.cls_dashboard-container{display:flex;min-height:100vh}.cls_sidebar{width:250px;background-color:var(--color_bg_sidebar);border-right:1px solid var(--color_gray_200);padding:1.5rem 0 0;position:fixed;height:100vh;overflow-y:hidden;transition:width .3s ease;display:flex;flex-direction:column}.cls_sidebar-collapsed{width:80px}.cls_sidebar-header{padding:0rem 1rem 1rem;position:relative;display:flex;flex-direction:column;gap:1rem;flex-shrink:0}.cls_sidebar-collapsed .cls_sidebar-header{padding:1rem .5rem}.cls_sidebar-toggle{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--color_bg_card);border:2px solid var(--color_border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--color_text_secondary);box-shadow:0 2px 8px #00000026;margin:1.5rem auto}.cls_sidebar-toggle:hover{background:var(--color_accent);color:#fff;border-color:var(--color_accent);transform:scale(1.15);box-shadow:0 4px 12px #4f46e54d}.cls_logo{display:flex;align-items:center;gap:.5rem;transition:justify-content .3s ease}.cls_sidebar-collapsed .cls_logo{justify-content:center}.cls_logo-icon{width:2.5rem;height:2.5rem;background-color:var(--accent_primary);color:var(--color_white);border-radius:var(--radius_md);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem}.cls_logo-icon-image{height:50px;width:auto;max-width:50px;object-fit:contain;transition:all .3s ease}.cls_sidebar-collapsed .cls_logo-icon-image{height:40px;width:40px}.cls_logo-icon-image--large{height:60px;max-width:60px;margin-bottom:.5rem}.cls_logo-text{font-size:1.25rem;font-weight:600;color:var(--color_text_primary)}.cls_navigation{padding:1rem;flex:1;overflow-y:auto;overflow-x:hidden;position:relative;min-height:0}.cls_navigation:after{content:"";position:sticky;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,var(--color_bg_sidebar) 0%,transparent 100%);pointer-events:none;z-index:5}.cls_sidebar-collapsed .cls_navigation{padding:0 .5rem 1rem}.cls_navigation::-webkit-scrollbar{width:6px}.cls_navigation::-webkit-scrollbar-track{background:transparent}.cls_navigation::-webkit-scrollbar-thumb{background:var(--color_border);border-radius:3px}.cls_navigation::-webkit-scrollbar-thumb:hover{background:var(--color_text_muted)}.cls_nav-list{list-style:none;margin-bottom:2rem}.cls_nav-item{margin-bottom:.25rem}.cls_nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem;color:var(--color_text_secondary);text-decoration:none;border-radius:var(--radius_md);transition:all .2s ease;position:relative;cursor:pointer;white-space:nowrap}.cls_sidebar-collapsed .cls_nav-link{justify-content:center;padding:.75rem .5rem}.cls_sidebar-collapsed .cls_nav-link span{display:none}.cls_nav-link:hover{background-color:var(--color_bg_primary);color:var(--color_text_primary)}.cls_nav-item--active .cls_nav-link,.cls_nav-link.cls_nav-item--active{background-color:var(--accent_primary);color:var(--color_white)}.cls_nav-link i{width:1.25rem;text-align:center;font-size:.875rem}.cls_badge{background-color:var(--color_bg_primary);color:var(--color_text_secondary);font-size:.75rem;padding:.125rem .5rem;border-radius:9999px;margin-left:auto;font-weight:500;border:1px solid var(--color_border);transition:opacity .3s ease}.cls_sidebar-collapsed .cls_badge{display:none}.cls_nav-item--active .cls_badge,.cls_nav-link.cls_nav-item--active .cls_badge{background-color:#fff3;color:var(--color_white)}.cls_nav-item-expandable{margin-bottom:.25rem}.cls_nav-link-expandable{display:flex;align-items:center;gap:.75rem;padding:.75rem;color:var(--color_text_secondary);text-decoration:none;border-radius:var(--radius_md);transition:all .2s ease;position:relative;cursor:pointer;white-space:nowrap}.cls_nav-link-expandable:hover,.cls_nav-link-expandable.cls_nav-item--expanded{background-color:var(--color_bg_primary);color:var(--color_text_primary)}.cls_chevron{margin-left:auto;transition:transform .2s ease}.cls_nav-sublist{list-style:none;margin:.25rem 0 0;padding:0;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.cls_nav-subitem{margin-bottom:.125rem}.cls_nav-sublink{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem .625rem 2.5rem;color:var(--color_text_secondary);text-decoration:none;border-radius:var(--radius_md);transition:all .2s ease;font-size:.875rem;cursor:pointer}.cls_nav-sublink:hover{background-color:var(--color_bg_primary);color:var(--color_text_primary)}.cls_nav-sublink.cls_nav-item--active{background-color:var(--accent_primary);color:var(--color_white)}.cls_nav-sublink .cls_badge{margin-left:auto;font-size:.625rem;padding:.0625rem .375rem}.cls_notifications-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color_gray_200)}.cls_section-title{font-size:.75rem;font-weight:600;color:var(--color_text_muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;padding:0 .75rem;transition:opacity .3s ease}.cls_sidebar-collapsed .cls_section-title{display:none}.cls_main-content{flex:1;margin-left:250px;padding:1.5rem;transition:margin-left .3s ease;min-height:100vh;box-sizing:border-box;overflow-x:hidden;max-width:100%}[data-sidebar-collapsed=true] .cls_main-content{margin-left:80px}.cls_page-wrapper{background:var(--color_bg_card);border-radius:var(--radius_lg);padding:0rem;box-shadow:var(--shadow_sm);min-height:calc(100vh - 3rem);box-sizing:border-box;overflow-x:auto;width:100%}.cls_page-content{width:100%;height:100%}.cls_header{padding:1rem 1rem 1.5rem;position:relative;z-index:10;display:block!important;visibility:visible!important;opacity:1!important;height:100px;flex-shrink:0}.cls_header-content{display:flex;justify-content:space-between;align-items:center;min-width:0;overflow:visible;width:100%;visibility:visible!important;opacity:1!important}.cls_page-title{flex:0 0 auto;min-width:0;margin-right:auto}.cls_page-title h1{font-size:2rem;font-weight:600;color:var(--color_text_primary);margin-bottom:.25rem}.cls_header-custom-content{display:flex;align-items:center;margin-right:1rem;flex-shrink:0}.cls_header-right-content{display:flex;align-items:center;gap:.5rem;flex:0 0 auto;margin-right:1rem;width:fit-content}.cls_header-custom-content+.cls_header-right-content{margin-left:0}.cls_header-actions{display:flex;align-items:center;gap:1rem;flex-wrap:nowrap;overflow:visible;min-width:0;flex-shrink:0;box-sizing:border-box;visibility:visible;opacity:1}.cls_search-bar{position:relative;flex-shrink:1;min-width:120px;max-width:300px}.cls_search-input{padding:.5rem 2.5rem .5rem 1rem;border:1px solid var(--color_border);border-radius:var(--radius_md);background-color:var(--color_bg_card);color:var(--color_text_primary);font-size:.875rem;width:100%;box-sizing:border-box;min-width:0}.cls_search-input:focus{outline:none;border-color:var(--color_accent);box-shadow:0 0 0 3px var(--color_accent_bg)}.cls_search-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--color_text_muted)}.cls_year-selector{padding:.5rem .75rem;border:1px solid var(--color_border);border-radius:var(--radius_md);background-color:var(--color_bg_card);font-size:.875rem;color:var(--color_text_primary)}.cls_header-icons{display:flex;gap:.5rem;visibility:visible!important;opacity:1!important}.cls_icon-button{width:2.5rem;height:2.5rem;border:none;background-color:var(--color_bg_hover);color:var(--color_text_secondary);border-radius:var(--radius_md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.cls_icon-button:hover{background-color:var(--color_bg_secondary)}.cls_user-profile{height:2.5rem}.cls_user-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}.cls_metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.cls_metric-card{background-color:var(--color_bg_card);border-radius:var(--radius_lg);padding:1.5rem;box-shadow:var(--shadow_sm);display:flex;align-items:flex-start;gap:1rem}.cls_metric-card--marketing{background:linear-gradient(135deg,var(--accent_primary) 0%,var(--accent_dark) 100%);color:var(--color_white)}.cls_metric-icon{width:3rem;height:3rem;border-radius:var(--radius_md);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.cls_metric-icon--sales{background-color:#10b9811a;color:var(--color_success_green)}.cls_metric-icon--purchases{background-color:#ef44441a;color:var(--color_warning_red)}.cls_metric-icon--returns{background-color:#f59e0b1a;color:var(--color_warning_orange)}.cls_metric-icon--projects{background-color:#3b82f61a;color:#3b82f6}.cls_metric-icon--active{background-color:#9333ea1a;color:#9333ea}.cls_metric-icon--products{background-color:#6366f11a;color:#6366f1}.cls_metric-icon--instock{background-color:#22c55e1a;color:#22c55e}.cls_metric-icon--lowstock{background-color:#fb923c1a;color:#fb923c}.cls_metric-icon--outstock{background-color:#ef44441a;color:#ef4444}.cls_metric-icon--value{background-color:#06b6d41a;color:#06b6d4}.cls_metric-info{flex:1}.cls_metric-label{font-size:.75rem;font-weight:600;color:var(--color_text_muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.cls_metric-card--marketing .cls_metric-label{color:#fffc}.cls_metric-value{font-size:1.75rem;font-weight:700;color:var(--color_text_primary);margin-bottom:.5rem}.cls_metric-card--marketing .cls_metric-value{color:var(--color_white)}.cls_metric-comparison{display:flex;flex-direction:column;gap:.25rem}.cls_metric-change{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500}.cls_metric-change--positive{color:var(--color_success_green)}.cls_metric-change--negative{color:var(--color_warning_red)}.cls_metric-subtitle{font-size:.75rem;color:var(--color_text_muted)}.cls_metric-card--marketing .cls_metric-subtitle{color:#ffffffb3}.cls_metric-marketing-content{display:flex;align-items:center;justify-content:space-between;width:100%}.cls_marketing-text{flex:1}.cls_marketing-label{font-size:.875rem;color:#fffc;margin-bottom:.5rem;display:block}.cls_marketing-amount{font-size:1.75rem;font-weight:700;color:var(--color_white);margin-bottom:.25rem}.cls_marketing-subtitle{font-size:.75rem;color:#ffffffb3}.cls_circular-progress{width:4rem;height:4rem;border-radius:50%;background:conic-gradient(var(--color_white) 0deg,var(--color_white) 244.8deg,rgba(255,255,255,.2) 244.8deg,rgba(255,255,255,.2) 360deg);display:flex;align-items:center;justify-content:center;position:relative}.cls_circular-progress:before{content:"";position:absolute;width:2.5rem;height:2.5rem;background-color:var(--accent_primary);border-radius:50%}.cls_progress-value{position:relative;z-index:1;font-size:1rem;font-weight:700;color:var(--color_white)}.cls_content-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem}.cls_chart-section{background-color:var(--color_bg_card);border-radius:var(--radius_lg);padding:1.5rem;box-shadow:var(--shadow_sm)}.cls_section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.cls_section-header h2{font-size:1.25rem;font-weight:600;color:var(--color_text_primary)}.cls_chart-legend{display:flex;gap:1.5rem}.cls_legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color_text_secondary)}.cls_legend-dot{width:.75rem;height:.75rem;border-radius:50%}.cls_legend-dot--marketing{background-color:var(--color_chart_marketing)}.cls_legend-dot--online{background-color:var(--color_chart_online)}.cls_time-selector{padding:.375rem .75rem;border:1px solid var(--color_border);border-radius:var(--radius_sm);background-color:var(--color_bg_card);color:var(--color_text_primary);font-size:.875rem}.cls_chart-container{height:300px;position:relative}.cls_recent-sales{background-color:var(--color_bg_card);border-radius:var(--radius_lg);padding:1.5rem;box-shadow:var(--shadow_sm)}.cls_sales-list{display:flex;flex-direction:column;gap:1rem}.cls_sales-item{display:flex;align-items:center;gap:.75rem}.cls_customer-avatar{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover}.cls_customer-info{flex:1}.cls_customer-name{font-weight:500;color:var(--color_text_primary);font-size:.875rem}.cls_customer-time{font-size:.75rem;color:var(--color_text_muted)}.cls_sale-amount{font-weight:600;color:var(--color_text_primary);font-size:.875rem}.cls_invoices-section{background-color:var(--color_bg_card);border-radius:var(--radius_lg);padding:1.5rem;box-shadow:var(--shadow_sm)}.cls_generate-report-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:var(--accent_primary);color:var(--color_white);border:none;border-radius:var(--radius_md);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.cls_generate-report-btn:hover{background-color:var(--accent_dark)}.cls_table-container{overflow-x:auto;overflow-y:visible;margin-top:1rem;max-width:100%;-webkit-overflow-scrolling:touch}.cls_invoices-table{width:100%;border-collapse:collapse}.cls_invoices-table th{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--color_gray_200);font-weight:500;color:var(--color_text_secondary);font-size:.875rem}.cls_invoices-table td{padding:1rem;border-bottom:1px solid var(--color_gray_100);font-size:.875rem;color:var(--color_text_primary)}.cls_amount{font-weight:600;color:var(--color_success_green)}.cls_status{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.cls_status--paid{background-color:var(--color_success_bg);color:var(--color_success_green)}.cls_status--pending{background-color:var(--color_warning_bg);color:var(--color_warning_orange)}.cls_options-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--color_border);background-color:var(--color_bg_card);border-radius:var(--radius_sm);font-size:.75rem;color:var(--color_text_secondary);cursor:pointer;transition:background-color .2s ease}.cls_options-btn:hover{background-color:var(--color_bg_primary)}[data-theme=dark] .cls_sidebar{background-color:var(--color_bg_sidebar);border-right-color:var(--color_sidebar_border)}[data-theme=dark] .cls_sidebar-header,[data-theme=dark] .cls_logo,[data-theme=dark] .cls_logo-text{color:var(--color_sidebar_text_primary)}[data-theme=dark] .cls_logo-icon-image{opacity:.95}[data-theme=dark] .cls_sidebar-toggle{background:var(--color_sidebar_hover);border-color:var(--color_sidebar_border);color:var(--color_sidebar_text_secondary)}[data-theme=dark] .cls_sidebar-toggle:hover{background:var(--color_accent);color:#fff;border-color:var(--color_accent)}[data-theme=dark] .cls_nav-link{color:var(--color_sidebar_text_secondary)}[data-theme=dark] .cls_nav-link:hover{background-color:var(--color_sidebar_hover);color:var(--color_sidebar_text_primary)}[data-theme=dark] .cls_nav-item--active .cls_nav-link,[data-theme=dark] .cls_nav-link.cls_nav-item--active{background-color:var(--accent_primary);color:var(--color_white)}[data-theme=dark] .cls_badge{background-color:var(--color_sidebar_hover);color:var(--color_sidebar_text_secondary);border-color:var(--color_sidebar_border)}[data-theme=dark] .cls_nav-item--active .cls_badge,[data-theme=dark] .cls_nav-link.cls_nav-item--active .cls_badge{background-color:#fff3;color:var(--color_white);border-color:transparent}[data-theme=dark] .cls_notifications-section{border-top-color:var(--color_sidebar_border)}[data-theme=dark] .cls_section-title{color:var(--color_sidebar_text_muted)}[data-theme=dark] .cls_nav-link-expandable{color:var(--color_sidebar_text_secondary)}[data-theme=dark] .cls_nav-link-expandable:hover,[data-theme=dark] .cls_nav-link-expandable.cls_nav-item--expanded{background-color:var(--color_sidebar_hover);color:var(--color_sidebar_text_primary)}[data-theme=dark] .cls_nav-sublink{color:var(--color_sidebar_text_secondary)}[data-theme=dark] .cls_nav-sublink:hover{background-color:var(--color_sidebar_hover);color:var(--color_sidebar_text_primary)}[data-theme=dark] .cls_nav-sublink.cls_nav-item--active{background-color:var(--accent_primary);color:var(--color_white)}@media(max-width:1024px){.cls_sidebar{transform:translate(-100%);transition:transform .3s ease}.cls_main-content{margin-left:0}.cls_content-grid,.cls_metrics-grid{grid-template-columns:1fr}}@media(max-width:768px){.cls_sidebar{width:80px}.cls_sidebar-collapsed{width:0;border-right:none}.cls_sidebar-toggle{right:-1px;width:40px;height:40px;box-shadow:0 3px 10px #0003;transform:translate(50%)}.cls_sidebar-toggle:hover{transform:translate(50%) scale(1.1)}.cls_logo-text,.cls_nav-link span,.cls_section-title{display:none}.cls_nav-link{justify-content:center}.cls_header-content{flex-direction:column;gap:1rem;align-items:stretch}.cls_header-actions{justify-content:space-between;flex-wrap:wrap;gap:.75rem}.cls_search-input{width:200px}.cls_year-selector-dropdown .custom-dropdown-trigger,.cls_time-selector-dropdown .custom-dropdown-trigger{min-width:120px;width:120px}.cls_main-content{padding:0 1rem 1rem;margin-left:80px}[data-sidebar-collapsed=true] .cls_main-content{margin-left:0}}@media(max-width:640px){.cls_chart-legend{flex-direction:column;gap:.5rem}.cls_section-header{flex-direction:column;align-items:flex-start;gap:1rem}.cls_table-container{font-size:.75rem}}.cls_login-container,.cls_signup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color_primary_blue) 0%,var(--color_primary_dark_blue) 100%);padding:2rem}.cls_login-card,.cls_signup-card{background:var(--color_bg_card);border-radius:var(--radius_xl);box-shadow:var(--shadow_lg);padding:2.5rem;width:100%;max-width:420px;border:1px solid var(--color_border)}.cls_login-header,.cls_signup-header{text-align:center;margin-bottom:2rem}.cls_login-header .cls_logo,.cls_signup-header .cls_logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.cls_login-title,.cls_signup-title{font-size:1.875rem;font-weight:700;color:var(--color_text_primary);margin-bottom:.5rem}.cls_login-subtitle,.cls_signup-subtitle{color:var(--color_text_secondary);font-size:.875rem}.cls_login-form,.cls_signup-form{display:flex;flex-direction:column;gap:1.5rem}.cls_form-label{font-size:.875rem;font-weight:500;color:var(--color_text_primary)}.cls_input-wrapper{position:relative;display:flex;align-items:center}.cls_form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--color_border);border-radius:var(--radius_md);font-size:.875rem;transition:all .2s ease;background-color:var(--color_bg_card);color:var(--color_text_primary)}.cls_form-input:focus{outline:none;border-color:var(--accent_primary);box-shadow:0 0 0 3px var(--accent_bg)}.cls_form-input:disabled{background-color:var(--color_bg_primary);color:var(--color_text_muted);cursor:not-allowed}.cls_password-toggle{position:absolute;right:.75rem;background:none;border:none;color:var(--color_gray_400);cursor:pointer;padding:.25rem;border-radius:var(--radius_sm);transition:color .2s ease}.cls_password-toggle:hover:not(:disabled){color:var(--accent_primary)}.cls_password-toggle:disabled{cursor:not-allowed;opacity:.5}.cls_password-strength{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.cls_strength-bar{flex:1;height:4px;background-color:var(--color_gray_200);border-radius:2px;overflow:hidden}.cls_strength-fill{height:100%;transition:width .3s ease,background-color .3s ease}.cls_strength-label{font-size:.75rem;font-weight:500;min-width:60px;text-align:right}.cls_error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius_md);color:var(--color_warning_red);font-size:.875rem}.cls_success-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius_md);color:var(--color_success_green);font-size:.875rem}.cls_login-button,.cls_signup-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background-color:var(--accent_primary);color:var(--color_white);border:none;border-radius:var(--radius_md);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;width:100%}.cls_login-button:hover:not(:disabled),.cls_signup-button:hover:not(:disabled){background-color:var(--accent_dark)}.cls_login-button:disabled,.cls_signup-button:disabled{background-color:var(--color_gray_400);cursor:not-allowed}.cls_forgot-password-link{background:none;border:none;color:var(--accent_primary);font-size:.875rem;cursor:pointer;text-align:center;padding:.5rem;border-radius:var(--radius_sm);transition:color .2s ease}.cls_forgot-password-link:hover:not(:disabled){color:var(--accent_dark);text-decoration:underline}.cls_forgot-password-link:disabled{color:var(--color_gray_400);cursor:not-allowed}.cls_auth-switch,.cls_auth-mode-switch{text-align:center;font-size:.875rem;color:var(--color_text_secondary);margin-top:1rem}.cls_auth-switch-link,.cls_auth-mode-link{background:none;border:none;color:var(--accent_primary);font-size:inherit;cursor:pointer;font-weight:500;padding:0;border-radius:var(--radius_sm);transition:color .2s ease}.cls_auth-switch-link:hover:not(:disabled),.cls_auth-mode-link:hover:not(:disabled){color:var(--accent_dark);text-decoration:underline}.cls_auth-switch-link:disabled,.cls_auth-mode-link:disabled{color:var(--color_gray_400);cursor:not-allowed}.cls_loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:transparent}.cls_loading-content{background:transparent;padding:3rem;text-align:center;max-width:400px}.cls_loading-image{width:120px;height:120px;object-fit:contain;margin:0 auto;display:block}.cls_loading-text{color:var(--color_text_secondary);margin-top:1rem;font-size:.875rem}.cls_loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.cls_loading-spinner-large{width:40px;height:40px;border:4px solid var(--color_border);border-top:4px solid var(--accent_primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.cls_access-denied-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color_warning_red) 0%,#DC2626 100%);padding:2rem}.cls_access-denied-content{background:var(--color_bg_card);border-radius:var(--radius_xl);box-shadow:var(--shadow_lg);padding:3rem;text-align:center;max-width:400px}.cls_access-denied-title{font-size:1.875rem;font-weight:700;color:var(--color_warning_red);margin:1rem 0}.cls_access-denied-message{color:var(--color_text_primary);margin-bottom:.5rem}.cls_access-denied-submessage{color:var(--color_text_secondary);font-size:.875rem;margin-bottom:2rem}.cls_logout-button{padding:.75rem 1.5rem;background-color:var(--color_warning_red);color:var(--color_white);border:none;border-radius:var(--radius_md);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.cls_logout-button:hover{background-color:#dc2626}.cls_user-profile{position:relative;z-index:9998;flex-shrink:0;min-width:40px;max-width:200px;margin-right:0}.cls_user-profile-button{display:flex;align-items:center;gap:.5rem;padding:.375rem;background:none;border:none;border-radius:var(--radius_md);cursor:pointer;transition:background-color .2s ease;min-width:40px;white-space:nowrap;overflow:hidden;flex-shrink:0;box-sizing:border-box}.cls_user-profile-button:hover{background-color:var(--color_bg_primary)}.cls_user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent_primary),var(--accent_dark));display:flex;align-items:center;justify-content:center;color:var(--color_white);font-weight:600;font-size:.75rem;flex-shrink:0}.cls_user-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0;flex:1;overflow:hidden}.cls_user-name{font-size:.8rem;font-weight:500;color:var(--color_text_primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.cls_user-email{font-size:.7rem;color:var(--color_text_secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.cls_dropdown-icon{color:var(--color_gray_400);transition:transform .2s ease;flex-shrink:0}.cls_dropdown-icon.cls_rotated{transform:rotate(180deg)}.cls_user-dropdown{position:fixed;top:60px;right:20px;background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:var(--radius_lg);box-shadow:var(--shadow_lg);min-width:260px;max-width:300px;z-index:9999999;overflow:hidden;isolation:isolate;max-height:80vh;overflow-y:auto;transform:translate(0);left:auto}@media(max-width:1200px){.cls_user-dropdown{right:-10px;min-width:240px}}@media(max-width:900px){.cls_user-dropdown{right:-20px;min-width:220px}}@media(max-width:600px){.cls_user-dropdown{right:-30px;min-width:200px}}.cls_user-profile{position:relative;z-index:1000;flex-shrink:0;min-width:40px;max-width:200px;margin-right:0}.cls_dropdown-header{padding:1.5rem;background:linear-gradient(135deg,var(--accent_primary),var(--accent_dark));color:var(--color_white);display:flex;align-items:center;gap:1rem}.cls_user-avatar-large{width:60px;height:60px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.cls_user-details{flex:1;min-width:0}.cls_user-name-large{font-size:1.125rem;font-weight:600;margin:0 0 .25rem;color:var(--color_white)}.cls_user-email-small{font-size:.8rem;color:#fffc;margin:0 0 .5rem;word-break:break-word;line-height:1.2}.cls_user-role{font-size:.75rem;background:#fff3;padding:.25rem .5rem;border-radius:var(--radius_sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-block}.cls_dropdown-divider{height:1px;background:var(--color_border)}.cls_dropdown-actions{padding:.5rem}.cls_dropdown-item{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;background:none;border:none;border-bottom:1px solid var(--color_border);border-radius:0;cursor:pointer;font-size:.875rem;color:var(--color_text_primary);transition:all .2s ease;text-align:left}.cls_dropdown-item:last-child{border-bottom:none}.cls_dropdown-item:hover{background:var(--color_bg_hover, var(--color_bg_primary))}.cls_dropdown-item svg{color:var(--color_text_muted);flex-shrink:0}.cls_dropdown-item-label{font-weight:600;color:var(--color_text_primary);font-size:.9375rem}.cls_dropdown-item-description{font-size:.75rem;color:var(--color_text_muted);margin-top:.125rem}.cls_dropdown-item.cls_logout-item{color:var(--color_warning_red)}.cls_dropdown-item.cls_logout-item:hover{background-color:#ef44441a}.cls_user-profile.cls_dropdown-open:before{content:"";position:fixed;inset:0;z-index:9990}.cls_user-dropdown{position:fixed!important;z-index:9999999!important;box-shadow:0 10px 25px #00000026!important;border:2px solid var(--accent_primary)!important;isolation:isolate}.cls_user-profile{position:relative!important;z-index:999998!important}.cls_user-dropdown:before{content:"";position:fixed;inset:0;background:#0000001a;z-index:-1;pointer-events:none}@media(max-width:1200px){.cls_header-actions{gap:.75rem}.cls_search-bar{max-width:200px;min-width:100px}.cls_user-profile{max-width:140px}.cls_user-profile-button{max-width:130px;gap:.4rem;padding:.3rem}}@media(max-width:1024px){.cls_header-actions{gap:.5rem}.cls_search-bar{max-width:150px;min-width:80px}.cls_user-profile{max-width:120px}.cls_user-profile-button{max-width:110px;gap:.3rem}.cls_user-name,.cls_user-email{max-width:60px}}@media(max-width:768px){.cls_header-actions{gap:.25rem}.cls_search-bar{max-width:120px;min-width:60px}.cls_user-profile{max-width:80px}.cls_user-profile-button{max-width:70px;gap:.25rem;padding:.25rem}.cls_user-info{display:none}.cls_user-dropdown{min-width:240px;right:-10px}}@media(max-width:480px){.cls_header-actions{gap:.125rem}.cls_search-bar{max-width:80px;min-width:40px}.cls_search-input{font-size:.75rem;padding:.375rem 2rem .375rem .75rem}.cls_user-profile{max-width:50px}.cls_user-profile-button{max-width:45px;padding:.25rem;gap:0}.cls_user-dropdown{min-width:220px;right:-20px;left:auto;transform:translate(0)}.cls_header-icons{gap:.25rem}.cls_icon-button{padding:.375rem}}.cls_coming-soon-dropdown{position:fixed;background:#fff;border-radius:12px;padding:0;box-shadow:0 8px 24px #00000026;border:1px solid #e5e7eb;z-index:99999999;min-width:240px;animation:slideDown .2s ease-out;overflow:hidden}.cls_coming-soon-content{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fff}.cls_coming-soon-emoji{font-size:1.75rem;line-height:1;animation:bounce .6s ease-in-out}.cls_coming-soon-text{display:flex;flex-direction:column;gap:.25rem}.cls_coming-soon-text strong{font-size:.9375rem;font-weight:600;color:#1f2937}.cls_coming-soon-label{font-size:.8125rem;color:#6366f1;font-weight:500}.cls_coming-soon-progress{height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6);animation:progressBar 2.5s ease-in-out}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes progressBar{0%{width:0%}to{width:100%}}[data-theme=night] .cls_coming-soon-dropdown{background:#1f2937;border-color:#374151;box-shadow:0 8px 24px #0006}[data-theme=night] .cls_coming-soon-content{background:#1f2937}[data-theme=night] .cls_coming-soon-text strong{color:#f9fafb}[data-theme=night] .cls_coming-soon-label{color:#818cf8}[data-theme=night] .cls_coming-soon-progress{background:linear-gradient(90deg,#818cf8,#a78bfa)}.cls_stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2rem}.cls_stats-grid--5col{grid-template-columns:repeat(5,1fr)}@media(max-width:1400px){.cls_stats-grid--5col{grid-template-columns:repeat(3,1fr)}}@media(max-width:992px){.cls_stats-grid--5col{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.cls_stats-grid--5col,.cls_stats-grid{grid-template-columns:1fr}}.cls_stat-card{background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:var(--radius_lg);padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow_sm);transition:all .3s ease;position:relative;overflow:hidden}.cls_stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent_primary);opacity:0;transition:opacity .3s ease}.cls_stat-card:hover{box-shadow:var(--shadow_md);transform:translateY(-2px);border-color:var(--accent_light)}.cls_stat-card:hover:before{opacity:1}.cls_stat-icon--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.cls_stat-icon--success{background:linear-gradient(135deg,#059669,#10b981)}.cls_stat-icon--warning{background:linear-gradient(135deg,#f59e0b,#f97316)}.cls_stat-icon--danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.cls_stat-icon--info{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.cls_stat-icon--secondary{background:linear-gradient(135deg,#6b7280,#9ca3af)}.cls_toolbar{background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:var(--radius_lg);padding:1.25rem 1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;box-shadow:var(--shadow_sm)}.cls_toolbar-left{display:flex;align-items:center;gap:1rem}.cls_toolbar-right{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.cls_search-box{position:relative;flex:1;min-width:280px;max-width:400px}.cls_search-box svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color_text_muted);pointer-events:none;z-index:2}.cls_search-box input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:2px solid var(--color_border);border-radius:var(--radius_md);font-size:.875rem;background:var(--color_bg_card);color:var(--color_text_primary);transition:all .3s ease}.cls_search-box input:focus{outline:none;border-color:var(--accent_primary);box-shadow:0 0 0 3px var(--accent_bg)}.cls_search-box input::placeholder{color:var(--color_text_muted)}.cls_products-table{width:100%;min-width:max-content;border-collapse:separate;border-spacing:0;font-size:.875rem;background:var(--color_bg_card);border-radius:var(--radius_lg);overflow:hidden;box-shadow:var(--shadow_sm)}.cls_products-table thead{background:var(--color_bg_secondary);position:sticky;top:0;z-index:1}.cls_products-table th{text-align:left;padding:1rem 1.25rem;font-weight:600;color:var(--color_text_secondary);font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color_border);white-space:nowrap}.cls_products-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--color_border);color:var(--color_text_primary);vertical-align:middle}.cls_products-table tbody tr{transition:all .2s ease}.cls_products-table tbody tr:hover{background:var(--color_bg_hover)}.cls_products-table tbody tr:last-child td{border-bottom:none}.cls_customer-name{font-weight:600;color:var(--color_text_primary);display:flex;align-items:center;gap:.5rem}.cls_customer-email,.cls_customer-phone,.cls_customer-location{display:flex;align-items:center;gap:.5rem;color:var(--color_text_secondary);font-size:.875rem}.cls_customer-email svg,.cls_customer-phone svg,.cls_customer-location svg{color:var(--color_text_muted);flex-shrink:0}.cls_customer-purchases{font-weight:600;color:var(--color_text_primary)}.cls_customer-spent{font-weight:700;color:var(--color_success);font-size:.9375rem}.cls_action-buttons{display:flex;align-items:center;gap:.5rem;justify-content:flex-start}.cls_action-btn{padding:.5rem;border:1px solid var(--color_border);background:var(--color_bg_card);border-radius:var(--radius_md);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;color:var(--color_text_secondary)}.cls_action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow_md)}.cls_action-btn--edit:hover{background:var(--color_info_light);border-color:var(--color_info);color:var(--color_info_dark)}.cls_action-btn--info:hover,.cls_action-btn--primary:hover{background:var(--color_accent_bg);border-color:var(--accent_primary);color:var(--accent_dark)}.cls_action-btn--delete:hover{background:var(--color_danger_light);border-color:var(--color_danger);color:var(--color_danger)}.cls_metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:1rem 0}.cls_metric-card{background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:var(--radius_lg);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease}.cls_metric-card:hover{box-shadow:var(--shadow_md);transform:translateY(-2px);border-color:var(--accent_light)}.cls_metric-icon{width:3rem;height:3rem;border-radius:var(--radius_md);display:flex;align-items:center;justify-content:center;color:var(--color_white);box-shadow:var(--shadow_sm)}.cls_metric-content{flex:1}.cls_metric-content h3{font-size:.875rem;font-weight:500;color:var(--color_text_secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.cls_metric-value{font-size:1.75rem;font-weight:700;color:var(--color_text_primary);line-height:1.2}.cls_metric-value-small{font-size:1rem;font-weight:600;color:var(--color_text_primary);line-height:1.4}@media(max-width:992px){.cls_metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.cls_metrics-grid{grid-template-columns:1fr}}.cls_purchase-summary{margin-top:1.5rem;padding:1.5rem;background:var(--color_bg_secondary);border-radius:var(--radius_lg);border:1px solid var(--color_border)}.cls_summary-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;font-size:.9375rem}.cls_summary-row:not(:last-child){border-bottom:1px solid var(--color_border)}.cls_summary-row span{color:var(--color_text_secondary)}.cls_summary-row strong{color:var(--color_text_primary);font-weight:700;font-size:1.125rem}.cls_table-footer{padding:1rem 1.5rem;background:var(--color_bg_secondary);border:1px solid var(--color_border);border-top:none;border-radius:0 0 var(--radius_lg) var(--radius_lg);display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--color_text_secondary)}.cls_dropdown-container{position:relative}.cls_dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:var(--radius_lg);box-shadow:var(--shadow_lg);min-width:240px;z-index:1000;overflow:hidden}.cls_spinner{animation:spin 1s linear infinite}.cls_empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--color_bg_card);border:2px dashed var(--color_border);border-radius:var(--radius_lg)}.cls_empty-state-icon{color:var(--color_text_muted);margin-bottom:1.5rem;opacity:.5}.cls_empty-state h3{font-size:1.25rem;font-weight:600;color:var(--color_text_primary);margin-bottom:.5rem}.cls_empty-state p{font-size:.9375rem;color:var(--color_text_secondary);max-width:400px;line-height:1.6}.cls_modal--large{max-width:900px;width:90%}.cls_modal--small{max-width:480px;width:90%}.cls_modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--color_border);background:var(--color_bg_secondary)}.cls_modal-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--color_text_primary)}.cls_modal-close{padding:.5rem;border:none;background:none;color:var(--color_text_muted);cursor:pointer;border-radius:var(--radius_md);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.cls_modal-close:hover{background:var(--color_bg_hover);color:var(--color_text_primary)}.cls_modal-body{padding:2rem;max-height:70vh;overflow-y:auto}.cls_modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--color_border);background:var(--color_bg_secondary)}.cls_sidebar-overlay{position:fixed;inset:0;background:#00000080;display:flex;z-index:1000;padding:0}.cls_sidebar-panel{background:var(--color_bg_card);box-shadow:var(--shadow_lg);height:100vh;overflow:hidden;display:flex;flex-direction:column;width:500px;max-width:90vw;animation:slideIn .3s ease-out}.cls_sidebar-panel--right{margin-left:auto;border-radius:var(--radius_lg) 0 0 var(--radius_lg)}.cls_sidebar-panel--left{margin-right:auto;border-radius:0 var(--radius_lg) var(--radius_lg) 0}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.cls_sidebar-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color_border);flex-shrink:0}.cls_sidebar-title{font-size:1.25rem;font-weight:700;color:var(--color_text_primary);margin:0}.cls_sidebar-subtitle{margin:4px 0 0;font-size:14px;color:var(--color_success);font-weight:500}.cls_sidebar-close{padding:.5rem;border:none;background:none;color:var(--color_text_muted);cursor:pointer;border-radius:var(--radius_md);transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:1.5rem;width:2rem;height:2rem}.cls_sidebar-close:hover{background:var(--color_bg_hover);color:var(--color_text_primary)}.cls_sidebar-content{flex:1;padding:2rem;overflow-y:auto;background:var(--color_bg_primary)}.cls_sidebar-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--color_border);background:var(--color_bg_secondary);flex-shrink:0}.cls_sidebar-loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--color_text_secondary);font-size:.9375rem}.cls_sidebar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--color_text_secondary)}.cls_sidebar-empty svg{color:var(--color_text_muted);margin-bottom:1rem;opacity:.5}.cls_sidebar-empty h3{font-size:1.125rem;font-weight:600;color:var(--color_text_primary);margin:0 0 .5rem}.cls_sidebar-empty p{font-size:.9375rem;color:var(--color_text_secondary);margin:0;line-height:1.6}@media(max-width:768px){.cls_sidebar-panel{width:100vw;max-width:100vw;border-radius:0}.cls_sidebar-panel--right,.cls_sidebar-panel--left{border-radius:0}.cls_sidebar-content{padding:1.5rem}.cls_sidebar-header,.cls_sidebar-footer{padding:1rem 1.5rem}}@media(max-width:1200px){.cls_toolbar{flex-direction:column;align-items:stretch}.cls_toolbar-left,.cls_toolbar-right{width:100%;justify-content:space-between}.cls_search-box{max-width:100%;flex:1}}@media(max-width:768px){.cls_products-table{font-size:.8125rem}.cls_products-table th,.cls_products-table td{padding:.75rem .875rem}.cls_action-buttons{flex-wrap:wrap}.cls_toolbar-right{flex-direction:column;gap:.75rem}.cls_modal-body{padding:1.5rem;max-height:60vh}}@media(max-width:640px){.cls_stat-card{padding:1.25rem}.cls_stat-icon{width:2.5rem;height:2.5rem}.cls_stat-value{font-size:1.25rem}.cls_products-table{display:block;overflow-x:auto;white-space:nowrap}.cls_customer-email,.cls_customer-phone,.cls_customer-location{font-size:.8125rem}}.cls_settings-page{padding:2rem;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.doc-link-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;background:transparent;border:none;border-radius:6px;color:var(--color_accent);cursor:pointer;transition:all .2s ease;opacity:.8}.doc-link-btn:hover{opacity:1;background:var(--color_bg_hover);border-color:var(--color_accent);transform:translateY(-1px)}.doc-link-btn svg{color:var(--color_accent)}[data-theme=night] .doc-link-btn{border-color:#ffffff1a}[data-theme=night] .doc-link-btn:hover{background:#ffffff0d;border-color:var(--color_accent)}.cls_settings-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--color_border);overflow-x:auto}.cls_settings-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--color_text_muted);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.cls_settings-tab:hover{color:var(--color_accent);background:var(--color_bg_hover)}.cls_settings-tab.cls_tab-active{color:var(--color_accent);border-bottom-color:var(--color_accent)}.cls_settings-tab svg{flex-shrink:0}.cls_settings-content{background:var(--color_bg_card);border-radius:.75rem;padding:2rem;box-shadow:0 1px 3px #0000001a;max-height:calc(100vh - 280px);overflow-y:auto;overflow-x:auto;width:100%;box-sizing:border-box;margin:0 auto}[data-theme=light] .cls_settings-content{background:#fff;box-shadow:0 1px 3px #0000001a}[data-theme=light] .cls_form-input,[data-theme=light] .cls_form-textarea,[data-theme=light] .billing-config-tab input,[data-theme=light] .billing-config-tab textarea{background:#fff;border-color:#e5e7eb;color:#111827}[data-theme=light] .cls_info-item,[data-theme=light] .cls_notification-item{background:#f9fafb}[data-theme=dark] .cls_settings-content{background:var(--color_bg_card);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .cls_form-input,[data-theme=dark] .cls_form-textarea{background:var(--color_bg_card);border-color:var(--color_border);color:var(--color_text_primary)}[data-theme=dark] .cls_info-item,[data-theme=dark] .cls_notification-item{background:#ffffff0d}[data-theme=dark] .cls_notification-item:hover{background:#ffffff14}[data-theme=dark] .cls_alert-item{background:#ffffff0d}@media(max-width:768px){.cls_settings-page{padding:1rem}.cls_settings-content{padding:1.5rem}.cls_settings-tabs{gap:.25rem}.cls_settings-tab{padding:.75rem 1rem;font-size:.875rem}.cls_profile-header{flex-direction:column;gap:1.5rem}.cls_profile-avatar-section{flex-direction:column;text-align:center}.cls_form-grid,.cls_info-grid{grid-template-columns:1fr}.cls_form-actions{flex-direction:column-reverse}.cls_btn-primary,.cls_btn-secondary{width:100%;justify-content:center}}.cls_badge--purple{background:#9333ea1a;color:#9333ea;border:1px solid rgba(147,51,234,.2)}.cls_timestamp-cell{display:flex;flex-direction:column;gap:.25rem}.cls_timestamp-main{font-weight:500;color:var(--color_text_primary);font-size:.875rem}.cls_timestamp-relative{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--color_text_muted)}.cls_user-cell{display:flex;flex-direction:column;gap:.25rem}.cls_user-info{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--color_text_primary)}.cls_device-info{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--color_text_muted)}.cls_ip-address{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.7rem}.cls_details-cell{display:flex;flex-direction:column;gap:.25rem;max-width:300px}.cls_details-text{color:var(--color_text_primary);line-height:1.4}.cls_collection-info{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--color_text_muted)}.cls_source-badge{padding:.25rem .5rem;border-radius:var(--radius_sm);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.cls_source-badge--activity_log{background:#22c55e1a;color:#22c55e}.cls_source-badge--auth_logs{background:#f59e0b1a;color:#f59e0b}.cls_source-badge--generated{background:#6b72801a;color:#6b7280}.cls_source-badge--unknown{background:#ef44441a;color:#ef4444}.cls_log-details{display:flex;flex-direction:column;gap:1.5rem}.cls_detail-group{display:flex;flex-direction:column;gap:.5rem}.cls_detail-group label{font-size:.875rem;font-weight:600;color:var(--color_text_secondary);text-transform:uppercase;letter-spacing:.05em}.cls_detail-group span{color:var(--color_text_primary);font-size:.9375rem}.cls_details-full{background:var(--color_bg_secondary);padding:1rem;border-radius:var(--radius_md);border:1px solid var(--color_border);color:var(--color_text_primary);line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.cls_user-agent{background:var(--color_bg_secondary);padding:.75rem;border-radius:var(--radius_md);border:1px solid var(--color_border);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem;color:var(--color_text_primary);line-height:1.4;word-break:break-all}.cls_monospace{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem;background:var(--color_bg_secondary);padding:.25rem .5rem;border-radius:var(--radius_sm);border:1px solid var(--color_border)}.btn-primary,.btn-secondary,.btn-danger,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none;white-space:nowrap}.btn-primary{background:var(--accent_primary, #4F46E5);color:#fff;border:1px solid var(--accent_primary, #4F46E5)}.btn-primary:hover:not(:disabled){background:var(--accent_dark, #3730A3);border-color:var(--accent_dark, #3730A3);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e540}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background:#9ca3af;border-color:#9ca3af;color:#e5e7eb;cursor:not-allowed;opacity:.6}.btn-primary svg{color:#fff;stroke:#fff}.btn-secondary{background:var(--color_bg_card, #ffffff);color:var(--color_text_primary, #1f2937);border:1px solid var(--color_border, #e5e7eb)}.btn-secondary:hover:not(:disabled){background:var(--color_bg_hover, #f9fafb);border-color:var(--color_border_hover, #d1d5db);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-danger{background:var(--color_warning_red, #EF4444);color:#fff;border:1px solid var(--color_warning_red, #EF4444)}.btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444440}.btn-danger:active:not(:disabled){transform:translateY(0)}.btn-danger:disabled{background:#fca5a5;border-color:#fca5a5;cursor:not-allowed;opacity:.6}.btn-outline{background:transparent;color:var(--color_text_primary, #1f2937);border:1px solid var(--color_border, #e5e7eb)}.btn-outline:hover:not(:disabled){background:var(--color_bg_hover, #f9fafb);border-color:var(--accent_primary, #4F46E5);color:var(--accent_primary, #4F46E5)}.btn-full{width:100%}.btn-icon{padding:.625rem;min-width:auto;gap:0}.form-field label,.form-group label{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;cursor:pointer!important;display:inline-block!important}.no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--color_text_secondary);text-align:center;width:100%;min-height:200px}.no-data-icon{margin-bottom:1rem;opacity:.5;color:var(--color_text_muted);display:flex;align-items:center;justify-content:center}.no-data-text{font-size:1.1rem;font-weight:500;margin-bottom:.5rem;color:var(--color_text_primary)}.no-data-subtext{font-size:.9rem;color:var(--color_text_secondary)}.cls_theme-selector-container{padding:.75rem 0;border-top:1px solid var(--color_border)}.cls_theme-appearance-section,.cls_theme-accent-section{margin-bottom:1rem}.cls_theme-section-title{font-size:.875rem;font-weight:600;color:var(--color_text_primary);margin-bottom:.75rem;padding:0 .75rem}.cls_theme-mode-container{display:flex;gap:.5rem;padding:0 .75rem}.cls_theme-mode-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem .5rem;border:2px solid var(--color_border);border-radius:var(--radius_md);cursor:pointer;transition:all .2s ease;background-color:var(--color_bg_card)}.cls_theme-mode-option:hover{border-color:var(--accent_primary);background-color:var(--accent_bg)}.cls_theme-mode-option.cls_theme-mode-selected{border-color:var(--accent_primary);background-color:var(--accent_bg);box-shadow:0 0 0 3px #4f46e51a}.cls_theme-mode-icon{color:var(--color_text_secondary);display:flex;align-items:center;justify-content:center}.cls_theme-mode-option.cls_theme-mode-selected .cls_theme-mode-icon{color:var(--accent_primary)}.cls_theme-mode-text{font-size:.75rem;font-weight:500;color:var(--color_text_secondary);text-align:center}.cls_theme-mode-option.cls_theme-mode-selected .cls_theme-mode-text{color:var(--accent_primary);font-weight:600}.cls_theme-accent-container{display:flex;gap:.75rem;padding:0 .75rem}.cls_theme-accent-option{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center}.cls_theme-accent-option input[type=radio]{position:absolute;opacity:0;cursor:pointer}.cls_theme-accent-checkmark{width:2rem;height:2rem;border-radius:50%;border:3px solid transparent;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative}.cls_theme-accent-checkmark:after{content:"";position:absolute;width:.5rem;height:.5rem;border-radius:50%;background-color:var(--color_white);opacity:0;transition:opacity .2s ease}.cls_theme-accent-option input[type=radio]:checked~.cls_theme-accent-checkmark{border-color:currentColor;box-shadow:0 0 0 3px currentColor;opacity:.2}.cls_theme-accent-option input[type=radio]:checked~.cls_theme-accent-checkmark:after{opacity:1}.cls_theme-accent-option:hover .cls_theme-accent-checkmark{transform:scale(1.1)}.cls_accent-professional-blue{background-color:#2563eb;color:#2563eb}.cls_accent-blue{background-color:#4f46e5;color:#4f46e5}.cls_accent-red{background-color:#ef4444;color:#ef4444}.cls_accent-green{background-color:#10b981;color:#10b981}.cls_accent-custom{background-color:#6b7280;color:#6b7280;position:relative;display:flex;align-items:center;justify-content:center}.cls_palette-icon{color:#fff;position:absolute;z-index:1}.cls_custom-color-picker{margin-top:1rem;padding:0 .75rem}.cls_custom-color-label{display:block;font-size:.875rem;font-weight:500;color:var(--color_text_secondary);margin-bottom:.5rem}.cls_custom-color-input-wrapper{display:flex;gap:.5rem;align-items:center}.cls_custom-color-input{width:3rem;height:2.5rem;border:2px solid var(--color_border);border-radius:var(--radius_md);cursor:pointer;background:transparent}.cls_custom-color-input::-webkit-color-swatch-wrapper{padding:2px}.cls_custom-color-input::-webkit-color-swatch{border-radius:4px;border:none}.cls_custom-color-input::-moz-color-swatch{border-radius:4px;border:none}.cls_custom-color-text{flex:1;padding:.5rem .75rem;border:2px solid var(--color_border);border-radius:var(--radius_md);font-size:.875rem;font-family:Monaco,Courier New,monospace;color:var(--color_text_primary);background-color:var(--color_bg_card);transition:border-color .2s ease}.cls_custom-color-text:focus{outline:none;border-color:var(--accent_primary);box-shadow:0 0 0 3px var(--accent_bg)}.cls_custom-color-option .cls_theme-accent-checkmark{overflow:hidden}@media(max-width:768px){.cls_theme-mode-container{gap:.375rem}.cls_theme-mode-option{padding:.5rem .375rem}.cls_theme-mode-icon{font-size:1rem}.cls_theme-mode-text{font-size:.625rem}.cls_theme-accent-container{gap:.5rem}.cls_theme-accent-checkmark{width:1.75rem;height:1.75rem}}.cls_offline-banner{position:fixed;top:0;left:0;right:0;z-index:9999;padding:12px 20px;display:flex;justify-content:center;align-items:center;animation:slideDown .3s ease-out;box-shadow:0 2px 8px #00000026}.cls_offline-banner--warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.cls_offline-banner--success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.cls_offline-banner-content{display:flex;align-items:center;gap:12px;max-width:1200px;width:100%}.cls_offline-banner-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:pulse 2s ease-in-out infinite}.cls_offline-banner--success .cls_offline-banner-icon{animation:none}.cls_offline-banner-text{display:flex;flex-direction:column;gap:2px;flex:1}.cls_offline-banner-title{font-weight:600;font-size:14px;line-height:1.2}.cls_offline-banner-message{font-size:13px;line-height:1.3;opacity:.95}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media(max-width:768px){.cls_offline-banner{padding:10px 16px}.cls_offline-banner-content{gap:10px}.cls_offline-banner-icon{display:none}.cls_offline-banner-title{font-size:13px}.cls_offline-banner-message{font-size:12px;display:none}}@media(max-width:480px){.cls_offline-banner-text{text-align:center}.cls_offline-banner-title{font-size:12px}}body:has(.cls_offline-banner) .cls_dashboard-container{padding-top:0}[data-theme=dark] .cls_offline-banner--warning,[data-theme=night] .cls_offline-banner--warning{background:linear-gradient(135deg,#d97706,#b45309)}[data-theme=dark] .cls_offline-banner--success,[data-theme=night] .cls_offline-banner--success{background:linear-gradient(135deg,#059669,#047857)}.toast{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:320px;max-width:500px;position:fixed;z-index:999999;animation:toastSlideIn .3s cubic-bezier(.4,0,.2,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:all .3s ease}.toast-top-right{top:24px;right:24px}.toast-top-left{top:24px;left:24px}.toast-bottom-right{bottom:24px;right:24px}.toast-bottom-left{bottom:24px;left:24px}.toast-top-center{top:24px;left:50%;transform:translate(-50%)}.toast-bottom-center{bottom:24px;left:50%;transform:translate(-50%)}.toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid rgba(255,255,255,.2)}.toast-success .toast-icon{color:#fff}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:1px solid rgba(255,255,255,.2)}.toast-error .toast-icon{color:#fff}.toast-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:1px solid rgba(255,255,255,.2)}.toast-warning .toast-icon{color:#fff}.toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:1px solid rgba(255,255,255,.2)}.toast-info .toast-icon{color:#fff}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:toastIconPop .4s cubic-bezier(.68,-.55,.265,1.55)}.toast-message{flex:1;font-size:14px;font-weight:500;line-height:1.5;word-wrap:break-word}.toast-close{display:flex;align-items:center;justify-content:center;background:#fff3;border:none;border-radius:6px;width:28px;height:28px;cursor:pointer;color:#fff;transition:all .2s ease;flex-shrink:0}.toast-close:hover{background:#ffffff4d;transform:scale(1.1)}.toast-close:active{transform:scale(.95)}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideInTopCenter{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes toastSlideInBottomCenter{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes toastIconPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.toast-top-center{animation:toastSlideInTopCenter .3s cubic-bezier(.4,0,.2,1)}.toast-bottom-center{animation:toastSlideInBottomCenter .3s cubic-bezier(.4,0,.2,1)}@media(max-width:640px){.toast{min-width:calc(100vw - 48px);max-width:calc(100vw - 48px);left:24px!important;right:24px!important;transform:none!important}.toast-top-center,.toast-bottom-center{left:24px!important;transform:none!important}}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:#ffffff80;border-radius:0 0 12px 12px;animation:toastProgress linear}@keyframes toastProgress{0%{width:100%}to{width:0%}}@media(prefers-color-scheme:dark){.toast{box-shadow:0 8px 32px #0000004d,0 4px 16px #0003}}.toast-container{position:fixed;z-index:999999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast-container.top-right{top:24px;right:24px}.toast-container.top-left{top:24px;left:24px}.toast-container.bottom-right{bottom:24px;right:24px}.toast-container.bottom-left{bottom:24px;left:24px}.toast-container.top-center{top:24px;left:50%;transform:translate(-50%)}.toast-container.bottom-center{bottom:24px;left:50%;transform:translate(-50%)}.toast-container .toast{pointer-events:auto;position:relative}.cls_coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:4rem 2rem;text-align:center;animation:fadeIn .6s ease-in}.cls_coming-soon--compact{min-height:300px;padding:2.5rem 1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cls_coming-soon-icon{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;margin-bottom:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 10px 40px #667eea4d;animation:float 3s ease-in-out infinite;position:relative}.cls_coming-soon--compact .cls_coming-soon-icon{width:90px;height:90px;margin-bottom:1.5rem}.cls_coming-soon-icon:before{content:"";position:absolute;inset:-4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;opacity:.3;z-index:-1;animation:pulse 2s ease-in-out infinite}.cls_coming-soon-icon svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.1}}.cls_coming-soon-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;letter-spacing:-.5px}.cls_coming-soon--compact .cls_coming-soon-title{font-size:2rem}.cls_coming-soon-message{font-size:1.125rem;color:var(--color_text_secondary, #6b7280);max-width:500px;margin:0 auto 2.5rem;line-height:1.6}.cls_coming-soon--compact .cls_coming-soon-message{font-size:1rem;margin-bottom:1.5rem}.cls_coming-soon-features{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.cls_coming-soon--compact .cls_coming-soon-features{margin-bottom:0}.cls_feature-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color_bg_card, #ffffff);border:2px solid var(--color_gray_200, #e5e7eb);border-radius:50px;font-size:.875rem;font-weight:600;color:var(--color_text_primary, #1f2937);transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.cls_feature-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea33;border-color:#667eea}.cls_feature-badge svg{color:#667eea;flex-shrink:0}.cls_coming-soon-note{font-size:.9375rem;color:var(--color_text_tertiary, #9ca3af);font-style:italic;max-width:400px;margin:0 auto}[data-theme=dark] .cls_coming-soon-icon{box-shadow:0 10px 40px #667eea66}[data-theme=dark] .cls_feature-badge{background:var(--color_bg_secondary, #1f2937);border-color:var(--color_gray_700, #374151)}[data-theme=dark] .cls_feature-badge:hover{border-color:#667eea}@media(max-width:768px){.cls_coming-soon{padding:3rem 1.5rem;min-height:350px}.cls_coming-soon--compact{padding:2rem 1rem;min-height:250px}.cls_coming-soon-icon{width:100px;height:100px;margin-bottom:1.5rem}.cls_coming-soon--compact .cls_coming-soon-icon{width:80px;height:80px}.cls_coming-soon-icon svg{width:48px;height:48px}.cls_coming-soon--compact .cls_coming-soon-icon svg{width:40px;height:40px}.cls_coming-soon-title{font-size:2rem}.cls_coming-soon--compact .cls_coming-soon-title{font-size:1.75rem}.cls_coming-soon-message{font-size:1rem;margin-bottom:2rem}.cls_coming-soon--compact .cls_coming-soon-message{font-size:.9375rem}.cls_coming-soon-features{gap:.75rem}.cls_feature-badge{padding:.625rem 1.25rem;font-size:.8125rem}}@media(max-width:480px){.cls_coming-soon{padding:2rem 1rem}.cls_coming-soon--compact{padding:1.5rem .75rem}.cls_coming-soon-icon{width:80px;height:80px}.cls_coming-soon--compact .cls_coming-soon-icon{width:70px;height:70px}.cls_coming-soon-icon svg{width:40px;height:40px}.cls_coming-soon--compact .cls_coming-soon-icon svg{width:36px;height:36px}.cls_coming-soon-title{font-size:1.75rem}.cls_coming-soon--compact .cls_coming-soon-title{font-size:1.5rem}.cls_coming-soon-features{flex-direction:column;align-items:center}.cls_feature-badge{width:100%;max-width:250px;justify-content:center}}.ai-assistant-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:28px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 20px #6366f166;transition:all .3s ease;z-index:9998}.ai-assistant-fab:hover{transform:scale(1.05);box-shadow:0 6px 30px #6366f180}.ai-assistant-fab.active{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 4px 20px #47556966}.fab-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);animation:pulse 2s infinite;z-index:-1}@keyframes pulse{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:0}to{transform:scale(1);opacity:0}}.ai-assistant-window{position:fixed;bottom:96px;right:24px;width:380px;max-height:600px;background:var(--color_bg_card, #ffffff);border-radius:16px;box-shadow:0 10px 50px #0003;display:flex;flex-direction:column;z-index:9999;animation:slideUp .3s ease-out;overflow:hidden}.ai-assistant-window.minimized{max-height:auto}.ai-assistant-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:16px 16px 0 0}.ai-header-info{display:flex;align-items:center;gap:12px}.ai-avatar{width:40px;height:40px;border-radius:12px;background:#fff3;display:flex;align-items:center;justify-content:center}.ai-header-text h4{margin:0;font-size:1rem;font-weight:600}.ai-status{display:flex;align-items:center;gap:6px;font-size:.75rem;opacity:.9}.status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;animation:statusPulse 2s infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.ai-header-actions{display:flex;gap:4px}.ai-header-btn{width:32px;height:32px;border-radius:8px;background:#ffffff1a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease}.ai-header-btn:hover{background:#fff3}.ai-header-btn .rotated{transform:rotate(180deg)}.ai-assistant-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;max-height:380px;background:var(--color_bg_secondary, #f8fafc)}.ai-message{display:flex;gap:8px;max-width:90%}.ai-message.user{align-self:flex-end;flex-direction:row-reverse}.ai-message.assistant{align-self:flex-start}.ai-message.error{align-self:center}.ai-message-avatar{width:28px;height:28px;min-width:28px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff}.ai-message-content{padding:12px 16px;border-radius:16px;font-size:.875rem;line-height:1.6}.ai-message.user .ai-message-content{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-bottom-right-radius:4px}.ai-message.assistant .ai-message-content{background:var(--color_bg_card, #ffffff);color:var(--color_text_primary, #1e293b);border:1px solid var(--color_border, #e2e8f0);border-bottom-left-radius:4px}.ai-message.error .ai-message-content{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.ai-message.action{align-self:center}.ai-message.action .ai-message-content{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:20px;padding:8px 16px;font-size:.8125rem;font-weight:500}.ai-message-avatar.action{background:linear-gradient(135deg,#10b981,#059669)}.action-indicator{animation:pulse-indicator 1s ease-in-out infinite}@keyframes pulse-indicator{0%,to{opacity:1}50%{opacity:.5}}.ai-message-bullet,.ai-message-numbered{padding-left:8px;margin:4px 0}.ai-message-content.loading{padding:16px 20px}.typing-indicator{display:flex;gap:4px}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#6366f1;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}.ai-quick-actions{padding:12px 0}.quick-actions-label{font-size:.75rem;color:var(--color_text_secondary, #64748b);margin:0 0 8px}.quick-actions-grid{display:flex;flex-wrap:wrap;gap:8px}.quick-action-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--color_bg_card, #ffffff);border:1px solid var(--color_border, #e2e8f0);border-radius:20px;font-size:.75rem;color:var(--color_text_primary, #1e293b);cursor:pointer;transition:all .2s ease}.quick-action-btn:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent;transform:translateY(-1px)}.quick-action-icon{font-size:1rem}.ai-assistant-input{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;background:var(--color_bg_card, #ffffff);border-top:1px solid var(--color_border, #e2e8f0)}.ai-assistant-input textarea{flex:1;padding:10px 14px;border:1px solid var(--color_border, #e2e8f0);border-radius:12px;font-size:.875rem;resize:none;max-height:100px;background:var(--color_bg_secondary, #f8fafc);color:var(--color_text_primary, #1e293b);font-family:inherit;line-height:1.4}.ai-assistant-input textarea:focus{outline:none;border-color:#6366f1;background:var(--color_bg_card, #ffffff)}.ai-assistant-input textarea::placeholder{color:var(--color_text_secondary, #94a3b8)}.ai-send-btn{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease}.ai-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #6366f166}.ai-send-btn:disabled{opacity:.5;cursor:not-allowed}.ai-send-btn .spinning{animation:spin 1s linear infinite}.ai-assistant-footer{padding:8px 16px;text-align:center;font-size:.625rem;color:var(--color_text_muted, #94a3b8);background:var(--color_bg_secondary, #f8fafc);border-top:1px solid var(--color_border, #e2e8f0);border-radius:0 0 16px 16px}[data-theme=night] .ai-assistant-window,.night .ai-assistant-window{background:#1e293b;box-shadow:0 10px 50px #00000080}[data-theme=night] .ai-assistant-messages,.night .ai-assistant-messages{background:#0f172a}[data-theme=night] .ai-message.assistant .ai-message-content,.night .ai-message.assistant .ai-message-content{background:#1e293b;color:#f1f5f9;border-color:#334155}[data-theme=night] .ai-assistant-input,.night .ai-assistant-input{background:#1e293b;border-color:#334155}[data-theme=night] .ai-assistant-input textarea,.night .ai-assistant-input textarea{background:#0f172a;color:#f1f5f9;border-color:#334155}[data-theme=night] .ai-assistant-input textarea:focus,.night .ai-assistant-input textarea:focus{background:#1e293b}[data-theme=night] .ai-assistant-footer,.night .ai-assistant-footer{background:#1e293b;border-color:#334155}[data-theme=night] .quick-action-btn,.night .quick-action-btn{background:#1e293b;color:#f1f5f9;border-color:#334155}@media(max-width:480px){.ai-assistant-window{bottom:80px;right:12px;left:12px;width:auto;max-height:calc(100vh - 120px)}.ai-assistant-fab{bottom:16px;right:16px;width:52px;height:52px}}.ai-assistant-messages::-webkit-scrollbar{width:6px}.ai-assistant-messages::-webkit-scrollbar-track{background:transparent}.ai-assistant-messages::-webkit-scrollbar-thumb{background:var(--color_border, #cbd5e1);border-radius:3px}.ai-assistant-messages::-webkit-scrollbar-thumb:hover{background:var(--color_text_muted, #94a3b8)}.ai-settings-panel{background:var(--color_bg_secondary, #f8fafc);padding:12px 16px;border-bottom:1px solid var(--color_border, #e2e8f0);animation:slideDown .2s ease-out}.ai-settings-panel h5{margin:0 0 8px;font-size:.75rem;color:var(--color_text_secondary, #64748b);text-transform:uppercase;letter-spacing:.05em}.provider-options{display:flex;gap:8px;margin-bottom:8px}.provider-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border:1px solid var(--color_border, #e2e8f0);border-radius:8px;background:var(--color_bg_card, #ffffff);color:var(--color_text_primary, #1e293b);font-size:.8125rem;cursor:pointer;transition:all .2s ease}.provider-btn:hover{background:var(--color_bg_hover, #f1f5f9)}.provider-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent;box-shadow:0 2px 8px #6366f14d}.settings-note{margin:0;font-size:.7rem;color:var(--color_text_muted, #94a3b8);line-height:1.4}.ai-avatar.local{background:linear-gradient(135deg,#ec4899,#d946ef)}.ai-message-avatar.system{background:#64748b}.status-dot.orange{background:#f59e0b;animation:none}.download-progress{display:flex;flex-direction:column;gap:8px;width:100%;min-width:200px}.download-progress span{font-size:.75rem;color:var(--color_text_secondary, #64748b)}.progress-bar{height:6px;background:var(--color_border, #e2e8f0);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;transition:width .3s ease}.progress-text{align-self:flex-end;font-weight:600}[data-theme=night] .status-dot.orange,.night .status-dot.orange{background:#fbbf24}[data-theme=night] .ai-settings-panel,.night .ai-settings-panel{background:#0f172a;border-color:#334155}[data-theme=night] .provider-btn,.night .provider-btn{background:#1e293b;border-color:#334155;color:#f1f5f9}[data-theme=night] .provider-btn:hover,[data-theme=night] .progress-bar,.night .progress-bar{background:#334155}.custom-dropdown{position:relative;display:inline-block;width:100%}.custom-dropdown-label{display:block;font-size:.875rem;font-weight:500;color:var(--color_text_secondary);margin-bottom:.25rem;white-space:nowrap}.custom-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:2px solid var(--color_border);border-radius:var(--radius_md);font-size:.875rem;background:var(--color_bg_card);color:var(--color_text_primary);min-width:140px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.custom-dropdown-trigger:hover{border-color:var(--color_text_muted);background:var(--color_bg_hover)}.custom-dropdown-trigger:focus{outline:none;border-color:var(--color_accent);box-shadow:0 0 0 3px var(--color_accent_bg);transform:translateY(-1px)}.custom-dropdown-trigger.open{border-color:var(--color_accent);box-shadow:0 0 0 3px var(--color_accent_bg)}.custom-dropdown-trigger.disabled{opacity:.6;cursor:not-allowed;background:var(--color_bg_secondary)}.custom-dropdown-value{color:var(--color_text_primary);flex:1;text-align:left}.custom-dropdown-icon{color:var(--color_text_muted);transition:transform .2s ease;flex-shrink:0;margin-left:.5rem}.custom-dropdown-icon.rotate{transform:rotate(180deg)}.custom-dropdown-menu{position:absolute;top:100%;left:0;right:0;z-index:9999;background:var(--color_bg_card);border:2px solid var(--color_accent);border-radius:var(--radius_md);box-shadow:var(--shadow_lg);margin-top:.25rem;max-height:200px;overflow-y:auto;animation:dropdownSlideIn .15s ease-out}.custom-dropdown-menu-portal{position:absolute!important}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown-search{padding:8px;border-bottom:1px solid var(--color_border);position:sticky;top:0;background:var(--color_bg_card);z-index:1}.custom-dropdown-list{padding:.25rem 0}.custom-dropdown-option{padding:.75rem 1rem;font-size:.875rem;color:var(--color_text_primary);cursor:pointer;transition:all .1s ease;-webkit-user-select:none;user-select:none}.custom-dropdown-option:hover{background:var(--color_bg_hover);color:var(--color_accent)}.custom-dropdown-option:focus{outline:none;background:var(--color_bg_hover);color:var(--color_accent)}.custom-dropdown-option.selected{background:var(--color_accent);color:var(--color_white)}.custom-dropdown-option.selected:hover{background:var(--color_accent);color:var(--color_white);opacity:.9}.custom-dropdown-option.highlighted{background:var(--color_bg_hover);color:var(--color_accent)}.custom-dropdown-option.selected.highlighted{background:var(--color_accent);color:var(--color_white);opacity:.9}.custom-dropdown-menu::-webkit-scrollbar{width:4px}.custom-dropdown-menu::-webkit-scrollbar-track{background:var(--color_bg_secondary)}.custom-dropdown-menu::-webkit-scrollbar-thumb{background:var(--color_border);border-radius:2px}.custom-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--color_text_muted)}.cls_filter-group .custom-dropdown{width:100%}.cls_filter-group .custom-dropdown-trigger{width:100%;min-width:140px}.cls_page-wrapper:has(.custom-tab-page){display:flex;flex-direction:column;height:100vh;overflow:hidden}.custom-tab-page{padding:0;background:transparent;flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.custom-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px;padding:6px 50px 0;flex-shrink:0}.stat-card-wrapper{height:160px;animation:fadeIn .3s ease}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.spinning,.spin{animation:spin 1s linear infinite}.refresh-info{display:flex;align-items:center;gap:12px;color:var(--color_text_muted, #6b7280);font-size:13px}.refresh-info strong{color:var(--color_text, #1f2937);font-weight:600}.refresh-info button:disabled{opacity:.6;cursor:not-allowed}.page-refresh-controls .refresh-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s ease}.page-refresh-controls .refresh-btn:disabled{opacity:.6;cursor:not-allowed}.page-refresh-controls .refresh-time-info{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--color_text_muted, #6b7280);text-align:right}.page-refresh-controls .last-updated{font-size:14px}.page-refresh-controls .last-updated strong{color:var(--color_text);font-weight:600}.page-refresh-controls .auto-refresh-interval{font-size:12px;opacity:.7}@media(max-width:768px){.page-refresh-controls{flex-direction:column;align-items:flex-end;gap:8px}.page-refresh-controls .refresh-btn,.page-refresh-controls .refresh-time-info{width:100%}}.custom-page-header{margin-bottom:24px;padding:0 24px;flex-shrink:0}.custom-tabs{display:flex;gap:8px;border-bottom:2px solid var(--color_border, #e5e7eb);flex-wrap:wrap}.custom-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;color:var(--color_text_muted, #6b7280);background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;bottom:-2px}.custom-tab:hover{color:var(--color_text, #1f2937);background:var(--color_background_hover, rgba(0, 0, 0, .02))}[data-theme=night] .custom-tab:hover{color:var(--color_text, #f1f5f9)}.custom-tab.active{color:var(--accent_primary, #10b981);border-bottom-color:var(--accent_primary, #10b981);background:var(--accent_primary_subtle, rgba(16, 185, 129, .08));font-weight:600}.custom-tab i{font-size:16px}.custom-table-container{padding:0 24px 24px;background:var(--color_bg_card, #ffffff);border-radius:8px;margin:0 24px 24px;flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.custom-table-container .toolbar-actions .btn{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;padding:.625rem 1rem}.custom-table-container .toolbar-actions .btn svg{width:16px;height:16px}.custom-table-container .toolbar-actions .btn-primary{background:var(--accent_primary, #10b981);color:#fff;border-color:var(--accent_primary, #10b981)}.custom-table-container .toolbar-actions .btn-primary:hover{background:var(--accent_primary_dark, #059669);border-color:var(--accent_primary_dark, #059669)}.export-dropdown{position:relative}.export-menu{display:none;position:absolute;top:100%;right:0;margin-top:4px;background:var(--color_background, #ffffff);border:1px solid var(--color_border, #e5e7eb);border-radius:6px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:100;min-width:160px}.export-dropdown:hover .export-menu{display:block}.export-menu button{display:block;width:100%;text-align:left;padding:10px 16px;font-size:14px;color:var(--color_text, #1f2937);background:transparent;border:none;cursor:pointer;transition:background .2s ease}.export-menu button:hover{background:var(--color_background_hover, #f9fafb)}.export-menu button:first-child{border-radius:6px 6px 0 0}.export-menu button:last-child{border-radius:0 0 6px 6px}.modal-content.add-record-modal,.modal-content.edit-record-modal,.modal-content.multi-product-modal,.modal-content.delete-confirm-modal,.modal-content.sync-back-modal,.modal-content.print-preview-modal{width:85vw!important;max-width:1400px!important;height:90vh!important;max-height:92vh!important;display:flex!important;flex-direction:column!important}.modal-content.add-record-modal .modal-body,.modal-content.edit-record-modal .modal-body,.modal-content.delete-confirm-modal .modal-body,.modal-content.sync-back-modal .modal-body,.modal-content.print-preview-modal .modal-body{flex:1;overflow-y:auto}.modal-content.multi-product-modal .modal-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.modal-body{padding:30px}.modal-content.multi-product-modal .modal-body .multi-product-inventory-form{height:100%;display:flex;flex-direction:column;overflow:hidden}.modal-content.multi-product-modal .modal-body .multi-product-inventory-form form{height:100%;display:flex;flex-direction:column;flex:1;overflow:hidden}.modal-content.multi-product-modal .modal-body .multi-product-inventory-form form .form-scrollable-content{flex:1;overflow-y:auto;padding:24px 24px 0}.modal-content.multi-product-modal .modal-body .multi-product-inventory-form form .form-actions{flex-shrink:0;position:relative;margin:0;width:100%;padding:16px 24px}.multi-product-inventory-form form{padding:0}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.modal-content{background:var(--color_background, #ffffff);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;animation:slideUp .3s ease;width:85vw!important;max-width:1400px!important;height:90vh!important;max-height:92vh!important}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color_border, #e5e7eb);gap:12px}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--color_text_primary, #ffffff);flex:1}.modal-header-actions{display:flex;align-items:center;gap:8px}.modal-header .doc-link-btn,.modal-header .help-btn{display:flex;align-items:center;justify-content:center;height:36px;padding:0 12px;background:#ffffff1a;border-radius:8px;color:#ffffffe6;cursor:pointer;font-size:13px;gap:6px;transition:all .2s ease;text-decoration:none;white-space:nowrap;font-weight:500}.modal-header .doc-link-btn svg,.modal-header .help-btn svg{width:16px;height:16px;flex-shrink:0;stroke:#fff;color:#fff}.modal-header .doc-link-btn:hover,.modal-header .help-btn:hover{background:#fff3;border-color:#fff6;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.modal-header .doc-link-btn:active,.modal-header .help-btn:active{transform:translateY(0)}[data-theme=night] .modal-header .doc-link-btn,[data-theme=night] .modal-header .help-btn{border-color:var(--color_border, #334155);color:var(--color_text_secondary, #94a3b8);background:transparent}[data-theme=night] .modal-header .doc-link-btn:hover,[data-theme=night] .modal-header .help-btn:hover{background:#ffffff0d;border-color:var(--accent_primary, #10b981);color:var(--accent_primary, #10b981)}.close-btn{background:transparent;border:none;font-size:28px;color:var(--color_text_muted, #9ca3af);cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.close-btn:hover{background:var(--color_background_hover, #f3f4f6);color:var(--color_text, #1f2937)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:2px solid var(--color_border, #e5e7eb);flex-shrink:0;background:var(--color_background, #ffffff);position:sticky;bottom:0;z-index:10}.btn-secondary,.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;border-radius:6px;border:1px solid;cursor:pointer;transition:all .2s ease}.btn-secondary{background:var(--color_background, #ffffff);border-color:var(--color_border, #e5e7eb);color:var(--color_text, #1f2937)}.btn-secondary:hover{background:var(--color_background_hover, #f9fafb);border-color:var(--color_border_hover, #d1d5db)}.btn-primary{background:var(--accent_primary, #10b981);border-color:var(--accent_primary, #10b981);color:#fff}.btn-primary:hover{background:var(--accent_primary_dark, #059669);border-color:var(--accent_primary_dark, #059669)}.btn-success{background:#27ae60;border:1px solid #27ae60;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-success:hover{background:#229954;border-color:#229954;transform:translateY(-1px);box-shadow:0 2px 8px #27ae604d}.btn-success:active{transform:translateY(0)}form#add-record-form{padding:6vh}.add-record-form,.edit-record-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px;width:100%;padding:30px;max-width:100%}@media(max-width:768px){.add-record-form,.edit-record-form{grid-template-columns:minmax(0,1fr)!important}}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-size:14px;font-weight:500;color:var(--color_text_primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;cursor:pointer;display:inline-block}.form-field .required{color:var(--color_danger);margin-left:4px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;font-size:14px;color:var(--color_text_primary);background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:6px;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color_accent);box-shadow:0 0 0 3px var(--color_accent_bg)}.form-input:disabled,.form-input:read-only,.form-select:disabled,.form-textarea:disabled,.form-textarea:read-only{background:var(--color_bg_secondary);color:var(--color_text_secondary);cursor:not-allowed;opacity:.7}.form-input::placeholder,.form-textarea::placeholder{color:var(--color_text_muted);opacity:.8}.form-field .datetime-picker-wrapper{width:100%}.form-field .datetime-picker-trigger{padding:10px 12px;font-size:14px;border-radius:6px}.checkbox-wrapper,.radio-wrapper{display:flex;align-items:center;gap:8px}.form-checkbox,.form-radio{width:18px;height:18px;cursor:pointer}.checkbox-label,.radio-label{font-size:14px;font-weight:400;color:var(--color_text, #1f2937);cursor:pointer;margin:0}.radio-group{display:flex;flex-direction:column;gap:12px}.custom-tab-loading,.custom-tab-error,.no-modules{text-align:center;padding:80px 20px;color:var(--color_text_muted, #9ca3af)}.loading-spinner{width:48px;height:48px;border:4px solid var(--color_border, #e5e7eb);border-top-color:var(--accent_primary, #10b981);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.custom-tab-error p,.no-modules p{font-size:16px;margin:0}@media(max-width:768px){.module-tabs{flex-wrap:nowrap;overflow-x:scroll;-webkit-overflow-scrolling:touch;scrollbar-width:none}.module-tabs::-webkit-scrollbar{display:none}.metrics-grid{grid-template-columns:1fr}}@media(max-width:480px){.custom-tab-container{padding:16px}.module-tab{padding:10px 16px;font-size:14px}}[data-theme=light] .custom-tab-page{background:transparent}[data-theme=light] .custom-table-container{background:var(--color_background, #ffffff)}[data-theme=light] .custom-stats-grid{background:transparent}.table-row-actions{display:flex;gap:8px;align-items:center;justify-content:flex-start}th[data-column-id=actions] .th-content,th[data-column-id=actions] .th-label{justify-content:center}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;background:transparent}.action-btn:hover{transform:translateY(-1px)}.action-btn svg{width:16px;height:16px}.action-btn-view{color:var(--accent_primary, #10b981);background:#10b9811a}.action-btn-view:hover{background:#10b98133;color:var(--accent_primary_dark, #059669)}.action-btn-edit{color:#3b82f6;background:#3b82f61a}.action-btn-edit:hover{background:#3b82f633;color:#2563eb}.action-btn-delete{color:#ef4444;background:#ef44441a}.action-btn-delete:hover{background:#ef444433;color:#dc2626}.action-btn-print{color:#8b5cf6;background:#8b5cf61a}.action-btn-print:hover{background:#8b5cf633;color:#7c3aed}.form-custom-dropdown{position:relative;width:100%}.form-custom-dropdown .custom-dropdown-trigger{width:100%;padding:10px 14px;background:var(--color_bg_card, #ffffff);border:1px solid var(--color_border, #e5e7eb);border-radius:8px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease;font-size:14px;color:var(--color_text_primary, #1f2937);min-height:42px}.form-custom-dropdown .custom-dropdown-trigger:hover{border-color:var(--accent_primary, #10b981);box-shadow:0 0 0 3px #10b9811a}.form-custom-dropdown .custom-dropdown-trigger:focus{outline:none;border-color:var(--accent_primary, #10b981);box-shadow:0 0 0 3px #10b98126}.form-custom-dropdown .custom-dropdown-trigger.open{border-color:var(--accent_primary, #10b981);box-shadow:0 0 0 3px #10b98126}.form-custom-dropdown .custom-dropdown-trigger.disabled{background:var(--color_bg_secondary, #f3f4f6);cursor:not-allowed}.table-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--color_border, #e5e7eb);border-radius:8px;background:var(--color_bg_card, #ffffff);color:var(--color_text_secondary, #6b7280);cursor:pointer;transition:all .2s ease;margin-bottom:0}.table-icon-btn:hover{background:var(--color_background_hover, #f9fafb);color:var(--color_text, #1f2937);border-color:var(--color_border_hover, #d1d5db);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.table-icon-btn:active{transform:translateY(0)}.table-icon-btn svg{width:18px;height:18px}.table-icon-btn-primary{background:var(--accent_primary, #10b981);border-color:var(--accent_primary, #10b981);color:#fff;width:auto;padding:0 16px;gap:8px;font-weight:500;font-size:14px}.table-icon-btn-primary:hover{background:var(--accent_primary_dark, #059669);border-color:var(--accent_primary_dark, #059669);color:#fff;box-shadow:0 4px 6px #10b98133}.tooltip-cell{position:relative}.tooltip-cell[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:8px 12px;background-color:#1e293b;color:#fff;font-size:12px;line-height:1.4;border-radius:6px;white-space:normal;max-width:300px;width:max-content;z-index:1000;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;pointer-events:none;animation:fadeIn .2s ease;margin-bottom:8px}.tooltip-cell[data-tooltip]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#1e293b transparent transparent transparent;z-index:1000;margin-bottom:-4px}.payment-section-container{background:linear-gradient(135deg,var(--color_bg_card) 0%,var(--color_bg_secondary) 100%);border-radius:16px;border:1px solid var(--color_border);padding:.75rem 1.25rem;display:flex;flex-direction:row;align-items:center;gap:1rem;flex-shrink:0;box-shadow:0 -4px 20px #00000014;flex-wrap:wrap}.payment-section-container .payment-section-content{display:flex;flex-direction:row;align-items:center;gap:1rem;padding:0;background:transparent;overflow:visible;flex:1;flex-wrap:wrap}.payment-section-container .payment-method-group{display:flex!important;flex-direction:row!important;align-items:center!important;gap:1rem!important;margin-bottom:0!important}.payment-section-container .payment-method-group label{margin-bottom:0!important;white-space:nowrap!important;font-size:.8rem!important;font-weight:700!important;color:var(--color_text_secondary)!important;text-transform:uppercase!important;letter-spacing:.5px!important}.payment-section-container .payment-methods{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:.5rem!important;grid-template-columns:unset!important}.payment-section-container .payment-method-btn{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.35rem!important;padding:.5rem .75rem!important;border-radius:8px!important;border:1px solid var(--color_border)!important;background:var(--color_bg_card)!important;color:var(--color_text_primary)!important;font-weight:600!important;font-size:.8rem!important;cursor:pointer!important;transition:all .2s ease!important;min-width:auto!important;min-height:auto!important}.payment-section-container .payment-method-btn:hover:not(:disabled){border-color:var(--primary-color, #4a90e2)!important;background:#4a90e214!important;transform:translateY(-1px)!important}.payment-section-container .payment-method-btn.active{border-color:var(--primary-color, #4a90e2)!important;background:var(--primary-color, #4a90e2)!important;color:#fff!important;box-shadow:0 2px 8px #4a90e24d!important}.payment-section-container .payment-method-btn svg{flex-shrink:0!important;width:16px!important;height:16px!important}.payment-section-container .cash-input-group{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.75rem!important;margin-bottom:0!important}.payment-section-container .cash-input-group label{margin-bottom:0!important;white-space:nowrap!important;font-size:.8rem!important;font-weight:600!important;color:var(--color_text_secondary)!important}.payment-section-container .cash-input-group .input-with-icon{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.5rem!important;min-width:120px!important;max-width:150px!important;padding:.4rem .6rem!important;background:var(--color_bg_secondary)!important;border:1px solid var(--color_border)!important;border-radius:6px!important}.payment-section-container .cash-input-group .input-with-icon input{border:none!important;background:transparent!important;padding:0!important;font-size:.85rem!important;font-weight:600!important;width:100%!important}.payment-section-container .cash-input-group .input-with-icon svg{width:14px!important;height:14px!important;flex-shrink:0!important;position:static!important;transform:none!important}.payment-section-container .change-display,.payment-section-container .remaining-display{padding:.4rem .6rem!important;border-radius:6px!important;font-weight:600!important;font-size:.8rem!important;white-space:nowrap!important}.payment-section-container .change-display{background:#27ae601a!important;color:#27ae60!important}.payment-section-container .remaining-display{background:#e74c3c1a!important;color:#e74c3c!important}.payment-section-container .mixed-payment-section{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.75rem!important;padding:0!important;background:transparent!important;border:none!important}.payment-section-container .mixed-payment-section .form-group{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.35rem!important;margin-bottom:0!important;padding:.4rem .6rem!important;background:var(--color_bg_secondary)!important;border-radius:6px!important;border:1px solid var(--color_border)!important}.payment-section-container .mixed-payment-section .form-group:focus-within{border-color:var(--primary-color, #4a90e2)!important;box-shadow:0 0 0 3px #4a90e226!important}.payment-section-container .mixed-payment-section .form-group label{display:inline!important;width:35px!important;min-width:35px!important;max-width:35px!important;font-size:.75rem!important;font-weight:600!important;color:var(--color_text_secondary)!important;white-space:nowrap!important;margin:0!important;text-transform:none!important;letter-spacing:normal!important}.payment-section-container .mixed-payment-section .input-with-icon{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.25rem!important;width:80px!important;min-width:80px!important;max-width:80px!important;border:none!important;background:transparent!important;position:relative!important}.payment-section-container .mixed-payment-section .input-with-icon input{padding:.25rem .4rem .25rem 1.25rem!important;font-size:.85rem!important;font-weight:600!important;background:transparent!important;width:100%!important;flex:1!important;border:none!important}.payment-section-container .mixed-payment-section .input-with-icon svg{position:absolute!important;left:.25rem!important;top:50%!important;transform:translateY(-50%)!important;width:14px!important;height:14px!important;flex-shrink:0!important}.payment-section-container .mixed-payment-summary{display:flex!important;flex-direction:row!important;gap:.5rem!important;align-items:center!important}.payment-section-container .mixed-payment-summary .summary-row{display:inline-flex!important;flex-direction:row!important;gap:.3rem!important;align-items:center!important;white-space:nowrap!important;font-size:.8rem!important;padding:.4rem .6rem!important;border-radius:6px!important;background:var(--color_bg_secondary)!important;border:1px solid var(--color_border)!important}.payment-section-container .mixed-payment-summary .summary-row span:first-child{width:85px!important;font-size:.75rem!important;color:var(--color_text_secondary)!important}.payment-section-container .mixed-payment-summary .summary-row .success{color:#27ae60!important;font-weight:700!important}.payment-section-container .mixed-payment-summary .summary-row .warning{color:#e74c3c!important;font-weight:700!important}.payment-section-container .btn-primary.btn-full{width:auto!important;min-width:fit-content!important;padding:.6rem 1.25rem!important;margin:0 0 0 auto!important;font-size:.85rem!important;font-weight:700!important;border-radius:10px!important;background:linear-gradient(135deg,var(--primary-color, #4a90e2) 0%,#3a7bd5 100%)!important;box-shadow:0 3px 12px #4a90e259!important;transition:all .3s ease!important;text-transform:uppercase!important;letter-spacing:.5px!important;border:none!important;white-space:nowrap!important;flex-shrink:0!important;display:flex!important;align-items:center!important;gap:.5rem!important;color:#fff!important;cursor:pointer!important}.payment-section-container .btn-primary.btn-full:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 6px 20px #4a90e273!important}.payment-section-container .btn-primary.btn-full:active{transform:translateY(0)!important}.payment-section-container .btn-primary.btn-full:disabled{background:var(--color_text_secondary)!important;opacity:.5!important;box-shadow:none!important;cursor:not-allowed!important}.payment-section-container.return .btn-primary.btn-full.btn-return{background:linear-gradient(135deg,#ef5350,#c62828)!important;box-shadow:0 3px 12px #ef535059!important}.payment-section-container.return .btn-primary.btn-full.btn-return:hover:not(:disabled){box-shadow:0 6px 20px #ef535073!important}.billing-page{display:flex;flex-direction:column;height:calc(100vh - 100px - 3rem);overflow:hidden;transition:all .3s ease}.cls_page-wrapper.billing-fullscreen{position:fixed;inset:0;width:100vw;height:100vh;z-index:9999;background:var(--color_bg_primary);overflow:hidden;padding:0!important;margin:0!important;min-height:100vh!important;border-radius:0!important}.cls_page-wrapper.billing-fullscreen .cls_header{display:none!important}.cls_dashboard-container:has(.billing-fullscreen) .cls_sidebar{display:none!important}.cls_dashboard-container:has(.billing-fullscreen) .cls_main-content{margin-left:0!important;width:100%!important;padding:0!important;min-height:100vh!important;height:100vh!important;overflow:hidden!important}.cls_page-wrapper.billing-fullscreen .billing-page{height:100vh!important;max-height:100vh!important;padding:0!important;margin:0!important}.cls_page-wrapper.billing-fullscreen .billing-content{flex:1!important;display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;overflow:hidden!important}.cls_page-wrapper.billing-fullscreen .billing-cart{flex:1!important;max-height:none!important;height:auto!important;min-height:0!important;overflow:hidden!important}.cls_page-wrapper.billing-fullscreen .payment-section-container{flex-shrink:0!important;margin-top:auto!important}.cls_page-wrapper.billing-fullscreen .bill-tabs-section{flex-shrink:0!important;padding:.5rem 1rem 0!important}.billing-search-section{padding:1.5rem 2rem;background:var(--color_bg_card);border-bottom:1px solid var(--color_border);flex-shrink:0;display:flex;gap:1rem;align-items:flex-start;justify-content:space-between;position:relative}.cls_page-wrapper.billing-fullscreen .billing-search-section{padding:1rem 1.5rem}.billing-search-section .search-container{flex:1;max-width:calc(100% - 530px)}.billing-search-section .search-actions{display:flex;gap:.75rem;align-items:center;margin-left:auto}.fullscreen-toggle-btn{padding:.75rem;background:var(--primary-color, #6366f1);color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;width:42px;height:42px}.fullscreen-toggle-btn svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.fullscreen-toggle-btn:hover{background:var(--primary-hover, #4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f140}.search-container{width:100%;position:relative;cursor:text}.header-search-wrapper{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--color_bg_secondary);border:2px solid #b0b7c3;border-radius:12px;transition:all .3s ease;position:relative;z-index:100}.header-search-wrapper input{font-size:1.05rem}.header-search-wrapper:hover{border-color:#8992a1}.header-search-wrapper:focus-within{border-color:var(--primary-color, #4a90e2);box-shadow:0 0 0 3px #4a90e226}.header-search-wrapper svg:first-child{color:var(--primary-color, #4a90e2);flex-shrink:0}.header-search-wrapper input{flex:1;border:none;outline:none;font-size:1rem;color:var(--color_text_primary);background:transparent}.header-search-wrapper input::placeholder{color:var(--color_text_secondary)}.clear-search-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color_bg_secondary);border:none;border-radius:50%;cursor:pointer;color:var(--color_text_secondary);transition:all .2s ease;flex-shrink:0}.clear-search-btn:hover{background:var(--color_text_secondary);color:#fff}.fullscreen-toggle-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color_bg_card);border:2px solid var(--color_border);border-radius:10px;cursor:pointer;color:var(--color_text_primary);transition:all .2s ease;flex-shrink:0}.fullscreen-toggle-btn:hover{background:var(--primary-color, #4a90e2);border-color:var(--primary-color, #4a90e2);color:#fff;transform:scale(1.05)}.billing-page.fullscreen .fullscreen-toggle-btn{background:var(--primary-color, #4a90e2);border-color:var(--primary-color, #4a90e2);color:#fff}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:12px;box-shadow:0 8px 24px #0000001f;margin-top:.5rem;max-height:400px;overflow-y:auto;z-index:1000}.search-result-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--color_border);cursor:pointer;transition:all .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item.selected{background:var(--primary-light, #e3f2fd);border-left:4px solid var(--primary-color, #4a90e2);padding-left:calc(1.25rem - 4px)}.search-result-item.out-of-stock{opacity:.5;cursor:not-allowed}.search-result-item.out-of-stock:hover{background:var(--color_bg_card);border-left:none;padding-left:1.25rem}.search-result-info{flex:1;min-width:0}.search-result-name{font-weight:600;font-size:1rem;color:var(--color_text_primary);margin-bottom:.25rem}.search-result-details{display:flex;gap:1rem;font-size:.875rem}.search-result-category{color:var(--color_text_secondary)}.search-result-barcode{color:var(--text-tertiary, #94a3b8)}.search-result-right{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.search-result-price{font-size:1.125rem;font-weight:700;color:var(--primary-color, #4a90e2)}.search-result-stock{font-size:.8125rem;color:var(--success-color, #16a34a);font-weight:500}.search-result-stock.out-of-stock{color:#ef4444}.search-results-more{padding:.75rem 1.25rem;text-align:center;color:var(--color_text_secondary);font-size:.875rem;font-weight:500;background:var(--color_bg_secondary)}.search-no-results{position:absolute;top:100%;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem;background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:12px;color:var(--color_text_secondary);margin-top:.5rem;box-shadow:0 8px 24px #0000001f;z-index:1000}.billing-content{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.billing-product-search{background:var(--color_bg_card);border-radius:12px;border:1px solid var(--color_border);display:flex;flex-direction:column;overflow:hidden}.search-header{padding:1.25rem;border-bottom:1px solid var(--color_border)}.search-header h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--color_text_primary)}.search-input-wrapper{position:relative;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color_bg_secondary);border-radius:8px;border:1.5px solid #b0b7c3;transition:all .2s ease}.search-input-wrapper:hover{border-color:#8992a1}.search-input-wrapper:focus-within{border-color:var(--primary-color, #4a90e2);box-shadow:0 0 0 2px #4a90e226}.search-input-wrapper svg{color:var(--color_text_secondary);flex-shrink:0}.search-input-wrapper input{flex:1;border:none;outline:none;background:transparent;font-size:.95rem;color:var(--color_text_primary)}.search-input-wrapper input::placeholder{color:var(--color_text_secondary)}.product-list{flex:1;overflow-y:auto;padding:.5rem}.products-loading,.products-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--color_text_secondary);text-align:center}.products-empty svg{margin-bottom:1rem;opacity:.5}.products-empty-hint{font-size:.875rem;color:var(--text-tertiary, #cbd5e1);margin-top:.5rem}.product-item{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:.5rem;background:var(--color_bg_secondary);border:1px solid var(--color_border);border-radius:8px;cursor:pointer;transition:all .2s ease}.product-item:hover{border-color:var(--primary-color, #4a90e2);background:var(--color_bg_card);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.product-item.selected{border-color:var(--primary-color, #4a90e2);background:var(--primary-light, #e3f2fd);box-shadow:0 0 0 3px #4a90e226;transform:translateY(-1px)}.product-item.selected .product-item-name{color:var(--primary-color, #4a90e2);font-weight:700}.product-item.out-of-stock{opacity:.5;cursor:not-allowed}.product-item.out-of-stock:hover{transform:none;box-shadow:none;border-color:var(--color_border)}.product-item-image{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--color_bg_primary);border-radius:8px;color:var(--color_text_secondary);flex-shrink:0}.product-item-info{flex:1;min-width:0}.product-item-name{font-weight:600;color:var(--color_text_primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-item-details{display:flex;gap:1rem;margin-bottom:.25rem}.product-price{font-weight:600;color:var(--primary-color, #4a90e2)}.product-stock{font-size:.875rem;color:var(--color_text_secondary)}.product-stock.low-stock{color:#f59e0b;font-weight:600}.product-barcode{font-size:.75rem;color:var(--color_text_secondary);font-family:monospace}.product-add-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--primary-color, #4a90e2);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.product-add-btn:hover{background:var(--primary-hover, #357abd);transform:scale(1.1)}.product-add-btn:disabled{background:var(--color_text_secondary);cursor:not-allowed;opacity:.5}.product-add-btn:disabled:hover{transform:none}.billing-cart{background:var(--color_bg_card);border-radius:12px;border:1px solid var(--color_border);display:flex;flex-direction:row;gap:0;overflow:hidden;height:100%;flex:1}.cart-left-section{display:flex;flex-direction:column;overflow:hidden;min-width:300px;flex-shrink:0}.billing-resize-handle{width:2px;background:var(--color_border);cursor:col-resize;flex-shrink:0;transition:background-color .2s ease;position:relative}.billing-resize-handle:hover,.billing-resize-handle.dragging{background:var(--primary-color, #4a90e2)}.billing-resize-handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:30px;background:var(--color_text_secondary);border-radius:2px;opacity:.5}.billing-resize-handle:hover:before,.billing-resize-handle.dragging:before{background:#fff;opacity:1}.cart-customer-details{display:grid;grid-template-columns:1fr 1fr;gap:.875rem;padding:.875rem 1.25rem;background:var(--color_bg_card);border-bottom:2px solid var(--color_border)}.cart-customer-details .form-group{margin-bottom:0}.cart-customer-details .input-with-icon{display:flex;align-items:center;gap:.75rem;padding:0rem;background:var(--color_bg_secondary);border:1.5px solid #b0b7c3;border-radius:8px;transition:all .2s ease}.cart-customer-details .input-with-icon:hover{border-color:#8992a1}.cart-customer-details .input-with-icon:focus-within{border-color:var(--primary-color, #4a90e2);background:var(--color_bg_card);box-shadow:0 0 0 2px #4a90e226}.cart-customer-details .input-with-icon svg{color:var(--color_text_secondary);flex-shrink:0}.cart-customer-details .input-with-icon input{flex:1;border:none;outline:none;background:transparent;font-size:.875rem;color:var(--color_text_primary)}.cart-customer-details .input-with-icon input::placeholder{color:var(--color_text_secondary);font-size:.875rem}.customer-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:250px;overflow-y:auto;z-index:1000;margin-top:.25rem}.customer-suggestion-item{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--color_border);transition:background-color .2s ease}.customer-suggestion-item:last-child{border-bottom:none}.customer-suggestion-item:hover{background:var(--color_bg_secondary)}.customer-suggestion-name{font-weight:600;color:var(--color_text_primary);font-size:.875rem;margin-bottom:.25rem}.customer-suggestion-phone{color:var(--color_text_secondary);font-size:.813rem;margin-bottom:.25rem}.customer-suggestion-location{color:var(--color_text_secondary);font-size:.75rem}.customer-suggestion-item.create-customer-option{background:var(--primary-light, #e3f2fd);border-top:1px solid var(--primary-color, #4a90e2)}.customer-suggestion-item.create-customer-option:hover{background:var(--primary-color, #4a90e2)}.customer-suggestion-item.create-customer-option:hover .customer-suggestion-name,.customer-suggestion-item.create-customer-option:hover .customer-suggestion-phone{color:#fff}.customer-suggestion-name.create-new{display:flex;align-items:center;gap:.5rem;color:var(--primary-color, #4a90e2);font-weight:600}.customer-suggestion-item.create-customer-option:hover .customer-suggestion-name.create-new{color:#fff}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:2px solid var(--color_border);background:var(--color_bg_secondary)}.cart-header h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600;color:var(--color_text_primary)}.cart-right-section{display:flex;flex-direction:column;overflow-y:auto;background:var(--color_bg_secondary);min-width:300px;flex:1}.cart-empty-sidebar{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;color:var(--color_text_secondary);text-align:center;font-size:.9375rem}.cart-items{flex:1;overflow-y:auto;padding:1rem;background:var(--color_bg_card)}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--color_text_secondary);text-align:center}.cart-empty svg{margin-bottom:1rem;opacity:.5}.cart-empty p{margin:.5rem 0}.cart-empty-hint{font-size:.875rem;color:var(--text-tertiary, #cbd5e1)}.cart-item{display:grid;grid-template-columns:1fr auto auto auto auto;align-items:center;gap:1rem;padding:.75rem 1rem;margin-bottom:.5rem;background:var(--color_bg_secondary);border:1px solid var(--color_border);border-radius:8px;transition:all .2s ease}.cart-item:hover{background:var(--color_bg_card);box-shadow:0 2px 6px #00000014}.cart-item-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.cart-item-name{font-weight:600;font-size:.9375rem;color:var(--color_text_primary);line-height:1.3;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-promo-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.75rem;font-weight:600;border-radius:4px;white-space:nowrap;cursor:help}.cart-item-price{font-size:.875rem;font-weight:600;color:var(--color_text_secondary);white-space:nowrap;display:flex;align-items:center;gap:.5rem}.original-price{text-decoration:line-through;color:var(--color_text_tertiary);font-size:.8125rem}.discounted-price{color:#10b981;font-weight:700}.cart-item-actions{display:flex;align-items:center;gap:.5rem}.qty-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:6px;cursor:pointer;transition:all .2s ease;color:var(--color_text_primary);flex-shrink:0}.qty-btn:hover{background:var(--primary-color, #4a90e2);border-color:var(--primary-color, #4a90e2);color:#fff;transform:scale(1.05)}.qty-display{min-width:42px;width:42px;text-align:center;font-weight:700;font-size:.9375rem;color:var(--color_text_primary);border:1.5px solid #b0b7c3;border-radius:6px;padding:.25rem .375rem;background:var(--color_bg_secondary);transition:all .2s ease}.qty-display:hover{border-color:#8992a1}.qty-display:focus{outline:none;border-color:var(--primary-color, #6366f1);background:#fff;box-shadow:0 0 0 2px #6366f126}.qty-display::-webkit-outer-spin-button,.qty-display::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-display[type=number]{-moz-appearance:textfield;appearance:textfield}.btn-icon-danger{width:40px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color_border);border-radius:6px;cursor:pointer;transition:all .2s ease;color:#ef4444;flex-shrink:0}.btn-icon-danger:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:scale(1.05)}.cart-item-total{font-size:1rem;font-weight:700;color:var(--primary-color, #4a90e2);text-align:right;white-space:nowrap;min-width:80px;display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.total-with-discount{color:#10b981;font-size:1rem;font-weight:700}.total-saved{font-size:.75rem;color:#10b981;font-weight:600;background:#10b9811a;padding:.125rem .375rem;border-radius:4px}.cart-discount{padding:.75rem 1.25rem;background:var(--color_bg_card)}.cart-discount label{font-weight:600;font-size:.875rem;color:var(--color_text_primary)}.cart-coupon-section{padding:1rem 1.25rem;background:var(--color_bg_card);border-bottom:1px solid var(--color_border)}.coupon-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.cart-coupon-section label{display:block;font-weight:600;font-size:.875rem;color:var(--color_text_primary);margin-bottom:0}.btn-browse-coupons{padding:.375rem .75rem;background:var(--primary-color, #4a90e2);color:#fff;border:2px solid var(--primary-color, #4a90e2);border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-browse-coupons:hover:not(:disabled){background:var(--primary-color-dark, #357abd);border-color:var(--primary-color-dark, #357abd);transform:translateY(-1px);box-shadow:0 2px 8px #4a90e24d}.btn-browse-coupons:disabled{opacity:.5;cursor:not-allowed;background:var(--color_text_secondary, #94a3b8);border-color:var(--color_text_secondary, #94a3b8)}.coupon-input-group{display:flex;gap:.5rem;margin-bottom:.5rem}.coupon-input-group input{flex:1;padding:.625rem .875rem;border:1.5px solid #b0b7c3;border-radius:6px;background:var(--color_bg_card);color:var(--color_text_primary);font-size:.875rem;text-transform:uppercase;transition:all .2s ease}.coupon-input-group input:hover:not(:disabled):not(:focus){border-color:#8992a1}.coupon-input-group input:focus{outline:none;border-color:var(--primary-color, #4a90e2);box-shadow:0 0 0 3px #4a90e226}.coupon-input-group input:disabled{background:var(--background-color, #f8fafc);cursor:not-allowed;opacity:.6}.btn-coupon-apply{padding:.625rem 1.25rem;background:var(--primary-color, #4a90e2);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-coupon-apply:hover:not(:disabled){background:var(--primary-color-dark, #357abd);transform:translateY(-1px);box-shadow:0 4px 8px #4a90e24d}.btn-coupon-apply:disabled{background:var(--color_text_secondary);cursor:not-allowed;opacity:.5}.coupon-applied{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#ecfdf5;border:1px solid #10b981;border-radius:6px}.coupon-applied-info{display:flex;flex-direction:row;align-items:center;gap:.75rem}.coupon-code{font-weight:700;color:#059669;font-size:.875rem;text-transform:uppercase}.coupon-discount{font-weight:600;color:#047857;font-size:.875rem}.btn-remove-coupon{padding:.375rem;background:transparent;border:none;color:#dc2626;cursor:pointer;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-remove-coupon:hover{background:#fee2e2}.coupon-error{margin-top:.5rem;padding:.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:.75rem;font-weight:500}.available-coupons-list{max-height:300px;margin-top:.5rem;border:1px solid var(--color_border);border-radius:8px;background:var(--color_bg_card);box-shadow:0 4px 12px #0000001a}.coupon-item{display:flex;justify-content:space-between;align-items:center;padding:.875rem;border-bottom:1px solid var(--color_border);cursor:pointer;transition:all .2s ease}.coupon-item:last-child{border-bottom:none}.coupon-item:hover:not(.coupon-disabled){background:var(--color_hover);transform:translate(4px)}.coupon-item.coupon-disabled{opacity:.5;cursor:not-allowed;background:var(--color_bg_muted)}.coupon-item-left{flex:1;display:flex;flex-direction:column;gap:.25rem}.coupon-item-code{font-size:.75rem;font-weight:800;color:var(--color_warning_orange);text-transform:uppercase;letter-spacing:.5px;font-family:Courier New,monospace}.coupon-item-name{font-size:.875rem;font-weight:600;color:var(--color_text_primary)}.coupon-item-min{font-size:.75rem;color:var(--color_text_secondary)}.coupon-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.coupon-item-discount{font-size:.875rem;font-weight:700;color:var(--color_success_green);white-space:nowrap}.coupon-item-note{font-size:.7rem;color:var(--color_error_red);font-weight:500}.no-coupons-message{padding:2rem 1rem;text-align:center;color:var(--color_text_secondary)}.no-coupons-message p{margin:.5rem 0;font-size:.875rem}.no-coupons-hint{font-size:.75rem;color:var(--color_text_muted)}.available-coupons-list::-webkit-scrollbar{width:6px}.available-coupons-list::-webkit-scrollbar-track{background:var(--color_bg_muted);border-radius:3px}.available-coupons-list::-webkit-scrollbar-thumb{background:var(--color_border);border-radius:3px}.available-coupons-list::-webkit-scrollbar-thumb:hover{background:var(--color_text_secondary)}.cart-more-options-collapsible{background:var(--color_bg_card);border-bottom:1px solid var(--color_border)}.more-options-toggle-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;background:transparent;border:none;color:var(--color_text_primary);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-align:left}.more-options-toggle-btn:hover:not(:disabled){background:var(--background-color, #f8fafc)}.more-options-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.more-options-content{padding:.5rem 0;background:var(--color_bg_card)}.more-option-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;border-top:1px solid var(--color_border)}.more-option-label{font-weight:600;font-size:.8125rem;color:var(--color_text_secondary);text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.tax-breakdown-collapsible{background:var(--color_bg_card);border-top:1px solid var(--color_border);border-bottom:1px solid var(--color_border);margin:.5rem 0}.tax-breakdown-toggle-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:transparent;border:none;color:var(--color_text_secondary);font-weight:600;font-size:.8125rem;cursor:pointer;transition:all .2s ease;text-align:left}.tax-breakdown-toggle-btn:hover{background:var(--background-color, #f8fafc)}.tax-breakdown-toggle-btn .toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:1.125rem;font-weight:600;color:var(--primary-color, #4a90e2);transition:transform .2s ease}.tax-breakdown-content{padding:0 1rem .5rem;background:var(--color_bg_secondary)}.tax-breakdown-content .summary-row{padding:.375rem 0;font-size:.8125rem}.tax-breakdown-content .tax-row{color:var(--color_text_tertiary)}.toggle-icon{font-size:1.25rem;font-weight:700;color:var(--primary-color, #4a90e2)}.discount-controls{display:flex;gap:.5rem;align-items:center}.discount-controls select{padding:.5rem .75rem;border:1.5px solid #b0b7c3;border-radius:6px;background:var(--color_bg_card);color:var(--color_text_primary);cursor:pointer;font-weight:600;transition:all .2s ease}.discount-controls select:hover:not(:disabled):not(:focus){border-color:#8992a1}.discount-controls select:focus{outline:none;border-color:var(--primary-color, #4a90e2);box-shadow:0 0 0 3px #4a90e226}.discount-controls select:disabled{cursor:not-allowed;opacity:.6;background:var(--background-color, #f8fafc)}.discount-controls input{width:100px;padding:.5rem .75rem;border:1.5px solid #b0b7c3;border-radius:6px;background:var(--color_bg_card);color:var(--color_text_primary);text-align:right;font-weight:600;transition:all .2s ease}.discount-controls input:hover:not(:disabled):not(:focus){border-color:#8992a1}.discount-controls input:focus{outline:none;border-color:var(--primary-color, #4a90e2);box-shadow:0 0 0 3px #4a90e226}.discount-controls input:disabled{cursor:not-allowed;opacity:.6;background:var(--background-color, #f8fafc)}.cart-summary{padding:1rem 1.25rem;background:var(--color_bg_card);border-bottom:2px solid var(--color_border)}.summary-row{display:flex;justify-content:space-between;align-items:center;color:var(--color_text_primary);font-size:.9375rem;margin-bottom:0}.summary-row span:first-child{font-weight:500;color:var(--color_text_secondary)}.summary-row span:last-child{font-weight:600}.summary-row:last-child{margin-bottom:0}.discount-row,.discount-row span:first-child{color:#ef4444}.roundoff-row{color:#f97316;font-weight:600;font-size:.875rem;padding-top:.375rem}.roundoff-row span:first-child{color:var(--color_text_secondary)}.roundoff-row span:last-child{color:#f97316}.final-total-row{font-size:1.5rem;font-weight:800;padding-top:.875rem;margin-top:.625rem;border-top:2px solid var(--color_border);color:var(--primary-color, #4a90e2)}.final-total-row span:first-child{color:var(--color_text_primary)}.total-row{font-size:1.375rem;font-weight:700;padding-top:.875rem;margin-top:.625rem;border-top:2px solid var(--color_border);color:var(--primary-color, #4a90e2)}.total-row span:first-child{color:var(--color_text_primary)}.total-row span:last-child{color:var(--primary-color, #4a90e2)}.billing-payment-section{background:linear-gradient(135deg,var(--color_bg_card) 0%,var(--color_bg_secondary) 100%);border-radius:16px;border:1px solid var(--color_border);padding:.75rem 1.25rem;display:flex;flex-direction:row;align-items:center;gap:1rem;flex-shrink:0;box-shadow:0 -4px 20px #00000014;flex-wrap:wrap}.billing-payment-section .cart-payment-section{display:flex;flex-direction:row;align-items:center;gap:1rem;padding:0;background:transparent;overflow:visible;flex:1;flex-wrap:wrap}.billing-payment-section .cart-payment-section>.form-group:first-child{display:flex;flex-direction:row;align-items:center;gap:1rem;margin-bottom:0}.billing-payment-section .cart-payment-section>.form-group:first-child label{margin-bottom:0;white-space:nowrap;font-size:.8rem;font-weight:700;color:var(--color_text_secondary);text-transform:uppercase;letter-spacing:.5px}.billing-payment-section .payment-methods{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:.5rem;grid-template-columns:unset!important}.billing-payment-section .payment-method-btn{display:flex!important;flex-direction:row!important;align-items:center;gap:.35rem;padding:.5rem .75rem;border-radius:8px;border:1px solid var(--color_border);background:var(--color_bg_card);color:var(--color_text_primary);font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s ease;min-width:auto;min-height:auto}.billing-payment-section .payment-method-btn:hover:not(:disabled){border-color:var(--primary-color, #4a90e2);background:#4a90e214;transform:translateY(-1px)}.billing-payment-section .payment-method-btn.active{border-color:var(--primary-color, #4a90e2);background:var(--primary-color, #4a90e2);color:#fff;box-shadow:0 2px 8px #4a90e24d}.billing-payment-section .payment-method-btn svg{flex-shrink:0;width:16px;height:16px}.billing-payment-section .cart-payment-section>.form-group:not(:first-child){display:flex;flex-direction:row;align-items:center;gap:1rem;margin-bottom:0}.billing-payment-section .cart-payment-section>.form-group:not(:first-child) label{margin-bottom:0;white-space:nowrap;font-size:.875rem;min-width:120px}.billing-payment-section .input-with-icon{min-width:150px;max-width:200px}.billing-payment-section .change-display,.billing-payment-section .remaining-display{padding:.5rem .75rem;border-radius:6px;font-weight:600;font-size:.875rem;white-space:nowrap}.amount-received-row{display:flex;align-items:center;gap:.5rem}.amount-received-row .input-with-icon{flex:1}.fully-paid-btn{padding:.5rem .85rem;border:1.5px solid var(--primary-color, #4a90e2);background:transparent;color:var(--primary-color, #4a90e2);border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease;line-height:1.3}.fully-paid-btn:hover{background:var(--primary-color, #4a90e2);color:#fff}.fully-paid-btn.active{background:var(--success-color, #16a34a);border-color:var(--success-color, #16a34a);color:#fff}.billing-payment-section .mixed-payment-section{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.75rem!important;padding:0!important;background:transparent!important;border:none!important}.billing-payment-section .mixed-payment-section .form-group{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.35rem!important;margin-bottom:0!important;padding:.4rem .6rem!important;background:var(--color_bg_secondary)!important;border-radius:6px!important;border:1.5px solid #b0b7c3!important}.billing-payment-section .mixed-payment-section .form-group:hover{border-color:#8992a1!important}.billing-payment-section .mixed-payment-section .form-group:focus-within{border-color:var(--primary-color, #4a90e2)!important;box-shadow:0 0 0 3px #4a90e226!important}.billing-payment-section .mixed-payment-section .form-group label{display:inline!important;width:35px!important;min-width:35px!important;max-width:35px!important;font-size:.75rem!important;font-weight:600!important;color:var(--color_text_secondary)!important;white-space:nowrap!important;margin:0!important;text-transform:none!important;letter-spacing:normal!important}.billing-payment-section .mixed-payment-section .input-with-icon{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.25rem!important;width:80px!important;min-width:80px!important;max-width:80px!important;border:none!important;background:transparent!important;position:relative!important}.billing-payment-section .mixed-payment-section .input-with-icon input{padding:.25rem .4rem .25rem 1.25rem!important;font-size:.85rem!important;font-weight:600!important;background:transparent!important;width:100%!important;flex:1!important}.billing-payment-section .mixed-payment-section .input-with-icon svg{position:absolute!important;left:.25rem!important;top:50%!important;transform:translateY(-50%)!important;width:14px!important;height:14px!important;flex-shrink:0!important}.billing-payment-section .mixed-payment-summary{display:flex!important;flex-direction:row!important;gap:.5rem!important;align-items:center!important}.billing-payment-section .mixed-payment-summary .summary-row{display:inline-flex!important;flex-direction:row!important;gap:.3rem!important;align-items:center!important;white-space:nowrap!important;font-size:.8rem!important;padding:.4rem .6rem!important;border-radius:6px!important;background:var(--color_bg_secondary)!important;border:1px solid var(--color_border)!important}.billing-payment-section .mixed-payment-summary .summary-row span:first-child{width:85px!important;font-size:.75rem!important}.billing-payment-section .mixed-payment-summary .summary-row span:first-child{color:var(--color_text_secondary);font-weight:500}.billing-payment-section .mixed-payment-summary .summary-row .success{color:#27ae60;font-weight:700}.billing-payment-section .mixed-payment-summary .summary-row .warning{color:#e74c3c;font-weight:700}.billing-payment-section .btn-primary.btn-full{width:auto;min-width:fit-content;padding:.6rem 1.25rem;margin:0 0 0 auto;font-size:.85rem;font-weight:700;border-radius:10px;background:linear-gradient(135deg,var(--primary-color, #4a90e2) 0%,#3a7bd5 100%);box-shadow:0 3px 12px #4a90e259;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;border:none;white-space:nowrap;flex-shrink:0}.billing-payment-section .btn-primary.btn-full:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4a90e273}.billing-payment-section .btn-primary.btn-full:active{transform:translateY(0)}.billing-payment-section .btn-primary.btn-full:disabled{background:var(--color_text_secondary);opacity:.5;box-shadow:none;cursor:not-allowed}.cart-payment-section{flex:1;padding:1rem 1.25rem;background:var(--color_bg_card);overflow-y:auto}.cart-payment-section .form-group{margin-bottom:.875rem}.cart-payment-section .form-group:last-child{margin-bottom:0}.cart-payment-section label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.75rem;color:var(--color_text_secondary);text-transform:uppercase;letter-spacing:.05em}.cart-payment-section .input-with-icon{display:flex;align-items:center;gap:.75rem;background:var(--color_bg_secondary);border:1.5px solid #b0b7c3;border-radius:6px;transition:all .2s ease}.cart-payment-section .input-with-icon:hover{border-color:#8992a1}.cart-payment-section .input-with-icon:focus-within{border-color:var(--primary-color, #4a90e2);background:var(--color_bg_card);box-shadow:0 0 0 2px #4a90e226}.cart-payment-section .input-with-icon svg{color:var(--color_text_secondary);flex-shrink:0}.cart-payment-section .input-with-icon input{flex:1;border:none;outline:none;background:transparent;font-size:.875rem;color:var(--color_text_primary)}.cart-payment-section .payment-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.cart-payment-section .payment-method-btn{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem;background:var(--color_bg_secondary);border:2px solid var(--color_border);border-radius:6px;cursor:pointer;transition:all .2s ease;color:var(--color_text_secondary);font-family:inherit}.cart-payment-section .payment-method-btn:hover:not(:disabled){border-color:var(--primary-color, #4a90e2);background:var(--color_bg_card);transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.cart-payment-section .payment-method-btn.active{border-color:var(--primary-color, #4a90e2);background:var(--primary-light, #e3f2fd);color:var(--primary-color, #4a90e2);box-shadow:0 0 0 2px #4a90e226}.cart-payment-section .payment-method-btn:disabled{cursor:not-allowed;opacity:.5;background:var(--background-color, #f8fafc)}.cart-payment-section .payment-method-btn:disabled:hover{transform:none;box-shadow:none}.cart-payment-section .payment-method-btn span{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.cart-payment-section .change-display{margin-top:.5rem;padding:.75rem;background:var(--success-light, #dcfce7);border-radius:6px;color:var(--success-color, #16a34a);font-weight:600;text-align:center}.mixed-payment-section .form-group{margin-bottom:1rem}.mixed-payment-section .form-group:last-of-type{margin-bottom:0}.mixed-payment-section label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:var(--color_text_secondary, #64748b);text-transform:uppercase;letter-spacing:.05em}.mixed-payment-summary .summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem}.mixed-payment-summary .summary-row span:first-child{color:var(--color_text_secondary, #64748b);font-weight:500}.mixed-payment-summary .summary-row span:last-child{font-weight:700;color:var(--color_text_primary, #1e293b);font-size:1rem}.mixed-payment-summary .summary-row.change{border-top:1px dashed var(--color_border, #e2e8f0);margin-top:.5rem;padding-top:.75rem}.mixed-payment-summary .success{color:var(--success-color, #16a34a)!important}.mixed-payment-summary .warning{color:var(--warning-color, #f59e0b)!important}.remaining-display{margin-top:.5rem;padding:.75rem;background:var(--warning-light, #fef3c7);border-radius:6px;color:var(--warning-color, #d97706);font-weight:600;text-align:center;border:1px solid var(--warning-color, #f59e0b)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#4a90e2!important;color:#fff!important;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#357abd!important;transform:translateY(-1px);box-shadow:0 4px 12px #4a90e24d}.btn-primary:disabled{background:#94a3b8!important;color:#fff!important;cursor:not-allowed;opacity:.7}.btn-full{width:calc(100% - 2.5rem);margin:0 1.25rem 1.25rem;justify-content:center}.billing-cart .btn-full{margin-top:17px}.btn-primary svg{color:#fff!important;stroke:#fff!important}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;color:var(--color_text_primary);border:1px solid var(--color_border);border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-outline:hover{border-color:var(--primary-color, #4a90e2);color:var(--primary-color, #4a90e2)}.btn-text{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;color:var(--color_text_secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-text:hover{color:var(--color_text_primary)}.btn-danger{color:#ef4444}.btn-danger:hover{color:#dc2626}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:none;color:var(--color_text_secondary);cursor:pointer;transition:all .2s ease;border-radius:6px}.btn-icon:hover{background:var(--color_bg_secondary);color:var(--color_text_primary)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--color_bg_card);border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.receipt-modal{max-width:600px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color_border)}.modal-header h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--color_text_primary)}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--color_border)}.payment-amount-display{text-align:center;padding:2rem;background:var(--color_bg_secondary);border-radius:12px;margin-bottom:1.5rem}.amount-label{font-size:.875rem;color:var(--color_text_secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.amount-value{font-size:2.5rem;font-weight:700;color:var(--primary-color, #4a90e2)}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color_text_primary);font-size:.95rem}.input-with-icon{display:flex;align-items:center;gap:.75rem;background:var(--color_bg_secondary);border:1.5px solid #b0b7c3;border-radius:8px;transition:all .2s ease}.input-with-icon:hover{border-color:#8992a1}.input-with-icon:focus-within{border-color:var(--primary-color, #4a90e2);box-shadow:0 0 0 3px #4a90e226}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.payment-method-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--color_bg_secondary);border:2px solid var(--color_border);border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--color_text_primary);font-weight:500}.payment-method-btn:hover{border-color:var(--primary-color, #4a90e2);background:var(--color_bg_card)}.payment-method-btn.active{border-color:var(--primary-color, #4a90e2);background:#4a90e21a;color:var(--primary-color, #4a90e2)}.change-display{margin-top:.75rem;padding:.75rem;background:#22c55e1a;border-radius:8px;text-align:center;font-weight:600;color:#22c55e;font-size:1.125rem}.receipt-content{padding:2rem}.receipt-modal .modal-body{overflow-y:visible!important;max-height:none!important}.receipt-header{text-align:center;padding-bottom:1.5rem;border-bottom:2px dashed var(--color_border);margin-bottom:1.5rem}.receipt-header h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:var(--color_text_primary)}.receipt-header p{margin:0;color:var(--color_text_secondary)}.receipt-info{margin-bottom:1.5rem}.receipt-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;color:var(--color_text_primary)}.receipt-row span:first-child{color:var(--color_text_secondary)}.receipt-items{margin-bottom:1.5rem}.receipt-items table{width:100%;border-collapse:collapse}.receipt-items th{text-align:left;padding:.75rem .5rem;border-bottom:2px solid var(--color_border);font-weight:600;color:var(--color_text_secondary);font-size:.875rem;text-transform:uppercase}.receipt-items td{padding:.75rem .5rem;border-bottom:1px solid var(--color_border);color:var(--color_text_primary)}.receipt-summary{padding-top:1rem;border-top:2px dashed var(--color_border);margin-bottom:1.5rem}.receipt-summary .receipt-row{margin-bottom:.75rem}.receipt-summary .receipt-tax{color:var(--color_text_secondary);font-size:.95rem;padding-left:1rem}.receipt-summary .receipt-tax-percentage-only{display:flex;justify-content:center;padding:.5rem 1rem;margin-top:.25rem;background:var(--info-background, #e3f2fd);border-radius:6px;border-left:3px solid var(--info-color, #2196f3);font-weight:500;color:var(--info-text, #0d47a1)}.receipt-summary .receipt-tax-note{display:flex;justify-content:center;padding:.5rem 1rem;margin-top:.25rem;background:var(--warning-background, #fff3cd);border-radius:6px;border-left:3px solid var(--warning-color, #ffc107)}.receipt-mixed-payments{margin-top:.75rem;padding:.75rem;background:var(--color_bg_secondary, #f8fafc);border-radius:6px;border:1px solid var(--color_border, #e2e8f0)}.receipt-mixed-payments .mixed-payment-item{padding-left:1rem;font-size:.9rem;margin-bottom:.4rem;color:var(--color_text_secondary, #64748b)}.receipt-mixed-payments .mixed-payment-item span:last-child{color:var(--color_text_primary, #1e293b);font-weight:600}.receipt-mixed-payments .receipt-row:not(.mixed-payment-item){margin-top:.5rem;padding-top:.5rem;border-top:1px dashed var(--color_border, #e2e8f0);font-weight:600}.receipt-summary .receipt-tax-note small{color:var(--warning-text, #856404);font-size:.85rem;font-style:italic}.receipt-summary .total{font-size:1.25rem;font-weight:700;padding-top:.75rem;margin-top:.5rem;border-top:2px solid var(--color_border);color:var(--primary-color, #4a90e2)}.receipt-qr-section{margin-top:1.5rem;padding:1.5rem;background:var(--section-bg, #f8f9fa);border-radius:8px;border:1px solid var(--color_border)}.qr-toggle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.qr-toggle-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--color_text_primary)}.qr-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-color, #4a90e2);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.qr-toggle-btn:hover{background:var(--primary-hover, #357abd);transform:translateY(-1px)}.qr-code-display{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:8px;animation:fadeIn .3s ease}.qr-code-display img{max-width:200px;max-height:200px;border-radius:8px;box-shadow:0 4px 12px #0000001a}.qr-instruction{margin:0;color:var(--color_text_secondary);font-size:.9rem;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.receipt-header .company-address,.receipt-header .company-contact,.receipt-header .company-gstin{margin:.25rem 0;font-size:.875rem;color:var(--color_text_secondary)}.receipt-header .company-gstin{font-weight:600;color:var(--color_text_primary)}.receipt-footer{text-align:center;padding-top:1.5rem;border-top:2px dashed var(--color_border);color:var(--color_text_secondary)}.receipt-footer p{margin:.5rem 0}@media(max-width:1024px){.billing-content{grid-template-columns:1fr}.billing-cart{max-height:500px}}@media(max-width:768px){.billing-page{padding:1rem}.billing-header{flex-direction:column;align-items:flex-start;gap:1rem}.barcode-input-wrapper{flex-direction:column;align-items:stretch}.payment-methods{grid-template-columns:1fr}.modal-content{width:95%;max-height:95vh}}@media print{@page{margin:10mm;size:80mm auto}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{margin:0;padding:0;overflow:visible!important}body *{visibility:hidden}.receipt-content,.receipt-content *{visibility:visible}.receipt-content{position:absolute;left:0;top:0;width:100%;background:#fff;padding:10px;overflow:visible!important;max-height:none!important;height:auto!important}.receipt-header,.receipt-info,.receipt-items,.receipt-summary,.receipt-footer{display:block!important;overflow:visible!important}.receipt-header{border-bottom:1px dashed #666!important;padding-bottom:10px!important;margin-bottom:15px!important}.receipt-items table{width:100%;border-collapse:collapse}.receipt-items th{border-bottom:1px solid #666!important;padding:5px;text-align:left;font-weight:600}.receipt-items td{border-bottom:1px solid #ccc!important;padding:5px;text-align:left}.receipt-summary{border-top:1px dashed #666!important;padding-top:10px!important;margin-top:10px!important}.receipt-summary .total{border-top:1px solid #666!important;padding-top:8px!important;margin-top:8px!important;font-weight:700!important}.receipt-footer{border-top:1px dashed #666!important;padding-top:15px!important;margin-top:15px!important;text-align:center!important}.modal-body,.receipt-content{overflow:visible!important;max-height:none!important}}[data-theme=dark] .billing-page{--card-background: #1e293b;--background-primary: #0f172a;--background-secondary: #334155;--border-color: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b}[data-theme=dark] .product-item.selected{background:#1e3a5f;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}[data-theme=dark] .product-item.selected .product-item-name{color:#93c5fd}[data-theme=dark] .modal-overlay{background:#000c}[data-theme=dark] .modal-content{background:#1e293b;border:1px solid #334155}[data-theme=dark] .modal-header{border-bottom-color:#334155}[data-theme=dark] .modal-header h3{color:#f1f5f9;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.4)}[data-theme=dark] .modal-body{background:#1e293b}[data-theme=dark] .modal-footer{border-top-color:#334155}[data-theme=dark] .payment-amount-display{background:#0f172a;border:1px solid #334155}[data-theme=dark] .amount-label{color:#cbd5e1;font-weight:600}[data-theme=dark] .amount-value{color:#60a5fa}[data-theme=dark] .form-group label{color:#f1f5f9;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}[data-theme=dark] .change-display{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}[data-theme=dark] .btn-outline{border-color:#334155;color:#f1f5f9;background:transparent}[data-theme=dark] .btn-outline:hover{border-color:#60a5fa;color:#60a5fa;background:#60a5fa1a}[data-theme=dark] .btn-primary{background:#3b82f6;color:#fff}[data-theme=dark] .btn-primary:hover{background:#2563eb}[data-theme=dark] .btn-icon{color:#94a3b8}[data-theme=dark] .btn-icon:hover{background:#334155;color:#f1f5f9}[data-theme=dark] .receipt-content{background:#1e293b;color:#f1f5f9}[data-theme=dark] .receipt-header{border-bottom-color:#334155}[data-theme=dark] .receipt-header h2{color:#f1f5f9}[data-theme=dark] .receipt-header p{color:#94a3b8}[data-theme=dark] .receipt-row{color:#f1f5f9}[data-theme=dark] .receipt-row span:first-child{color:#94a3b8}[data-theme=dark] .receipt-items table{color:#f1f5f9}[data-theme=dark] .receipt-items th{border-bottom-color:#334155;color:#94a3b8}[data-theme=dark] .receipt-items td{border-bottom-color:#334155;color:#f1f5f9}[data-theme=dark] .receipt-summary{border-top-color:#334155}[data-theme=dark] .receipt-summary .total{border-top-color:#334155;color:#60a5fa}[data-theme=dark] .receipt-summary .receipt-tax-percentage-only{background:#1e3a5f;border-left-color:#3b82f6;color:#93c5fd}[data-theme=dark] .receipt-summary .receipt-tax-note{background:#422006;border-left-color:#f59e0b}[data-theme=dark] .receipt-summary .receipt-tax-note small{color:#fbbf24}[data-theme=dark] .receipt-footer{border-top-color:#334155;color:#94a3b8}[data-theme=night] .billing-page{--card-background: #1e293b;--background-primary: #0f172a;--background-secondary: #334155;--border-color: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b}[data-theme=night] .product-item.selected{background:#1e3a5f;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}[data-theme=night] .product-item.selected .product-item-name{color:#93c5fd}[data-theme=night] .modal-overlay{background:#000000d9}[data-theme=night] .modal-content{background:#1e293b;border:1px solid #334155}[data-theme=night] .modal-header{border-bottom-color:#334155}[data-theme=night] .modal-header h3{color:#f1f5f9;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.4)}[data-theme=night] .modal-body{background:#1e293b}[data-theme=night] .modal-footer{border-top-color:#334155}[data-theme=night] .payment-amount-display{background:#0f172a;border:1px solid #334155}[data-theme=night] .amount-label{color:#cbd5e1;font-weight:600}[data-theme=night] .amount-value{color:#60a5fa}[data-theme=night] .form-group label{color:#f1f5f9;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}[data-theme=night] .change-display{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}[data-theme=night] .btn-outline{border-color:#334155;color:#f1f5f9;background:transparent}[data-theme=night] .btn-outline:hover{border-color:#60a5fa;color:#60a5fa;background:#60a5fa1a}[data-theme=night] .btn-primary{background:#3b82f6;color:#fff}[data-theme=night] .btn-primary:hover{background:#2563eb}[data-theme=night] .btn-icon{color:#94a3b8}[data-theme=night] .btn-icon:hover{background:#334155;color:#f1f5f9}[data-theme=night] .receipt-content{background:#1e293b;color:#f1f5f9}[data-theme=night] .receipt-header{border-bottom-color:#334155}[data-theme=night] .receipt-header h2{color:#f1f5f9}[data-theme=night] .receipt-header p{color:#94a3b8}[data-theme=night] .receipt-row{color:#f1f5f9}[data-theme=night] .receipt-row span:first-child{color:#94a3b8}[data-theme=night] .receipt-items table{color:#f1f5f9}[data-theme=night] .receipt-items th{border-bottom-color:#334155;color:#94a3b8}[data-theme=night] .receipt-items td{border-bottom-color:#334155;color:#f1f5f9}[data-theme=night] .receipt-summary{border-top-color:#334155}[data-theme=night] .receipt-summary .total{border-top-color:#334155;color:#60a5fa}[data-theme=night] .receipt-summary .receipt-tax-percentage-only{background:#1e3a5f;border-left-color:#3b82f6;color:#93c5fd}[data-theme=night] .receipt-summary .receipt-tax-note{background:#422006;border-left-color:#f59e0b}[data-theme=night] .receipt-summary .receipt-tax-note small{color:#fbbf24}[data-theme=night] .receipt-footer{border-top-color:#334155;color:#94a3b8}.bill-tabs-section{background:transparent;border-bottom:2px solid var(--color_border);padding:.75rem 2rem 0;flex-shrink:0}.bill-tabs-container{display:flex;align-items:center;justify-content:space-between;gap:1rem}.bill-tabs{display:flex;gap:.25rem;flex:1;overflow-x:auto;overflow-y:hidden;padding-bottom:.5rem;margin-bottom:-.5rem;align-items:flex-end}.bill-tabs::-webkit-scrollbar{height:4px}.bill-tabs::-webkit-scrollbar-track{background:var(--background-color, #f8fafc)}.bill-tabs::-webkit-scrollbar-thumb{background:var(--border-color, #cbd5e1);border-radius:2px}.bill-tab{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--background-color, #f8fafc);border:2px solid transparent;border-bottom:none;border-radius:8px 8px 0 0;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;min-width:120px}.bill-tab:hover{background:var(--color_bg_secondary)}.bill-tab.active{background:var(--primary-light, #e3f2fd);border-color:var(--primary-color, #4a90e2);border-bottom-color:var(--color_bg_card);transform:translateY(2px)}.bill-tab-name{font-weight:600;font-size:.875rem;color:var(--color_text_primary)}.bill-tab.active .bill-tab-name{color:var(--primary-color, #4a90e2)}.bill-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--primary-color, #4a90e2);color:#fff;border-radius:10px;font-size:.75rem;font-weight:600}.bill-tab-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--color_text_secondary);cursor:pointer;transition:all .2s ease;margin-left:auto}.bill-tab-close:hover{background:#ef44441a;color:#ef4444}.bill-tab-edit{display:none;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--color_text_secondary);cursor:pointer;transition:all .2s ease;margin-left:.25rem}.bill-tab:hover .bill-tab-edit{display:flex}.bill-tab-edit:hover{background:#4a90e21a;color:var(--primary-color, #4a90e2)}.bill-tab-name-input{flex:1;padding:.25rem .5rem;border:2px solid var(--primary-color, #4a90e2);border-radius:4px;background:var(--color_bg_card);color:var(--color_text_primary);font-size:.875rem;font-weight:600;outline:none;min-width:80px;max-width:150px}.bill-tab.editing{background:var(--color_bg_card);border-color:var(--primary-color, #4a90e2)}.bill-tab-add{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;color:var(--text-secondary, #5f6368);border:none;border-radius:4px;cursor:pointer;transition:all .15s ease;flex-shrink:0;margin-left:0;margin-bottom:.5rem}.bill-tab-add:hover,.bill-tab-add:active{background:var(--primary-light, #e3f2fd);color:var(--primary-color, #4a90e2)}.bill-tab-add svg{width:16px;height:16px;stroke-width:2.5}.bill-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-new-bill,.btn-save-draft,.btn-view-drafts{display:flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:var(--primary-color, #4a90e2);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-new-bill:hover,.btn-save-draft:hover:not(:disabled),.btn-view-drafts:hover{background:var(--primary-hover, #357abd);transform:translateY(-1px);box-shadow:0 4px 8px #4a90e24d}.btn-save-draft{background:#10b981}.btn-save-draft:hover:not(:disabled){background:#059669}.btn-save-draft:disabled{background:#94a3b8;cursor:not-allowed;opacity:.6}.btn-view-drafts{background:#8b5cf6}.btn-view-drafts:hover{background:#7c3aed}.drafts-modal{max-width:700px;max-height:80vh;width:90%}.drafts-modal .modal-body{max-height:60vh;overflow-y:auto;padding:1.5rem}.drafts-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--color_text_secondary)}.drafts-empty svg{color:var(--text-tertiary, #cbd5e1);margin-bottom:1rem}.drafts-empty p{margin:.5rem 0;font-size:1rem;font-weight:600;color:var(--color_text_primary)}.drafts-empty-hint{font-size:.875rem!important;color:var(--color_text_secondary)!important}.drafts-list{display:flex;flex-direction:column;gap:1rem}.draft-item{padding:1.25rem;background:var(--background-color, #f8fafc);border:2px solid var(--color_border);border-radius:8px;transition:all .2s ease}.draft-item:hover{border-color:var(--primary-color, #4a90e2);box-shadow:0 2px 8px #4a90e226}.draft-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.draft-item-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--color_text_primary)}.draft-item-date{font-size:.75rem;color:var(--color_text_secondary)}.draft-item-details{display:flex;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.draft-detail{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--color_text_secondary)}.draft-detail svg{color:var(--primary-color, #4a90e2)}.draft-item-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-load-draft{padding:.5rem 1.25rem;background:var(--primary-color, #4a90e2);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-load-draft:hover{background:var(--primary-hover, #357abd);transform:translateY(-1px);box-shadow:0 2px 6px #4a90e24d}.btn-delete-draft{padding:.5rem;background:transparent;color:#ef4444;border:1px solid #fecaca;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-delete-draft:hover{background:#fef2f2;border-color:#ef4444}.cart-table-container{flex:1;overflow-y:auto;background:var(--color_bg_card)}.cart-table{width:100%;border-collapse:collapse;text-align:left}.cart-table th{position:sticky;top:0;background:var(--color_bg_secondary);padding:1rem;font-weight:600;color:var(--color_text_secondary);border-bottom:2px solid var(--color_border);z-index:10}.cart-table td{padding:1rem;border-bottom:1px solid var(--color_border);color:var(--color_text_primary);vertical-align:middle}.cart-table tr:last-child td{border-bottom:none}.cart-table .product-cell{width:40%}.cart-table .product-details{display:flex;flex-direction:column;gap:.25rem}.cart-table .product-details .name{font-weight:600;font-size:.95rem}.cart-table .product-details .code{font-size:.8rem;color:var(--color_text_secondary);font-family:monospace}.cart-table .product-details .promo-badge{display:inline-block;padding:.125rem .375rem;background:#16a34a1a;color:var(--success-color, #16a34a);border-radius:4px;font-size:.75rem;font-weight:600;width:fit-content}.cart-table .original-price{color:var(--color_text_secondary);font-size:.85rem}.cart-table .quantity-cell{width:150px}.cart-table .quantity-controls{display:flex;align-items:center;gap:.5rem}.cart-table .qty-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color_border);background:var(--color_bg_secondary);border-radius:6px;cursor:pointer;color:var(--color_text_primary);transition:all .2s ease}.cart-table .qty-btn:hover{background:var(--primary-light, #e3f2fd);border-color:var(--primary-color, #4a90e2);color:var(--primary-color, #4a90e2)}.cart-table .qty-input{width:50px;height:28px;text-align:center;border:1px solid var(--color_border);border-radius:6px;background:var(--color_bg_primary);color:var(--color_text_primary);font-weight:600}.cart-table .qty-input:focus{outline:none;border-color:var(--primary-color, #4a90e2)}.cart-table .total-cell{font-weight:600;color:var(--color_text_primary)}.cart-table .discount-info{font-size:.75rem;margin-top:.25rem}.cart-table .text-success{color:var(--success-color, #16a34a)}.cart-table .remove-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-tertiary, #94a3b8);border-radius:6px;cursor:pointer;transition:all .2s ease}.cart-table .remove-btn:hover{background:#ef44441a;color:#ef4444}.cart-table .empty-cart-row td{padding:4rem 2rem;text-align:center}.cart-table .empty-cart-message{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--color_text_secondary)}.cart-table .empty-cart-message svg{opacity:.5;color:var(--color_text_secondary)}.cart-table .empty-cart-message p{font-size:1.1rem;font-weight:600;margin:0}.cart-table .empty-cart-message span{font-size:.9rem;color:var(--text-tertiary, #94a3b8)}.billing-summary{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;height:100%}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;color:var(--color_text_secondary)}.summary-row span:last-child{font-weight:600;color:var(--color_text_primary)}.discount-row{color:var(--success-color, #16a34a)}.discount-label{display:flex;align-items:center;gap:.5rem}.toggle-discount-btn{font-size:.75rem;color:var(--primary-color, #4a90e2);background:transparent;border:none;cursor:pointer;text-decoration:underline;padding:0}.discount-controls{display:flex;gap:.5rem;padding:.75rem;background:var(--color_bg_primary);border-radius:8px;margin-bottom:.5rem}.discount-type-toggle{display:flex;border:1px solid var(--color_border);border-radius:6px;overflow:hidden}.discount-type-toggle button{padding:.25rem .5rem;background:var(--color_bg_secondary);border:none;cursor:pointer;font-size:.875rem;color:var(--color_text_secondary);transition:all .2s ease}.discount-type-toggle button.active{background:var(--primary-color, #4a90e2);color:#fff}.discount-input{flex:1;padding:.25rem .5rem;border:1px solid var(--color_border);border-radius:6px;background:var(--color_bg_card);color:var(--color_text_primary);font-size:.9rem}.total-row{padding-top:1rem;border-top:1px solid var(--color_border);font-size:1.1rem;font-weight:600;color:var(--color_text_primary)}.round-off-row{font-size:.875rem}.round-off-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.final-total-row{margin-top:auto;padding:1rem;background:var(--primary-light, #e3f2fd);border-radius:8px;color:var(--primary-color, #4a90e2);font-size:1.25rem;font-weight:700}.final-total-row span:last-child{color:var(--primary-color, #4a90e2)}.checkout-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem;background:var(--primary-color, #4a90e2);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1rem}.checkout-btn:hover{background:var(--primary-hover, #357abd);transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d}.checkout-btn:disabled{background:var(--color_text_secondary);cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.cls_modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.cls_modal{background:var(--color_bg_card);border-radius:var(--radius_lg, .5rem);box-shadow:var(--shadow_lg, 0 10px 15px -3px rgba(0, 0, 0, .1));max-height:90vh;overflow:hidden;display:flex;flex-direction:column;width:100%;max-width:500px}.cls_modal--medium{max-width:600px}.cls_modal--large{max-width:800px}.cls_modal-header{padding:1.5rem;border-bottom:1px solid var(--color_gray_200, #e5e7eb);display:flex;align-items:center;justify-content:space-between}.cls_modal-header h2{font-size:1.25rem;font-weight:600;color:var(--color_text_primary);display:flex;align-items:center;gap:.5rem;margin:0}.cls_modal-close{padding:.5rem;border:none;background:transparent;color:var(--color_text_muted);cursor:pointer;border-radius:var(--radius_md, .375rem);transition:all .2s ease;font-size:1.25rem}.cls_modal-close:hover{background:var(--color_gray_100, #f3f4f6);color:var(--color_text_secondary)}.cls_modal-body{padding:1.5rem;overflow-y:auto;flex:1}.cls_modal-footer{padding:1.5rem;border-top:1px solid var(--color_gray_200, #e5e7eb);display:flex;gap:.75rem;justify-content:flex-end}.cls_btn{padding:.75rem 1.25rem;border-radius:var(--radius_md, .375rem);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;border:none}.cls_btn--primary{background:var(--color_accent, #4f46e5);color:#fff}.cls_btn--primary:hover{background:var(--color_accent_hover, #4338ca)}.cls_btn--primary:disabled{opacity:.6;cursor:not-allowed}.cls_btn--secondary{background:var(--color_gray_100, #f3f4f6);color:var(--color_text_primary);border:1px solid var(--color_border)}.cls_btn--secondary:hover{background:var(--color_gray_200, #e5e7eb)}.billing-page .cls_loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.billing-page .cls_spinner{animation:spin 1s linear infinite}:root{--promo-bg: var(--color_bg, #f8fafc);--promo-card-bg: var(--color_bg_card, #ffffff);--promo-hover: var(--color_bg_hover, #f1f5f9);--promo-border: var(--color_border, #e2e8f0);--promo-text: var(--color_text_primary, #0f172a);--promo-text-secondary: var(--color_text_secondary, #64748b);--promo-text-muted: var(--color_text_muted, #94a3b8);--promo-primary: var(--color_accent, #3b82f6);--promo-primary-dark: var(--color_accent_hover, #2563eb);--promo-primary-light: var(--color_accent_bg, rgba(59, 130, 246, .1));--promo-success: var(--color_success, #10b981);--promo-success-light: rgba(16, 185, 129, .1);--promo-error: var(--color_danger, #ef4444);--promo-error-light: rgba(239, 68, 68, .1);--promo-warning: #f59e0b;--promo-info: #06b6d4;--promo-info-light: rgba(6, 182, 212, .1);--promo-shadow-sm: var(--shadow_sm, 0 1px 2px rgba(0, 0, 0, .05));--promo-shadow-md: var(--shadow_md, 0 4px 6px rgba(0, 0, 0, .1));--promo-shadow-lg: 0 10px 15px rgba(0, 0, 0, .15);--promo-shadow-xl: 0 20px 25px rgba(0, 0, 0, .2)}[data-theme=night]{--promo-bg: #0a0e1a;--promo-card-bg: #151b2e;--promo-hover: #1f2937;--promo-border: #2d3748;--promo-text: #f1f5f9;--promo-text-secondary: #cbd5e1;--promo-text-muted: #94a3b8;--promo-primary: #60a5fa;--promo-primary-dark: #3b82f6;--promo-primary-light: rgba(96, 165, 250, .15);--promo-success: #34d399;--promo-success-light: rgba(52, 211, 153, .15);--promo-error: #f87171;--promo-error-light: rgba(248, 113, 113, .15);--promo-warning: #fbbf24;--promo-info: #22d3ee;--promo-info-light: rgba(34, 211, 238, .15);--promo-shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--promo-shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--promo-shadow-lg: 0 10px 15px rgba(0, 0, 0, .6);--promo-shadow-xl: 0 20px 25px rgba(0, 0, 0, .7)}.promotions-page{width:100%;height:100%;display:flex;flex-direction:column;background:var(--promo-bg);animation:fadeIn .3s ease-in}.promotions-container{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.promotions-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;padding:16px;background:var(--promo-card-bg);border-radius:12px;box-shadow:var(--promo-shadow-sm)}.tab-button{display:flex;align-items:center;gap:12px;padding:16px;background:transparent;border:2px solid var(--promo-border);border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--promo-text);position:relative;overflow:hidden}.tab-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--promo-primary-light);opacity:0;transition:opacity .3s ease;z-index:0}.tab-button:hover:before{opacity:1}.tab-button:hover{border-color:var(--promo-primary);transform:translateY(-2px);box-shadow:var(--promo-shadow-md)}.tab-button.active{background:var(--promo-primary);border-color:var(--promo-primary);color:#fff;box-shadow:0 4px 12px #3b82f64d;transform:translateY(0)}.tab-button.active:before{opacity:0}.tab-button svg,.promotions-page .tab-content{position:relative;z-index:1}.promotions-page .tab-content{display:flex;flex-direction:column;gap:4px}.promotions-page .tab-label{font-weight:600;font-size:15px;color:var(--promo-text)}.promotions-page .tab-description{font-size:13px;opacity:.8;color:var(--promo-text-secondary)}.promotions-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;background:var(--promo-card-bg);border-radius:12px;box-shadow:var(--promo-shadow-sm);flex-wrap:wrap}.toolbar-left{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.toolbar-right{display:flex;gap:12px;align-items:center;flex-wrap:nowrap}.search-box{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--promo-bg);border:2px solid var(--promo-border);border-radius:8px;min-width:300px;transition:all .2s ease}.search-box:focus-within{border-color:var(--promo-primary);box-shadow:0 0 0 3px var(--promo-primary-light)}.search-box input{flex:1;border:none;background:transparent;outline:none;color:var(--promo-text);font-size:14px}.search-box input::placeholder{color:var(--promo-text-muted)}.search-box svg{color:var(--promo-text-secondary);flex-shrink:0}.filter-select{padding:10px 16px;background:var(--promo-bg);border:2px solid var(--promo-border);border-radius:8px;color:var(--promo-text);font-size:14px;cursor:pointer;transition:all .2s ease;min-width:150px}.filter-select:hover{border-color:var(--promo-primary)}.filter-select:focus{outline:none;border-color:var(--promo-primary);box-shadow:0 0 0 3px var(--promo-primary-light)}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:44px}.btn-primary{background:var(--promo-primary);color:#fff}.btn-primary:hover{background:var(--promo-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-secondary{background:var(--promo-card-bg);color:var(--promo-text);border:2px solid var(--promo-border)}.btn-secondary:hover{background:var(--promo-hover);border-color:var(--promo-primary);transform:translateY(-1px)}.promotions-content{flex:1;min-height:400px;overflow:visible}.promotions-page .promotions-content{height:auto!important;max-height:none!important}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px}.spinner{width:48px;height:48px;border:4px solid var(--promo-border);border-top-color:var(--promo-primary);border-radius:50%;animation:spin 1s linear infinite}.skeleton-card,.skeleton-item{position:relative;overflow:hidden;pointer-events:none}.skeleton-animation{display:flex;flex-direction:column;gap:12px;padding:20px}.skeleton-line,.skeleton-circle{background:linear-gradient(90deg,var(--promo-border) 0%,var(--promo-hover) 50%,var(--promo-border) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}.skeleton-circle{width:56px;height:56px;border-radius:50%;flex-shrink:0}.skeleton-header{height:24px;width:70%}.skeleton-body{height:60px;width:100%}.skeleton-footer{height:20px;width:50%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;gap:16px;color:var(--promo-text-secondary);animation:slideUp .4s ease-out}.empty-state svg{opacity:.3;color:var(--promo-text-muted)}.empty-state h3{font-size:20px;font-weight:600;color:var(--promo-text);margin:8px 0}.empty-state p{font-size:14px;max-width:400px;line-height:1.6}.promotions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:28px;padding:4px}.promo-card{background:var(--promo-card-bg);border:2px solid var(--promo-border);border-radius:16px;padding:0;display:flex;flex-direction:column;transition:all .3s ease;box-shadow:0 2px 8px #00000014;overflow:hidden}.promo-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:var(--promo-primary)}.promo-card.promo-inactive{opacity:.7;background:var(--promo-hover)}.promo-top{display:flex;align-items:flex-start;gap:12px;padding:20px;background:var(--promo-bg);border-bottom:1px solid var(--promo-border)}.promo-icon-badge{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color_success_green);color:#fff;border-radius:10px;box-shadow:0 4px 12px #22c55e4d;transition:all .3s ease}.promo-inactive .promo-icon-badge{background:var(--color_warning_red);box-shadow:0 4px 12px #ef44444d}.promo-title-section{flex:1;min-width:0}.promo-title{font-size:17px;font-weight:700;color:var(--promo-text);margin:0 0 8px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.promo-code-badge{display:inline-block}.promo-code-badge code{display:inline-block;padding:4px 12px;background:var(--color_success_green);color:#fff;border-radius:6px;font-size:12px;font-weight:700;font-family:Courier New,monospace;letter-spacing:1px;box-shadow:0 2px 6px #22c55e4d;transition:all .3s ease}.promo-inactive .promo-code-badge code{background:var(--color_warning_red);box-shadow:0 2px 6px #ef44444d}.promo-actions{display:flex;gap:6px;flex-shrink:0}.promo-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--promo-border);border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--promo-text)}.promo-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.promo-btn.btn-active{background:var(--promo-success-light);border-color:var(--promo-success);color:var(--promo-success)}.promo-btn.btn-inactive{background:var(--promo-error-light);border-color:var(--promo-error);color:var(--promo-error)}.promo-btn.btn-duplicate:hover{border-color:var(--promo-info);color:var(--promo-info)}.promo-btn.btn-edit:hover{border-color:var(--promo-warning);color:var(--promo-warning)}.promo-btn.btn-delete:hover{background:var(--promo-error);border-color:var(--promo-error);color:#fff}.promo-middle{padding:24px 20px;text-align:center}.promo-discount-box{background:var(--color_success_green);padding:28px 20px;border-radius:12px;margin-bottom:16px;box-shadow:0 4px 16px #22c55e33;transition:all .3s ease}.promo-inactive .promo-discount-box{background:var(--color_warning_red);box-shadow:0 4px 16px #ef444433}.discount-amount{font-size:38px;font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2);line-height:1;margin-bottom:8px}.discount-type{font-size:12px;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:1px}.promo-description{font-size:14px;color:var(--promo-text-secondary);line-height:1.6;margin:0}.promo-details-section{padding:16px 20px;background:var(--promo-hover);border-top:1px solid var(--promo-border);border-bottom:1px solid var(--promo-border)}.promo-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.promo-detail{display:flex;gap:10px;align-items:flex-start}.promo-detail svg{flex-shrink:0;color:var(--promo-primary);margin-top:2px}.detail-content{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:11px;font-weight:600;color:var(--promo-text-muted);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;font-weight:600;color:var(--promo-text)}.promo-rules{padding:16px 20px;display:flex;flex-wrap:wrap;gap:8px}.promo-rule-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--promo-info-light);color:var(--promo-info);border:1px solid rgba(6,182,212,.3);border-radius:6px;font-size:12px;font-weight:600}.promo-rule-tag svg{flex-shrink:0}.promo-bottom{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--promo-bg);border-top:1px solid var(--promo-border)}.promo-stats{display:flex;gap:16px;align-items:center}.promo-stats .stat{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--promo-text)}.promo-stats .stat svg{flex-shrink:0;color:var(--promo-primary)}.promo-stats .stat strong{font-weight:700;color:var(--promo-primary)}.status-badge{padding:6px 12px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;border:2px solid}.status-badge.active{background:var(--promo-success-light);color:var(--promo-success);border-color:var(--promo-success)}@media(max-width:768px){.promotions-grid,.promo-details-grid{grid-template-columns:1fr}.promo-actions{flex-wrap:wrap}}.promotion-card{background:var(--promo-card-bg);border:2px solid var(--promo-border);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:20px;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--promo-shadow-sm);position:relative;overflow:visible;z-index:1}.promotion-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--promo-primary),var(--promo-info));opacity:0;transition:opacity .3s ease;z-index:2}.promotion-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #3b82f626,0 10px 20px #0000001a;border-color:var(--promo-primary);z-index:10}.promotion-card:hover:before{opacity:1}.promotion-card.inactive-card{opacity:.7;filter:grayscale(.4)}.promotion-card.inactive-card:hover{opacity:1;filter:grayscale(0)}.promotion-card>*{position:relative;z-index:3}.card-accent-bar{position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--promo-primary) 0%,var(--promo-info) 50%,var(--promo-success) 100%);border-radius:16px 16px 0 0;z-index:4}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-title-row{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.card-title-content{flex:1;min-width:0}.card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--promo-primary);color:#fff;border-radius:12px;flex-shrink:0;box-shadow:0 4px 12px #3b82f659}.card-header h3,.card-title-content h3{font-size:19px;font-weight:700;color:var(--promo-text);margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.coupon-code-wrapper{display:inline-flex;align-items:center;gap:8px;margin-top:4px}.coupon-code{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,var(--promo-warning) 0%,#ff8c00 100%);color:#fff;border-radius:8px;font-size:14px;font-weight:800;letter-spacing:1.2px;box-shadow:0 4px 12px #f59e0b59,inset 0 -2px 4px #0000001a;border:2px solid rgba(255,255,255,.3);position:relative;overflow:hidden}.coupon-code:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}50%,to{left:100%}}.code-label{font-size:10px;font-weight:700;color:var(--promo-text-muted);letter-spacing:1px;text-transform:uppercase}.card-actions{display:flex;gap:8px;flex-shrink:0}.card-actions button,.action-btn,.icon-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--promo-bg);border:2px solid var(--promo-border);border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:var(--promo-text);position:relative;overflow:hidden}.card-actions button:before,.action-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--promo-primary-light);transition:all .4s ease;transform:translate(-50%,-50%);z-index:0}.card-actions button:hover:before,.action-btn:hover:before{width:100%;height:100%;border-radius:0}.card-actions button:hover,.action-btn:hover,.icon-btn:hover{background:var(--promo-hover);border-color:var(--promo-primary);color:var(--promo-primary);transform:translateY(-3px) rotate(-5deg);box-shadow:0 6px 16px #3b82f640}.card-actions button:active,.action-btn:active,.icon-btn:active{transform:translateY(0) rotate(0)}.active-toggle{background:var(--promo-success-light);border-color:var(--promo-success);color:var(--promo-success)}.inactive-toggle{background:var(--promo-error-light);border-color:var(--promo-error);color:var(--promo-error)}.duplicate-btn:hover{border-color:var(--promo-info);color:var(--promo-info)}.edit-btn:hover{border-color:var(--promo-warning);color:var(--promo-warning)}.btn-danger:hover{background:var(--promo-error);border-color:var(--promo-error);color:#fff;box-shadow:0 6px 16px #ef44444d}.card-body{display:flex;flex-direction:column;gap:14px}.discount-display{background:linear-gradient(135deg,var(--promo-primary) 0%,var(--promo-info) 100%);padding:32px 20px;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 8px 24px #3b82f640,inset 0 2px 4px #fff3;text-align:center}.discount-display:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite;z-index:0}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.discount-value{display:block;font-size:42px;font-weight:900;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.3);letter-spacing:-1px;line-height:1;position:relative;z-index:1}.discount-label{display:block;font-size:11px;font-weight:700;color:#ffffffe6;letter-spacing:2px;text-transform:uppercase;margin-top:8px;position:relative;z-index:1}.card-description{font-size:14px;color:var(--promo-text-secondary);line-height:1.6;margin:0}.card-details{display:flex;flex-direction:column;gap:12px;padding:16px;background:linear-gradient(135deg,var(--promo-bg) 0%,var(--promo-hover) 100%);border:1px solid var(--promo-border);border-radius:12px;box-shadow:inset 0 2px 4px #00000008}.detail-item{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:14px;color:var(--promo-text);font-weight:600;transition:all .2s ease}.detail-item:hover{transform:translate(4px);color:var(--promo-primary)}.detail-item svg{flex-shrink:0;color:var(--promo-primary);filter:drop-shadow(0 2px 4px rgba(59,130,246,.2))}.rules-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.rule-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,var(--promo-info-light) 0%,rgba(6,182,212,.05) 100%);color:var(--promo-info);border:2px solid rgba(6,182,212,.3);border-radius:8px;font-size:12px;font-weight:700;transition:all .3s ease;box-shadow:0 2px 6px #06b6d41a}.rule-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px #06b6d440;background:linear-gradient(135deg,#06b6d426,#06b6d414)}.rule-tag svg{flex-shrink:0}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:18px;margin-top:8px;border-top:2px solid var(--promo-border);flex-wrap:wrap;gap:12px}.footer-left{display:flex;align-items:center;gap:8px}.status-badge{padding:8px 16px;border-radius:8px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;box-shadow:0 2px 8px #0000001a;border:2px solid}.status-badge.active{background:var(--promo-success-light);color:var(--promo-success);border-color:var(--promo-success);animation:pulse-success 2s ease-in-out infinite}@keyframes pulse-success{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 4px #10b98100}}.status-badge.inactive{background:var(--promo-error-light);color:var(--promo-error);border-color:var(--promo-error)}.status-badge.scheduled{background:var(--promo-info-light);color:var(--promo-info);border-color:var(--promo-info)}.status-badge.expired{background:var(--promo-text-muted);color:#fff;border-color:var(--promo-text-muted)}.usage-stats{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:var(--promo-text)}.stat-item{display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.stat-item:hover{color:var(--promo-primary);transform:scale(1.05)}.stat-item svg{flex-shrink:0;color:var(--promo-primary)}.stat-item strong{font-weight:800;color:var(--promo-primary)}.stat-divider{color:var(--promo-text-muted);font-weight:400}.promotions-list{display:flex;flex-direction:column;gap:16px;animation:fadeIn .4s ease-in}.promotion-list-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;background:var(--promo-card-bg);border:2px solid var(--promo-border);border-radius:12px;transition:all .2s ease}.promotion-list-item:hover{border-color:var(--promo-primary);box-shadow:var(--promo-shadow-md);transform:translate(4px)}.list-item-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.item-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--promo-primary-light);color:var(--promo-primary);border-radius:10px;flex-shrink:0;box-shadow:0 2px 8px #3b82f633}.item-info{display:flex;flex-direction:column;gap:6px;min-width:0}.item-info h3{font-size:16px;font-weight:600;color:var(--promo-text);margin:0;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.item-subtitle{font-size:14px;color:var(--promo-text);margin:0;font-weight:500}.item-subtitle strong{color:var(--promo-primary)}.item-description{font-size:13px;color:var(--promo-text-secondary);margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.list-item-center{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.discount-badge{padding:10px 18px;background:var(--promo-success-light);color:var(--promo-success);border:1px solid rgba(16,185,129,.3);border-radius:8px;font-size:16px;font-weight:700}.date-range{font-size:12px;color:var(--promo-text-secondary);white-space:nowrap;font-weight:500}.list-item-right{display:flex;gap:8px;flex-shrink:0}.bulk-pricing-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;animation:fadeIn .4s ease-in}@media(max-width:1200px){.bulk-pricing-container{grid-template-columns:1fr}}.bulk-pricing-form{background:var(--promo-card-bg);border:1px solid var(--promo-border);border-radius:12px;padding:24px;box-shadow:var(--promo-shadow-sm)}.bulk-pricing-form h3{font-size:20px;font-weight:600;color:var(--promo-text);margin:0 0 24px}.form-section{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-section label{font-size:14px;font-weight:500;color:var(--promo-text)}.form-section input,.form-section select,.form-section textarea{padding:10px 14px;background:var(--promo-bg);border:2px solid var(--promo-border);border-radius:8px;color:var(--promo-text);font-size:14px;transition:all .2s ease;min-height:44px}.form-section input:focus,.form-section select:focus,.form-section textarea:focus{outline:none;border-color:var(--promo-primary);box-shadow:0 0 0 3px var(--promo-primary-light)}.form-section input::placeholder,.form-section textarea::placeholder{color:var(--promo-text-muted)}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--promo-primary)}.form-actions{display:flex;gap:12px;margin-top:24px}.form-actions button{flex:1}.price-preview{background:var(--promo-card-bg);border:1px solid var(--promo-border);border-radius:12px;padding:24px;box-shadow:var(--promo-shadow-sm)}.price-preview h3{font-size:20px;font-weight:600;color:var(--promo-text);margin:0 0 16px}.preview-table{overflow-x:auto}.preview-table table{width:100%;border-collapse:collapse}.preview-table th,.preview-table td{padding:12px;text-align:left;border-bottom:1px solid var(--promo-border);font-size:14px}.preview-table th{font-weight:600;color:var(--promo-text);background:var(--promo-bg);position:sticky;top:0}.preview-table td{color:var(--promo-text-secondary)}.preview-table .positive{color:var(--promo-success);font-weight:600}.preview-table .negative{color:var(--promo-error);font-weight:600}.analytics-container{display:flex;flex-direction:column;gap:24px;animation:fadeIn .4s ease-in}.analytics-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card{display:flex;align-items:center;gap:16px;padding:24px;background:var(--promo-card-bg);border:1px solid var(--promo-border);border-radius:12px;box-shadow:var(--promo-shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--promo-shadow-md)}.stat-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--promo-primary-light);color:var(--promo-primary);border-radius:12px;flex-shrink:0}.stat-icon.active{background:var(--promo-success-light);color:var(--promo-success)}.stat-content h4{font-size:14px;font-weight:500;color:var(--promo-text-secondary);margin:0 0 8px}.stat-value{font-size:28px;font-weight:700;color:var(--promo-text);margin:0}.top-promotions{background:var(--promo-card-bg);border:1px solid var(--promo-border);border-radius:12px;padding:24px;box-shadow:var(--promo-shadow-sm)}.top-promotions h3{font-size:18px;font-weight:600;color:var(--promo-text);margin:0 0 20px}.promotions-ranking{display:flex;flex-direction:column;gap:12px}.ranking-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--promo-bg);border-radius:8px;transition:all .2s ease}.ranking-item:hover{background:var(--promo-hover);transform:translate(4px)}.rank{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--promo-primary);color:#fff;border-radius:8px;font-size:16px;font-weight:700;flex-shrink:0}.ranking-info h4{font-size:15px;font-weight:600;color:var(--promo-text);margin:0 0 4px}.ranking-info p{font-size:13px;color:var(--promo-text-secondary);margin:0}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-in}.modal-content{background:var(--promo-card-bg);border-radius:16px;box-shadow:var(--promo-shadow-xl);max-width:700px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--promo-border)}.modal-header h2{font-size:22px;font-weight:600;color:var(--promo-text);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--promo-text);transition:all .2s ease}.modal-close:hover{background:var(--promo-hover)}.modal-body h4{font-size:16px;font-weight:600;color:var(--promo-text);margin:24px 0 12px}.input-error{border-color:var(--promo-error)!important;box-shadow:0 0 0 3px var(--promo-error-light)!important}.error-message{display:block;color:var(--promo-error);font-size:12px;margin-top:4px;font-weight:500}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:1px solid var(--promo-border);margin-top:24px}@media(max-width:1024px){.promotions-tabs,.analytics-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:768px){.promotions-container{padding:16px}.promotions-tabs{grid-template-columns:1fr;gap:12px}.promotions-toolbar{flex-direction:column;align-items:stretch}.toolbar-left,.toolbar-right{width:100%;flex-direction:column}.search-box{min-width:100%}.promotions-grid{grid-template-columns:1fr}.promotion-list-item{flex-direction:column;align-items:flex-start}.list-item-center,.list-item-right{width:100%}.list-item-right{justify-content:flex-end}.form-row,.analytics-stats{grid-template-columns:1fr}.modal-content{max-height:95vh}.modal-header,.modal-body{padding:16px}}@media(max-width:480px){.tab-button{padding:12px}.tab-label{font-size:14px}.tab-description{font-size:12px}.card-actions{flex-wrap:wrap}.discount-display{font-size:28px}}*:focus-visible{outline:2px solid var(--promo-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.promotion-card,.promotion-list-item,.btn-primary,.btn-secondary{border-width:2px}}@media print{.promotions-toolbar,.card-actions,.modal-overlay{display:none!important}.promotions-grid,.promotions-list{break-inside:avoid}}:root,[data-theme=light]{--primary-purple: #8b5cf6;--primary-purple-hover: #7c3aed;--primary-blue: #3b82f6;--primary-blue-hover: #2563eb;--active-nav-bg: #7c3aed;--page-bg: #f8fafc;--card-bg: rgba(255, 255, 255, .9);--card-bg-solid: #ffffff;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--border-color: transparent;--input-bg: #ffffff;--input-border: #e5e7eb;--radius-xl: 24px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .06), 0 1px 2px -1px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .06);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .06);--glass-bg: rgba(255, 255, 255, .95);--glass-border: transparent;--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .12);--gradient-purple: #8b5cf6;--gradient-blue: #3b82f6;--gradient-success: #10b981;--accent-glow: 0 0 40px rgba(139, 92, 246, .15)}[data-theme=dark],[data-theme=night]{--primary-purple: #a78bfa;--primary-purple-hover: #8b5cf6;--primary-blue: #60a5fa;--primary-blue-hover: #3b82f6;--active-nav-bg: #7c3aed;--page-bg: #0f172a;--card-bg: rgba(30, 41, 59, .9);--card-bg-solid: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: transparent;--input-bg: #1e293b;--input-border: #334155;--glass-bg: rgba(30, 41, 59, .95);--glass-border: transparent;--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4);--accent-glow: 0 0 40px rgba(139, 92, 246, .25)}.barcode-generator-page{background:var(--page-bg);min-height:100vh;padding:1.5rem 2rem 2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);position:relative;overflow-x:hidden}.barcode-generator-page:before,.barcode-generator-page:after{content:"";position:fixed;border-radius:50%;filter:blur(100px);opacity:.4;z-index:0;pointer-events:none;animation:float 20s ease-in-out infinite}.barcode-generator-page:before{width:500px;height:500px;background:linear-gradient(135deg,#8b5cf64d,#6366f133);top:-100px;right:-100px}.barcode-generator-page:after{width:400px;height:400px;background:linear-gradient(135deg,#3b82f633,#06b6d426);bottom:-50px;left:-50px;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}.barcode-hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem 2.5rem;background:var(--card-bg-solid);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;z-index:1;overflow:hidden}[data-theme=dark] .barcode-hero{background:var(--card-bg-solid)}.hero-text h1{font-size:2.5rem;font-weight:800;color:var(--primary-purple);margin:0 0 .5rem;letter-spacing:-.03em;line-height:1.1}.hero-description{color:var(--text-secondary);max-width:500px;font-size:1rem;line-height:1.6;margin:0;font-weight:400}.hero-stats{display:flex;gap:1rem}.hero-stat-card{background:var(--card-bg-solid);padding:1.25rem 1.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:130px;text-align:left;transition:all .3s ease;position:relative;overflow:hidden}.hero-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hero-stat-card:hover:before{opacity:1}.hero-stat-card span{display:block;font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.hero-stat-card strong{display:block;font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1;font-variant-numeric:tabular-nums}.main-content-grid{display:grid;grid-template-columns:260px 1fr 380px;gap:1.5rem;align-items:start;position:relative;z-index:1}.nav-sidebar{display:flex;flex-direction:column;gap:.75rem}.nav-item{display:flex;align-items:center;gap:1rem;width:100%;padding:1.25rem 1.5rem;border:none;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;color:var(--text-secondary);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.nav-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);background:var(--card-bg)}.nav-item:hover:before{opacity:.5}.nav-item.active{background:var(--active-nav-bg);color:#fff;box-shadow:0 10px 25px -5px #7c3aed66,0 8px 10px -6px #7c3aed33}.nav-item.active:before{display:none}.nav-item.active .nav-item-content p{color:#ffffffd9}.nav-item-content h3{font-size:.95rem;font-weight:600;margin:0;line-height:1.3}.nav-item-content p{font-size:.8rem;margin:.25rem 0 0;opacity:.85;font-weight:400}.form-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-lg);min-height:500px;position:relative;overflow:hidden}.form-header{margin-bottom:2rem}.form-header h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary);letter-spacing:-.01em}.form-header p{color:var(--text-secondary);margin:0;font-size:.95rem}.form-grid{display:grid;gap:1.5rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field span{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.form-field input,.form-field select{padding:.875rem 1rem;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;background:var(--input-bg);color:var(--text-primary);width:100%;transition:all .2s ease;background-color:#f3f4f6}.form-field input:hover,.form-field select:hover{background-color:#e5e7eb}.form-field input:focus,.form-field select:focus{outline:none;background-color:#fff;box-shadow:0 0 0 2px var(--primary-purple)}.form-field input::placeholder{color:var(--text-muted);font-weight:400}.btn-primary{background:var(--primary-blue);color:#fff;border:none;padding:1rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;cursor:pointer;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px -3px #3b82f666;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .4s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px #3b82f680}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-view-jobs{background:var(--primary-purple);color:#fff;border:none;padding:1rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;box-shadow:0 4px 14px -3px #7c3aed66;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-view-jobs:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px #7c3aed80}.preview-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-lg);position:relative}.preview-card-inner{border-radius:var(--radius-md);padding:2rem 1.5rem;position:relative;min-height:280px;display:flex;align-items:center;justify-content:center}[data-theme=dark] .preview-card-inner{background:#1e293b;background-image:radial-gradient(rgba(71,85,105,.4) 1px,transparent 1px)}.live-preview-badge{position:absolute;top:1rem;right:1rem;background:#dbeafe;color:#4338ca;padding:.35rem .85rem;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px #4338ca33;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}[data-theme=dark] .live-preview-badge{background:#6366f133;color:#a5b4fc}.barcode-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.25rem}.btn-outline{background:var(--card-bg-solid);border:none;color:var(--text-secondary);padding:.75rem;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-outline:hover{background:var(--card-bg);color:var(--primary-purple);transform:translateY(-1px);box-shadow:var(--shadow-md)}[data-theme=dark] .btn-outline{background:var(--input-bg)}[data-theme=dark] .btn-outline:hover{background:#8b5cf61a;color:var(--primary-purple)}.advanced-settings-preview{background:#1e293b;border-radius:var(--radius-md);padding:1.25rem;margin-top:1rem;color:#fff;font-size:.9rem}.dialog-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.dialog-content{background:var(--card-bg-solid);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000040;max-width:1000px;width:90%;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#8b5cf608}.dialog-header h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.dialog-close{width:36px;height:36px;border-radius:50%;border:none;background:var(--card-bg);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.dialog-close:hover{background:#ef44441a;color:#ef4444;transform:rotate(90deg)}.dialog-body{padding:1.5rem 2rem;overflow-y:auto}.jobs-table{width:100%;border-collapse:separate;border-spacing:0}.jobs-table th{text-align:left;padding:1rem;color:var(--text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;background:var(--card-bg)}.jobs-table td{padding:1rem;font-size:.9rem}.jobs-table tbody tr{transition:background .15s ease}.jobs-table tbody tr:hover{background:#8b5cf608}.status-badge{padding:.35rem .85rem;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.status-completed{background:#dcfce7;color:#047857}.status-processing{background:#dbeafe;color:#4338ca}.advanced-settings-preview{background:#1e293b;border-radius:8px;padding:1rem;margin-top:1rem;color:#fff;font-size:.9rem}.barcode-preview-card{display:flex;flex-direction:column;gap:1.5rem}.barcode-label-container{display:flex;justify-content:center;align-items:center;min-height:120px}.barcode-image{max-width:100%;height:auto;display:block}.barcode-controls-area{display:flex;flex-direction:column;gap:1rem}.advanced-toggle{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--card-bg);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);font-weight:500;font-size:.9rem;box-shadow:var(--shadow-sm)}.advanced-toggle:hover{background:#f9fafb;box-shadow:var(--shadow-md)}.advanced-toggle.active{background:#f0f9ff;color:var(--primary-blue)}.toggle-label{display:flex;align-items:center;gap:.5rem}.advanced-controls{background:#f8fafc;border:none;border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;animation:slideDown .2s ease-out;box-shadow:var(--shadow-sm)}.control-row{display:grid;grid-template-columns:1fr 1.5fr;align-items:center;gap:1rem}.control-info{display:flex;flex-direction:column;gap:.125rem}.control-info label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.control-hint{font-size:.75rem;color:var(--text-secondary)}.barcode-select{width:100%;padding:.5rem;border:none;border-radius:6px;background:#fff;font-size:.9rem;color:var(--text-primary);cursor:pointer;box-shadow:inset 0 0 0 1px #00000014}.slider-container{display:flex;align-items:center;gap:.75rem}.barcode-slider{flex:1;height:6px;background:#e2e8f0;border-radius:3px;appearance:none;cursor:pointer}.barcode-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:var(--primary-purple);border-radius:50%;cursor:pointer;transition:transform .1s}.barcode-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-value{min-width:2.5rem;text-align:right;font-size:.9rem;font-weight:600;color:var(--primary-purple)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#94a3b8;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 1px 2px #0000001a}input:checked+.toggle-slider{background-color:var(--primary-purple)}input:checked+.toggle-slider:before{transform:translate(20px)}.btn-action{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;border:1px solid transparent}.btn-download{background:#f1f5f9;border:none;color:var(--text-primary);box-shadow:var(--shadow-sm)}.btn-download:hover{background:#e2e8f0;box-shadow:var(--shadow-md)}[data-theme=dark] .advanced-toggle{background:var(--card-bg);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .advanced-toggle:hover{background:#374151;border-color:#4b5563}[data-theme=dark] .advanced-toggle.active{background:#8b5cf61a;border-color:var(--primary-purple);color:var(--primary-purple)}[data-theme=dark] .advanced-controls{background:#111827;border-color:var(--border-color)}[data-theme=dark] .barcode-select{background:var(--input-bg);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .barcode-slider{background:#4b5563}[data-theme=dark] .toggle-slider{background-color:#4b5563}[data-theme=dark] .toggle-slider:before{background-color:#e5e7eb}[data-theme=dark] input:checked+.toggle-slider{background-color:var(--primary-purple)}.format-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.5rem}.format-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem 1rem;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);background:var(--card-bg-solid);color:var(--text-secondary);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.format-option:hover{background:#f0f9ff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.format-option.active{background:#eff6ff;color:var(--primary-blue);box-shadow:0 4px 14px -3px #3b82f64d}.format-option span{font-size:.85rem;font-weight:600}[data-theme=dark] .format-option{background:var(--input-bg)}[data-theme=dark] .format-option:hover{background:#3b82f61a}[data-theme=dark] .format-option.active{background:#3b82f626;color:var(--primary-blue)}@media(max-width:1400px){.main-content-grid{grid-template-columns:240px 1fr 360px}}@media(max-width:1200px){.main-content-grid{grid-template-columns:1fr 1fr;gap:1.5rem}.nav-sidebar{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap}.nav-item{flex:1 1 200px}.preview-panel{grid-column:1 / -1}}@media(max-width:768px){.barcode-generator-page{padding:1rem}.barcode-hero{flex-direction:column;gap:1.5rem;padding:1.5rem}.hero-stats{width:100%;justify-content:center;flex-wrap:wrap}.hero-stat-card{flex:1 1 100px;min-width:100px}.main-content-grid{grid-template-columns:1fr}.nav-sidebar{flex-direction:column}.form-container{padding:1.5rem}.format-selector{grid-template-columns:repeat(2,1fr)}}.firebase-query-builder{background:var(--card-background, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:20px;margin:16px 0}.query-builder-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--primary-color, #3b82f6)}.query-builder-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary, #1f2937);flex:1}.refresh-btn{padding:6px 10px;background:transparent;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:4px;color:var(--text-secondary, #6b7280);transition:all .2s}.refresh-btn:hover{background:var(--hover-background, #f3f4f6);color:var(--primary-color, #3b82f6)}.query-builder-section{margin-bottom:20px;padding:16px;background:var(--section-background, #f9fafb);border-radius:8px;border:1px solid var(--border-color, #e2e8f0)}.section-label{display:flex;align-items:center;gap:10px;font-weight:600;font-size:.95rem;color:var(--text-primary, #1f2937);margin-bottom:12px}.step-number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--primary-color, #3b82f6);color:#fff;border-radius:50%;font-size:.875rem;font-weight:700}.collection-select{width:100%;padding:10px 12px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:.9rem;background:#fff;cursor:pointer;transition:border-color .2s}.collection-select:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.loading-state{display:flex;align-items:center;gap:10px;padding:20px;color:var(--text-secondary, #6b7280);justify-content:center}.loading-state .spin{animation:spin 1s linear infinite}.sample-documents{background:#fff;border-radius:6px;overflow:hidden}.documents-count{padding:10px 12px;background:var(--info-background, #dbeafe);color:var(--info-text, #1e40af);font-size:.875rem;font-weight:500;border-bottom:1px solid var(--border-color, #e2e8f0)}.documents-preview{max-height:300px;overflow-y:auto;padding:12px}.documents-preview pre{margin:0;font-family:Monaco,Courier New,monospace;font-size:.8rem;color:var(--text-primary, #1f2937);line-height:1.5}.empty-state{padding:30px;text-align:center;color:var(--text-secondary, #6b7280);font-size:.9rem}.aggregation-type{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:12px;background:#fff;border-radius:6px;border:1px solid var(--border-color, #e2e8f0)}.aggregation-type label{font-weight:500;color:var(--text-primary, #1f2937);font-size:.9rem}.aggregation-select{flex:1;padding:8px 10px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer}.aggregation-info{margin-bottom:16px;padding:12px;background:var(--info-background, #dbeafe);border:1px solid var(--info-border, #93c5fd);border-radius:6px}.aggregation-info p{margin:0;font-size:.875rem;color:var(--info-text, #1e40af);line-height:1.5}.field-selection-optional{margin-bottom:12px}.field-selection-optional label{font-size:.875rem;font-weight:500;color:var(--text-secondary, #6b7280);font-style:italic}.field-required{color:var(--danger-color, #ef4444);font-weight:600;font-style:italic}.fields-list{max-height:300px;overflow-y:auto;background:#fff;border-radius:6px;border:1px solid var(--border-color, #e2e8f0)}.field-item{padding:10px 12px;border-bottom:1px solid var(--border-color, #f3f4f6);transition:background .2s}.field-item:last-child{border-bottom:none}.field-item:hover{background:var(--hover-background, #f9fafb)}.field-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;width:100%}.field-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.field-name{flex:1;font-size:.9rem;color:var(--text-primary, #1f2937);font-weight:500}.field-type{font-size:.75rem;color:var(--text-secondary, #6b7280);background:var(--type-background, #f3f4f6);padding:2px 8px;border-radius:4px;font-family:monospace}.field-badge{font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:600;background:var(--success-background, #d1fae5);color:var(--success-text, #065f46)}.selected-fields-summary{margin-top:10px;padding:8px 12px;background:var(--info-background, #dbeafe);color:var(--info-text, #1e40af);border-radius:6px;font-size:.875rem;font-weight:500;text-align:center}.advanced-toggle{width:100%;padding:12px;background:#fff;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;color:var(--text-primary, #1f2937);transition:all .2s}.advanced-toggle:hover{background:var(--hover-background, #f9fafb);border-color:var(--primary-color, #3b82f6)}.advanced-options{margin-top:12px;padding:16px;background:#fff;border-radius:6px;border:1px solid var(--border-color, #e2e8f0)}.filters-section{margin-bottom:16px}.filters-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #e2e8f0)}.filters-header span{flex:1;font-weight:600;color:var(--text-primary, #1f2937)}.add-filter-btn{padding:6px 12px;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:.875rem;font-weight:500;transition:background .2s}.add-filter-btn:hover{background:var(--primary-hover, #2563eb)}.filter-row{display:grid;grid-template-columns:2fr 1.5fr 2fr auto;gap:8px;margin-bottom:8px;align-items:center}.filter-field,.filter-operator,.filter-value{padding:8px 10px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:.875rem;background:#fff}.filter-field:focus,.filter-operator:focus,.filter-value:focus{outline:none;border-color:var(--primary-color, #3b82f6)}.remove-filter-btn{padding:8px;background:transparent;border:1px solid var(--danger-color, #ef4444);border-radius:6px;cursor:pointer;color:var(--danger-color, #ef4444);transition:all .2s;display:flex;align-items:center;justify-content:center}.remove-filter-btn:hover{background:var(--danger-color, #ef4444);color:#fff}.orderby-section{margin-bottom:16px}.orderby-section label{display:block;font-weight:500;color:var(--text-primary, #1f2937);margin-bottom:8px;font-size:.9rem}.orderby-controls{display:grid;grid-template-columns:2fr 1fr;gap:8px}.orderby-field,.orderby-direction{padding:8px 10px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:.875rem;background:#fff}.limit-section{margin-bottom:0}.limit-section label{display:block;font-weight:500;color:var(--text-primary, #1f2937);margin-bottom:8px;font-size:.9rem}.limit-input{width:100%;padding:8px 10px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:.875rem;background:#fff}.limit-input:focus{outline:none;border-color:var(--primary-color, #3b82f6)}.limit-hint{display:block;margin-top:4px;font-size:.75rem;color:var(--text-secondary, #6b7280)}.limit-section.disabled{opacity:.7}.limit-not-applicable{padding:12px;background:var(--color_gray_100, #f3f4f6);border:1px solid var(--color_gray_200, #e5e7eb);border-radius:6px;border-left:3px solid var(--color_warning_orange, #f59e0b)}.limit-not-applicable p{margin:0 0 4px;font-size:.875rem;color:var(--color_warning_orange, #f59e0b)}.limit-not-applicable strong{font-weight:600}.limit-not-applicable small{display:block;font-size:.75rem;color:var(--text-secondary, #6b7280);line-height:1.4}.query-preview{background:#1f2937;color:#f9fafb;padding:16px;border-radius:6px;font-family:Monaco,Courier New,monospace;font-size:.875rem;overflow-x:auto;line-height:1.6}.query-preview code{color:#10b981}[data-theme=dark] .firebase-query-builder,[data-theme=night] .firebase-query-builder{background:var(--background-secondary, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .query-builder-section,[data-theme=night] .query-builder-section{background:var(--background-tertiary, #111827);border-color:var(--border-color, #374151)}[data-theme=dark] .query-builder-header h3,[data-theme=night] .query-builder-header h3{color:var(--text-primary, #f9fafb)}[data-theme=dark] .collection-select,[data-theme=dark] .aggregation-select,[data-theme=dark] .filter-field,[data-theme=dark] .filter-operator,[data-theme=dark] .filter-value,[data-theme=dark] .orderby-field,[data-theme=dark] .orderby-direction,[data-theme=dark] .limit-input,[data-theme=night] .collection-select,[data-theme=night] .aggregation-select,[data-theme=night] .filter-field,[data-theme=night] .filter-operator,[data-theme=night] .filter-value,[data-theme=night] .orderby-field,[data-theme=night] .orderby-direction,[data-theme=night] .limit-input{background:var(--background-tertiary, #111827);color:var(--text-primary, #f9fafb);border-color:var(--border-color, #374151)}[data-theme=dark] .sample-documents,[data-theme=dark] .fields-list,[data-theme=dark] .advanced-options,[data-theme=dark] .aggregation-type,[data-theme=night] .sample-documents,[data-theme=night] .fields-list,[data-theme=night] .advanced-options,[data-theme=night] .aggregation-type{background:var(--background-secondary, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .documents-preview pre,[data-theme=dark] .field-name,[data-theme=dark] .section-label,[data-theme=dark] .aggregation-type label,[data-theme=dark] .orderby-section label,[data-theme=dark] .limit-section label,[data-theme=dark] .filters-header span,[data-theme=night] .documents-preview pre,[data-theme=night] .field-name,[data-theme=night] .section-label,[data-theme=night] .aggregation-type label,[data-theme=night] .orderby-section label,[data-theme=night] .limit-section label,[data-theme=night] .filters-header span{color:var(--text-primary, #f9fafb)}[data-theme=dark] .field-type,[data-theme=dark] .documents-count,[data-theme=dark] .loading-state,[data-theme=night] .field-type,[data-theme=night] .documents-count,[data-theme=night] .loading-state{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .field-item:hover,[data-theme=night] .field-item:hover{background:var(--background-tertiary, #111827)}[data-theme=dark] .advanced-toggle,[data-theme=night] .advanced-toggle{background:var(--background-secondary, #1f2937);color:var(--text-primary, #f9fafb);border-color:var(--border-color, #374151)}[data-theme=dark] .advanced-toggle:hover,[data-theme=night] .advanced-toggle:hover{background:var(--background-tertiary, #111827);border-color:var(--primary-color, #3b82f6)}[data-theme=dark] .limit-not-applicable,[data-theme=night] .limit-not-applicable{background:var(--color_bg_secondary, #1f2937);border-color:var(--color_border, #374151);border-left-color:var(--color_warning_orange, #f59e0b)}[data-theme=dark] .limit-not-applicable p,[data-theme=night] .limit-not-applicable p{color:var(--color_warning_orange, #f59e0b)}[data-theme=dark] .limit-not-applicable small,[data-theme=night] .limit-not-applicable small,[data-theme=dark] .limit-hint,[data-theme=night] .limit-hint{color:var(--color_text_secondary, #9ca3af)}[data-theme=dark] .refresh-btn,[data-theme=night] .refresh-btn{color:var(--text-secondary, #9ca3af);border-color:var(--border-color, #374151)}[data-theme=dark] .refresh-btn:hover,[data-theme=night] .refresh-btn:hover{background:var(--background-tertiary, #111827);color:var(--primary-color, #3b82f6)}[data-theme=dark] .aggregation-info,[data-theme=night] .aggregation-info{background:var(--info-background-dark, #1e3a5f);border-color:var(--info-border-dark, #2563eb)}[data-theme=dark] .aggregation-info p,[data-theme=night] .aggregation-info p{color:var(--info-text-dark, #93c5fd)}[data-theme=dark] .field-selection-optional label,[data-theme=night] .field-selection-optional label{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .field-required,[data-theme=night] .field-required{color:var(--danger-color, #f87171)}.documents-preview::-webkit-scrollbar,.fields-list::-webkit-scrollbar{width:8px}.documents-preview::-webkit-scrollbar-track,.fields-list::-webkit-scrollbar-track{background:var(--scrollbar-track, #f3f4f6);border-radius:4px}.documents-preview::-webkit-scrollbar-thumb,.fields-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #d1d5db);border-radius:4px}.documents-preview::-webkit-scrollbar-thumb:hover,.fields-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, #9ca3af)}@media(max-width:768px){.filter-row,.orderby-controls{grid-template-columns:1fr}.query-builder-section{padding:12px}.firebase-query-builder{padding:16px}}.wizard-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;overflow-y:auto}.wizard-container{background:var(--color_bg_card);border-radius:12px;width:100%;max-width:900px;max-height:95vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:wizardSlideIn .3s ease-out}@keyframes wizardSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.wizard-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--color_gray_200)}.wizard-title-section h2{margin:0;font-size:1.5rem;color:var(--color_text_primary);font-weight:600}.wizard-subtitle{margin:.25rem 0 0;font-size:.875rem;color:var(--color_text_secondary)}.wizard-close-btn{background:none;border:none;cursor:pointer;color:var(--color_text_secondary);padding:.5rem;border-radius:6px;transition:all .2s}.wizard-close-btn:hover{background:var(--color_gray_100);color:var(--color_text_primary)}.wizard-progress{padding:1.5rem 2rem 1rem;border-bottom:1px solid var(--color_gray_200)}.wizard-progress-steps{display:flex;justify-content:space-between;margin-bottom:1rem}.wizard-progress-step{width:36px;height:36px;border-radius:50%;background:var(--color_gray_100, #f3f4f6);color:var(--color_text_secondary);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;transition:all .3s;position:relative}.wizard-progress-step:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);width:calc(100% + 10px);height:2px;background:var(--color_gray_200, #e5e7eb);z-index:-1}.wizard-progress-step:last-child:after{display:none}.wizard-progress-step.completed{background:var(--color_success_green);color:#fff}.wizard-progress-step.active{background:var(--color_primary_blue);color:#fff;box-shadow:0 0 0 4px #3b82f633}.wizard-progress-bar{height:4px;background:var(--color_gray_100, #f3f4f6);border-radius:2px;overflow:hidden}.wizard-progress-fill{height:100%;background:var(--color_primary_blue);transition:width .3s ease}.wizard-content{flex:1;padding:2rem;overflow-y:auto;min-height:400px}.wizard-step{animation:stepFadeIn .3s ease-out}@keyframes stepFadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.step-header{margin-bottom:2rem}.step-header h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--color_text_primary);font-weight:600}.step-description{margin:0;color:var(--color_text_secondary);font-size:.9375rem}.type-selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}.type-card{border:2px solid var(--color_gray_200, #e5e7eb);border-radius:12px;padding:2rem;cursor:pointer;transition:all .3s;text-align:center}.type-card:hover{border-color:var(--color_primary_blue);box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.type-card.selected{border-color:var(--color_primary_blue);background:linear-gradient(135deg,#3b82f60d,#3b82f605);box-shadow:0 8px 16px #3b82f626}.type-card.error{border-color:var(--color_warning_red)}.type-card-icon{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color_gray_100, #f3f4f6);color:var(--color_primary_blue)}.type-card.selected .type-card-icon{background:var(--color_primary_blue);color:#fff}.type-card h4{margin:0 0 .5rem;font-size:1.125rem;color:var(--color_text_primary);font-weight:600}.type-card>p{margin:0 0 1.5rem;color:var(--color_text_secondary);font-size:.875rem}.type-card-examples{margin-top:1.5rem}.chart-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.chart-type-card{border:2px solid var(--color_gray_200, #e5e7eb);border-radius:10px;padding:1.5rem;cursor:pointer;transition:all .3s;text-align:center;position:relative}.chart-type-card:hover{border-color:var(--color_primary_blue);box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.chart-type-card.selected{border-color:var(--color_primary_blue);background:linear-gradient(135deg,#3b82f60d,#3b82f605);box-shadow:0 6px 12px #3b82f626}.chart-type-icon{width:60px;height:60px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--color_gray_100, #f3f4f6);color:var(--color_primary_blue)}.chart-type-card.selected .chart-type-icon{background:var(--color_primary_blue);color:#fff}.chart-type-card h4{margin:0 0 .5rem;font-size:1rem;color:var(--color_text_primary);font-weight:600}.chart-type-card>p{margin:0;color:var(--color_text_secondary);font-size:.8125rem;line-height:1.4}.chart-requirements{position:absolute;top:.75rem;right:.75rem}.form-group{margin-bottom:1.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--color_text_primary)}.form-group label input[type=checkbox]{margin-right:.25rem}.required{color:var(--color_warning_red);font-weight:600}.optional{color:var(--color_text_secondary);font-weight:400;font-size:.8125rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--color_gray_200, #e5e7eb);border-radius:8px;font-size:.9375rem;color:var(--color_text_primary);background:var(--color_bg_card);transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color_primary_blue);box-shadow:0 0 0 3px #3b82f61a}.form-input.error,.form-select.error{border-color:var(--color_warning_red)}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.field-mapping-container{margin-top:1.5rem}.multi-select-container{display:flex;flex-direction:column;gap:.75rem}.selected-fields{display:flex;flex-wrap:wrap;gap:.5rem;min-height:36px}.selected-field-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--color_primary_blue);color:#fff;border-radius:6px;font-size:.8125rem;font-weight:500}.selected-field-tag button{background:none;border:none;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center;opacity:.8;transition:opacity .2s}.selected-field-tag button:hover{opacity:1}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-top:.75rem}.color-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:2px solid var(--color_gray_200, #e5e7eb);border-radius:8px;cursor:pointer;transition:all .2s}.color-option:hover{border-color:currentColor;box-shadow:0 2px 8px #0000001a}.color-option.selected{border-color:currentColor;background:#00000008;box-shadow:0 2px 8px #0000001a}.color-swatch{width:24px;height:24px;border-radius:6px;background:currentColor;border:2px solid rgba(255,255,255,.5);box-shadow:0 2px 4px #0000001a}.color-option span{font-size:.8125rem;font-weight:500;color:var(--color_text_primary)}.color-primary{color:#3b82f6}.color-success{color:#10b981}.color-warning{color:#f59e0b}.color-danger{color:#ef4444}.color-info{color:#06b6d4}.color-purple{color:#8b5cf6}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin-top:.75rem}.icon-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:2px solid var(--color_gray_200, #e5e7eb);border-radius:8px;cursor:pointer;transition:all .2s}.icon-option:hover{border-color:var(--color_primary_blue);box-shadow:0 2px 8px #3b82f61a}.icon-option.selected{border-color:var(--color_primary_blue);background:#3b82f60d;box-shadow:0 2px 8px #3b82f626}.icon-option svg{color:var(--color_text_secondary)}.icon-option.selected svg{color:var(--color_primary_blue)}.icon-option span{font-size:.75rem;font-weight:500;color:var(--color_text_primary)}.info-box{padding:1rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid}.info-box-info{background:#3b82f60d;border-color:var(--color_primary_blue)}.info-box-warning{background:#f59e0b0d;border-color:var(--color_warning_orange)}.info-box-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:var(--color_text_primary)}.info-box-content{font-size:.875rem;color:var(--color_text_secondary);line-height:1.6}.info-box-content ul,.info-box-content ol{margin:.5rem 0;padding-left:1.5rem}.info-box-content li{margin:.25rem 0}.info-tooltip-wrapper{position:relative;display:inline-block}.info-tooltip-trigger{background:none;border:none;color:var(--color_text_secondary);cursor:help;padding:0;display:inline-flex;align-items:center;transition:color .2s}.info-tooltip-trigger:hover{color:var(--color_primary_blue)}.info-tooltip-content{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--color_gray_800, #1f2937);color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:.8125rem;line-height:1.5;width:max-content;max-width:300px;box-shadow:0 4px 12px #0000004d;z-index:1000;animation:tooltipFadeIn .2s ease-out}.info-tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color_gray_800, #1f2937)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.info-tooltip-content ul{margin:.5rem 0;padding-left:1.25rem}.info-tooltip-content li{margin:.25rem 0}.info-tooltip-content strong{display:block;margin-bottom:.25rem}.validation-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ef44440d;border:1px solid var(--color_warning_red);border-radius:8px;color:var(--color_warning_red);font-size:.875rem;margin-top:1rem}.field-error{display:flex;align-items:center;gap:.375rem;color:var(--color_warning_red);font-size:.8125rem;margin-top:.375rem}.query-builder-container{margin-top:1.5rem;padding:1.5rem;background:var(--color_gray_100, #f9fafb);border-radius:10px;border:1px solid var(--color_gray_200, #e5e7eb)}.progressive-section{margin-bottom:2rem;padding:1.5rem;background:var(--color_bg_card);border:2px solid var(--color_gray_200, #e5e7eb);border-radius:12px;animation:progressiveFadeIn .3s ease-out}@keyframes progressiveFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.progressive-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--color_gray_200, #e5e7eb)}.progressive-step-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color_primary_blue);color:#fff;border-radius:50%;font-weight:600;font-size:.875rem}.progressive-section-header h4{margin:0;font-size:1.125rem;color:var(--color_text_primary);font-weight:600;flex:1}.progressive-check{color:var(--color_success_green);background:var(--color_success_bg);border-radius:50%;padding:4px}.progressive-section .info-box,.progressive-section .form-group{margin-bottom:1rem}.progressive-section .query-builder-container{margin-top:1rem;padding:1rem}.wizard-footer{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--color_gray_200);background:var(--color_gray_50)}.wizard-footer-spacer{flex:1}.wizard-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.wizard-btn:disabled{opacity:.5;cursor:not-allowed}.wizard-btn-primary{background:var(--color_primary_blue);color:var(--color_white)}.wizard-btn-primary:hover:not(:disabled){background:var(--color_primary_dark_blue);box-shadow:0 4px 12px #4f46e566;transform:translateY(-1px)}.wizard-btn-secondary{background:var(--color_bg_card);color:var(--color_text_primary);border:1px solid var(--color_gray_200)}.wizard-btn-secondary:hover:not(:disabled){background:var(--color_gray_100);border-color:var(--color_gray_300);transform:translateY(-1px)}.wizard-btn-success{background:var(--color_success_green);color:var(--color_white)}.wizard-btn-success:hover:not(:disabled){background:var(--color_success_light_green);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}[data-theme=dark] .wizard-overlay{background:#000000e6}[data-theme=dark] .wizard-container{background:var(--color_bg_card);box-shadow:0 20px 60px #000c}[data-theme=dark] .wizard-header,[data-theme=dark] .wizard-progress,[data-theme=dark] .wizard-footer{border-color:var(--color_gray_200)}[data-theme=dark] .wizard-footer{background:var(--color_gray_50);border-top-color:var(--color_gray_200)}[data-theme=dark] .wizard-title-section h2,[data-theme=dark] .step-header h3{color:var(--color_text_primary)}[data-theme=dark] .wizard-subtitle,[data-theme=dark] .step-description,[data-theme=dark] .wizard-close-btn{color:var(--color_text_secondary)}[data-theme=dark] .wizard-close-btn:hover{background:var(--color_gray_100);color:var(--color_text_primary)}[data-theme=dark] .wizard-progress-step{background:var(--color_gray_100);color:var(--color_text_secondary)}[data-theme=dark] .wizard-progress-bar{background:var(--color_gray_100)}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background:var(--color_bg_secondary);color:var(--color_text_primary);border-color:var(--color_gray_200)}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] .form-textarea:focus{border-color:var(--color_primary_blue);background:var(--color_bg_card)}[data-theme=dark] .form-group label{color:var(--color_text_primary)}[data-theme=dark] .type-card,[data-theme=dark] .chart-type-card,[data-theme=dark] .color-option,[data-theme=dark] .icon-option{border-color:var(--color_gray_200);background:var(--color_bg_secondary)}[data-theme=dark] .type-card:hover,[data-theme=dark] .chart-type-card:hover,[data-theme=dark] .color-option:hover,[data-theme=dark] .icon-option:hover,[data-theme=dark] .type-card.selected,[data-theme=dark] .chart-type-card.selected{background:var(--color_bg_card)}[data-theme=dark] .type-card h4,[data-theme=dark] .chart-type-card h4,[data-theme=dark] .type-card>p,[data-theme=dark] .chart-type-card>p{color:var(--color_text_primary)}[data-theme=dark] .type-card-icon,[data-theme=dark] .chart-type-icon{background:var(--color_gray_100)}[data-theme=dark] .query-builder-container{background:var(--color_bg_secondary);border-color:var(--color_gray_200)}[data-theme=dark] .info-box{background:var(--color_bg_secondary)}[data-theme=dark] .info-box-header,[data-theme=dark] .info-box-content{color:var(--color_text_primary)}[data-theme=dark] .info-tooltip-content{background:var(--color_gray_800);color:var(--color_white)}[data-theme=dark] .info-tooltip-content:after{border-top-color:var(--color_gray_800)}[data-theme=dark] .validation-error{background:#ef44441a;border-color:var(--color_warning_red);color:var(--color_warning_red)}[data-theme=dark] .field-error{color:var(--color_warning_red)}[data-theme=dark] .wizard-btn-primary{background:var(--color_primary_blue);color:var(--color_white)}[data-theme=dark] .wizard-btn-primary:hover:not(:disabled){background:var(--color_primary_dark_blue);box-shadow:0 4px 12px #4f46e566;transform:translateY(-1px)}[data-theme=dark] .wizard-btn-secondary{background:var(--color_bg_card);color:var(--color_text_primary);border-color:var(--color_gray_200)}[data-theme=dark] .wizard-btn-secondary:hover:not(:disabled){background:var(--color_gray_100);border-color:var(--color_gray_300);transform:translateY(-1px)}[data-theme=dark] .wizard-btn-success{background:var(--color_success_green);color:var(--color_white)}[data-theme=dark] .wizard-btn-success:hover:not(:disabled){background:var(--color_success_light_green);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}[data-theme=dark] .wizard-btn:disabled{opacity:.4;cursor:not-allowed}[data-theme=dark] .selected-field-tag{background:var(--color_primary_blue)}[data-theme=dark] .color-option span,[data-theme=dark] .icon-option span{color:var(--color_text_primary)}[data-theme=dark] .progressive-section{background:var(--color_bg_card);border-color:var(--color_gray_200)}[data-theme=dark] .progressive-section-header{border-color:var(--color_gray_200)}[data-theme=dark] .progressive-section-header h4{color:var(--color_text_primary)}[data-theme=dark] .progressive-check{background:#10b98133}[data-theme=night] .wizard-overlay{background:#000000f2}[data-theme=night] .wizard-container{background:var(--color_bg_card);box-shadow:0 20px 60px #000000e6}[data-theme=night] .wizard-header,[data-theme=night] .wizard-progress,[data-theme=night] .wizard-footer{border-color:var(--color_border)}[data-theme=night] .wizard-footer{background:var(--color_bg_secondary);border-top-color:var(--color_border)}[data-theme=night] .wizard-title-section h2,[data-theme=night] .step-header h3{color:var(--color_text_primary)}[data-theme=night] .wizard-subtitle,[data-theme=night] .step-description{color:var(--color_text_secondary)}[data-theme=night] .form-input,[data-theme=night] .form-select,[data-theme=night] .form-textarea{background:var(--color_bg_secondary);color:var(--color_text_primary);border-color:var(--color_gray_200)}[data-theme=night] .type-card,[data-theme=night] .chart-type-card,[data-theme=night] .color-option,[data-theme=night] .icon-option{border-color:var(--color_gray_200);background:var(--color_bg_secondary)}[data-theme=night] .query-builder-container{background:var(--color_bg_secondary);border-color:var(--color_gray_200)}[data-theme=night] .progressive-section{background:var(--color_bg_card);border-color:var(--color_gray_200)}[data-theme=night] .progressive-section-header{border-color:var(--color_gray_200)}[data-theme=night] .progressive-section-header h4{color:var(--color_text_primary)}[data-theme=night] .progressive-check{background:#10b98133}[data-theme=night] .info-tooltip-content{background:var(--color_gray_800);color:var(--color_white)}[data-theme=night] .wizard-btn-primary{background:var(--color_primary_blue);color:var(--color_white)}[data-theme=night] .wizard-btn-primary:hover:not(:disabled){background:var(--color_primary_dark_blue);box-shadow:0 4px 12px #4f46e580;transform:translateY(-1px)}[data-theme=night] .wizard-btn-secondary{background:var(--color_bg_card);color:var(--color_text_primary);border:1px solid var(--color_border)}[data-theme=night] .wizard-btn-secondary:hover:not(:disabled){background:var(--color_bg_hover);border-color:var(--color_text_muted);transform:translateY(-1px)}[data-theme=night] .wizard-btn-success{background:var(--color_success_green);color:var(--color_white)}[data-theme=night] .wizard-btn-success:hover:not(:disabled){background:var(--color_success_light_green);box-shadow:0 4px 12px #10b98180;transform:translateY(-1px)}[data-theme=night] .wizard-btn:disabled{opacity:.3;cursor:not-allowed}@media(max-width:768px){.wizard-container{max-width:100%;max-height:100vh;border-radius:0}.wizard-header,.wizard-progress,.wizard-content,.wizard-footer{padding-left:1rem;padding-right:1rem}.type-selection-grid,.chart-type-grid{grid-template-columns:1fr}.color-grid,.icon-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.wizard-progress-step{width:28px;height:28px;font-size:.75rem}}.datetime-picker-wrapper{position:relative;width:100%}.datetime-picker-trigger{display:flex;align-items:center;gap:.5rem;padding:.875rem .5rem;min-height:46px;border:1px solid var(--color_border);border-radius:12px;background:var(--color_bg_card);color:var(--color_text_primary);cursor:pointer;transition:all .2s ease}.datetime-picker-trigger:hover{border-color:var(--color_accent);background:var(--color_bg_hover)}.datetime-picker-trigger.open{border-color:var(--color_accent);box-shadow:0 0 0 3px var(--color_accent_bg)}.datetime-picker-trigger.empty .datetime-value{color:var(--color_text_secondary)}.datetime-icon{flex-shrink:0;color:var(--color_text_secondary)}.datetime-icon.calendar-icon{color:var(--color_accent)}.datetime-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:500}.datetime-clear-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--color_text_secondary);cursor:pointer;transition:all .2s ease}.datetime-clear-btn:hover{background:var(--color_error_bg);color:var(--color_error)}.datetime-picker-dropdown{background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:12px;box-shadow:0 10px 40px #00000026;overflow:hidden;animation:slideDown .2s ease-out}.datetime-picker-header{padding:1rem 1.25rem;border-bottom:1px solid var(--color_border);background:var(--color_bg_card)}.datetime-picker-title{font-size:1rem;font-weight:600;color:var(--color_text_primary)}.datetime-picker-content{padding:1.25rem}.datetime-native-input{width:100%;padding:.75rem;border:1px solid var(--color_border);border-radius:8px;background:var(--color_bg_card);color:var(--color_text_primary);font-size:1rem;font-family:inherit;transition:all .2s ease}.datetime-native-input:focus{outline:none;border-color:var(--color_accent);box-shadow:0 0 0 3px var(--color_accent_bg)}.datetime-picker-actions{display:flex;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--color_border);background:var(--color_bg_secondary)}.datetime-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border:1px solid var(--color_border);border-radius:8px;background:var(--color_bg_card);color:var(--color_text_primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1}.datetime-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.datetime-btn:active:not(:disabled){transform:translateY(0)}.datetime-btn:disabled{opacity:.5;cursor:not-allowed}.datetime-btn-today{border-color:var(--color_info);color:var(--color_info)}.datetime-btn-today:hover:not(:disabled){background:var(--color_info);color:#fff;border-color:var(--color_info)}.datetime-btn-clear{border-color:var(--color_danger);color:var(--color_danger)}.datetime-btn-clear:hover:not(:disabled){background:var(--color_danger);color:#fff;border-color:var(--color_danger)}.datetime-btn-apply{border-color:var(--color_success);color:var(--color_success);font-weight:600}.datetime-btn-apply:hover:not(:disabled){background:var(--color_success);color:#fff;border-color:var(--color_success)}@media(max-width:768px){.datetime-picker-dropdown{left:1rem!important;right:1rem!important;width:calc(100% - 2rem)!important}.datetime-picker-actions{flex-wrap:wrap}.datetime-btn{flex:1 1 45%}.datetime-btn-apply{flex:1 1 100%}}.cls_dashboard-manager{max-width:100%;box-sizing:border-box}.cls_dashboard-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.cls_dashboard-page-header .cls_search-box{flex:1;min-width:280px;max-width:500px}.cls_dashboard-header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.cls_dashboard-description-section{margin-bottom:1.5rem}.cls_dashboard-description-input{width:100%;padding:.75rem;border:1px solid var(--color_border);border-radius:var(--radius_md);font-size:.875rem;background:var(--color_bg_card);color:var(--color_text_primary);font-family:inherit;resize:vertical;transition:all .2s ease}.cls_dashboard-description-input:focus{outline:none;border-color:var(--accent_primary);box-shadow:0 0 0 3px var(--accent_bg)}.cls_dashboard-description-input::placeholder{color:var(--color_text_muted)}.cls_dashboard-canvas{background:var(--color_bg_card);border-radius:var(--radius_lg);padding:1.5rem;box-sizing:border-box;box-shadow:var(--shadow_sm);min-height:calc(100vh - 200px)}.custom-dashboard-builder{padding:24px;background:var(--color_bg_primary);min-height:100vh}.dashboard-builder-header{margin-bottom:32px}.dashboard-builder-header h1{font-size:2rem;font-weight:600;color:var(--color_text_primary);margin-bottom:8px}.dashboard-builder-header p{color:var(--color_text_secondary);font-size:1rem}.dashboard-builder-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 24px;background:var(--color_bg_card);border-radius:12px;box-shadow:var(--shadow_sm)}.control-group{display:flex;align-items:center;gap:12px}.dashboard-name-input{padding:8px 12px;border:1px solid var(--color_border);border-radius:6px;font-size:1rem;font-weight:500;min-width:200px;background:var(--color_bg_card);color:var(--color_text_primary)}.dashboard-name-input:focus{outline:none;border-color:var(--accent_primary);box-shadow:0 0 0 3px var(--accent_bg)}.control-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--color_border);background:var(--color_bg_card);color:var(--color_text_primary);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.control-btn:hover{background:var(--color_bg_primary);border-color:var(--color_text_muted)}.control-btn--active{background:var(--accent_primary);color:var(--color_white);border-color:var(--accent_primary)}.control-btn--active:hover{background:var(--accent_dark)}.control-btn--primary{background:var(--color_success_green);color:var(--color_white);border-color:var(--color_success_green)}.control-btn--primary:hover{background:var(--color_success_light_green)}.control-btn--success{background:var(--accent_primary);color:var(--color_white);border-color:var(--accent_primary)}.control-btn--success:hover{background:#2c5aa0}.control-btn--warning{background:var(--color_warning_orange);color:var(--color_white);border-color:var(--color_warning_orange)}.control-btn--warning:hover{background:var(--color_warning_orange);opacity:.9}.control-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard-canvas{background:var(--color_bg_card);border-radius:12px;padding:24px;box-shadow:var(--shadow_sm)}.dashboard-grid-layout{min-height:400px}.dashboard-grid-item{position:relative}.cls_dashboard-manager.edit-mode .dashboard-grid-item{cursor:move;border:2px dashed var(--accent_primary);border-radius:12px;opacity:.95}.cls_dashboard-manager.edit-mode .dashboard-grid-item:hover{border-color:var(--accent_primary);opacity:1}.cls_dashboard-manager:not(.edit-mode) .dashboard-grid-item{cursor:default}.custom-metric-card{height:100%;display:flex;flex-direction:column;position:relative;background:var(--color_bg_card);border-radius:12px;overflow:visible;padding:20px 24px;box-shadow:#091e4240 0 0,#091e4221 0 0 0 1px;transition:all .3s cubic-bezier(.4,0,.2,1);border:none}.custom-metric-card.chart-card{padding:16px 20px}.custom-metric-card.chart-card .metric-chart{flex:1;min-height:240px;height:auto;margin-top:12px;padding:0;background:transparent;border:none}.custom-metric-card.chart-card .metric-chart svg{overflow:visible}.custom-metric-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.custom-metric-card.loading{opacity:.7;pointer-events:none}.custom-metric-card.error{border-left-color:#e53e3e;background:#e53e3e05}.metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;gap:16px}.metric-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,#e8eaf6,#f3f4f6);color:#667eea;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 2px 8px #667eea26}.custom-metric-card:hover .metric-icon{transform:scale(1.08) rotate(5deg);box-shadow:0 4px 12px #667eea40}.metric-title{font-weight:600;color:#6b7280;font-size:.9rem;line-height:1.4;margin-bottom:0;flex:1;letter-spacing:.3px;text-transform:uppercase}.metric-content{flex:1;display:flex;flex-direction:column;gap:12px;justify-content:flex-start;margin-top:0}.metric-value{font-size:2.5rem;font-weight:800;color:#111827;line-height:1;letter-spacing:-1px;margin-bottom:4px}.metric-trend{display:inline-flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;width:fit-content;padding:6px 12px;border-radius:8px;background:#10b98114}.metric-trend.positive{color:#059669;background:#10b9811a}.metric-trend.negative{color:#dc2626;background:#ef44441a}.trend-down{transform:rotate(180deg)}.metric-subtitle{font-size:.85rem;color:#9ca3af;font-weight:500;line-height:1.5;letter-spacing:.2px}.metric-timestamp{font-size:.75rem;color:var(--color_text_muted);margin-top:auto;padding-top:16px;display:flex;align-items:center;gap:6px;opacity:.65;font-weight:500}.metric-primary{border-left-color:#667eea}.metric-primary .metric-icon{background:linear-gradient(135deg,#e8eaf6,#f3f4f6);color:#667eea;box-shadow:0 2px 8px #667eea26}.metric-success{border-left-color:#10b981}.metric-success .metric-icon{background:linear-gradient(135deg,#d1fae5,#ecfdf5);color:#059669;box-shadow:0 2px 8px #10b98126}.metric-warning{border-left-color:#f59e0b}.metric-warning .metric-icon{background:linear-gradient(135deg,#fef3c7,#fef9e7);color:#d97706;box-shadow:0 2px 8px #f59e0b26}.metric-danger{border-left-color:#ef4444}.metric-danger .metric-icon{background:linear-gradient(135deg,#fee2e2,#fef2f2);color:#dc2626;box-shadow:0 2px 8px #ef444426}.metric-info{border-left-color:#06b6d4}.metric-info .metric-icon{background:linear-gradient(135deg,#cffafe,#ecfeff);color:#0891b2;box-shadow:0 2px 8px #06b6d426}.metric-purple{border-left-color:#a855f7}.metric-purple .metric-icon{background:linear-gradient(135deg,#f3e8ff,#faf5ff);color:#9333ea;box-shadow:0 2px 8px #a855f726}[data-theme=dark] .custom-metric-card,[data-theme=night] .custom-metric-card{background:var(--color_bg_card);box-shadow:0 2px 8px #0006}[data-theme=dark] .custom-metric-card:hover,[data-theme=night] .custom-metric-card:hover{box-shadow:0 4px 12px #00000080}[data-theme=dark] .metric-value,[data-theme=night] .metric-value{color:var(--color_text_primary)}[data-theme=dark] .metric-title,[data-theme=night] .metric-title{color:#9ca3af}[data-theme=dark] .metric-subtitle,[data-theme=night] .metric-subtitle{color:#6b7280}[data-theme=dark] .metric-primary .metric-icon,[data-theme=night] .metric-primary .metric-icon{background:#667eea33}[data-theme=dark] .metric-success .metric-icon,[data-theme=night] .metric-success .metric-icon{background:#10b98133}[data-theme=dark] .metric-warning .metric-icon,[data-theme=night] .metric-warning .metric-icon{background:#f59e0b33}[data-theme=dark] .metric-danger .metric-icon,[data-theme=night] .metric-danger .metric-icon{background:#ef444433}[data-theme=dark] .metric-info .metric-icon,[data-theme=night] .metric-info .metric-icon{background:#06b6d433}[data-theme=dark] .metric-purple .metric-icon,[data-theme=night] .metric-purple .metric-icon{background:#a855f733}.loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;gap:16px}.loading-placeholder:before{content:"";width:40px;height:40px;border:3px solid var(--color_border);border-top-color:var(--accent_primary);border-radius:50%;animation:spin .8s linear infinite}.loading-placeholder{font-size:.875rem;color:var(--color_text_secondary);font-weight:500}.error-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;gap:12px}.error-message{font-size:.875rem;color:#ef4444;font-weight:500}.retry-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ef44444d}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.retry-btn:active{transform:translateY(0)}.metric-chart{height:140px;margin-top:16px;position:relative;padding:12px;background:var(--color_bg_primary);border-radius:8px;border:1px solid var(--color_border)}.chart-placeholder{display:flex;align-items:center;justify-content:center;gap:8px;height:100%;color:var(--color_text_muted);font-size:.875rem;background:var(--color_bg_primary);border-radius:6px;font-weight:500}.chart-placeholder svg{opacity:.4}[data-theme=dark] .metric-chart,[data-theme=night] .metric-chart{background:#ffffff05;border-color:#ffffff1a}.metric-controls{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .2s;z-index:20}.cls_dashboard-manager.edit-mode .dashboard-grid-item:hover .metric-controls,.cls_dashboard-manager.edit-mode .metric-controls{opacity:1}.cls_dashboard-manager:not(.edit-mode) .metric-controls{display:none}.custom-dashboard-builder.edit-mode .metric-controls,.dashboard-grid-item.edit-mode .metric-controls{opacity:1}.cls_dashboard-manager.edit-mode .custom-metric-card:before{content:"";position:absolute;inset:0;background:#3b82f608;border:1px dashed rgba(59,130,246,.3);border-radius:8px;pointer-events:none;z-index:1}.custom-dashboard-builder.edit-mode .custom-metric-card:before{content:"";position:absolute;inset:0;background:#3182ce0d;border:2px solid rgba(49,130,206,.2);border-radius:8px;pointer-events:none;z-index:1}.control-btn.edit,.control-btn.delete{padding:6px;border:1px solid var(--color_border);background:var(--color_bg_card);color:var(--color_text_primary);border-radius:4px;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;justify-content:center}.control-btn.edit:hover{background:#3182ce;color:#fff;border-color:#3182ce}.control-btn.delete:hover{background:#e53e3e;color:#fff;border-color:#e53e3e}[data-theme=dark] .control-btn.edit,[data-theme=dark] .control-btn.delete,[data-theme=night] .control-btn.edit,[data-theme=night] .control-btn.delete{background:#374151f2;border:1px solid rgba(156,163,175,.3);color:#e5e7eb;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .control-btn.edit:hover,[data-theme=night] .control-btn.edit:hover{background:#3182ce;color:#fff;border-color:#3182ce}[data-theme=dark] .control-btn.delete:hover,[data-theme=night] .control-btn.delete:hover{background:#e53e3e;color:#fff;border-color:#e53e3e}.empty-metric-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#a0aec0;text-align:center}.empty-metric-placeholder p{margin:8px 0;font-size:.875rem}.configure-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#3182ce;color:#fff;border:none;border-radius:6px;font-size:.75rem;cursor:pointer;transition:background .2s}.configure-btn:hover{background:#2c5aa0}.loading-placeholder{color:#a0aec0;font-size:.875rem}.error-message{text-align:center;color:#e53e3e}.error-message p{margin-bottom:4px;font-weight:500}.error-message small{font-size:.75rem;color:#a0aec0}.retry-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#e53e3e;color:#fff;border:none;border-radius:4px;font-size:.75rem;cursor:pointer;margin:8px auto 0}.retry-btn:hover{background:#c53030}.spinning{animation:spin 1s linear infinite}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;color:#718096}.access-denied h2{color:#2d3748;margin-bottom:8px}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #3182ce;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.metric-chart{height:120px;margin-top:12px;position:relative}.custom-metric-card .date-filter-container{position:relative}.custom-metric-card .date-filter-button{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:500;border:1px solid var(--color_border);border-radius:6px;background:var(--color_bg_card);color:var(--color_text_primary);cursor:pointer;transition:all .2s ease}.custom-metric-card .date-filter-button:hover{background:var(--color_bg_hover);border-color:var(--accent_primary)}.custom-metric-card .date-filter-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:8px;box-shadow:0 4px 12px #00000026;padding:8px;z-index:1000;display:block}.custom-metric-card .filter-option{display:block;width:100%;padding:8px 10px;text-align:left;border:none;background:transparent;color:var(--color_text_primary);font-size:12px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease}.custom-metric-card .filter-option:hover{background:var(--color_bg_hover)}.custom-metric-card .filter-option.active{background:var(--accent_primary);color:#fff}.custom-metric-card .custom-date-picker{margin-top:8px;padding-top:8px;border-top:1px solid var(--color_border);display:flex;flex-direction:column;gap:8px}.custom-metric-card .custom-date-picker input[type=date]{width:100%;padding:6px 8px;border:1px solid var(--color_border);border-radius:6px;background:var(--color_bg_main);color:var(--color_text_primary);font-size:11px;font-family:inherit}.custom-metric-card .custom-date-picker input[type=date]:focus{outline:none;border-color:var(--accent_primary)}.metric-table-container{max-height:min(400px,40vh);overflow-y:auto;overflow-x:auto;position:relative}.metric-table{width:100%;border-collapse:collapse;font-size:clamp(.75rem,2vw,.9rem)!important;min-width:200px;table-layout:auto}.metric-table thead{position:sticky;top:0;background:var(--color_bg_card);z-index:2}.metric-table thead tr{border-bottom:1px solid var(--color_border)}.metric-table th{padding:8px!important;color:var(--color_text_secondary)!important;font-weight:600!important;font-size:clamp(.7rem,1.8vw,.8rem)!important;text-transform:uppercase;letter-spacing:.5px;text-align:left;white-space:nowrap}.metric-table tbody tr{border-bottom:1px solid var(--color_border_light)}.metric-table td{padding:8px!important;color:var(--color_text_primary)!important;font-size:clamp(.75rem,2vw,.9rem)!important;text-align:left}.metric-table-footer{position:sticky;bottom:0;background:var(--color_bg_card);border-top:1px solid var(--color_border);padding:8px;font-size:clamp(.7rem,1.8vw,.85rem)!important;color:var(--color_text_secondary);text-align:right;font-weight:500;z-index:2}[data-theme=dark] .metric-table,[data-theme=night] .metric-table{color:var(--color_text_primary)}[data-theme=dark] .metric-table thead,[data-theme=night] .metric-table thead,[data-theme=dark] .metric-table-footer,[data-theme=night] .metric-table-footer{background:#0f172af2}@media(max-width:768px){.custom-dashboard-builder{padding:16px}.dashboard-builder-controls{flex-direction:column;gap:16px;align-items:stretch}.control-group{justify-content:center}.dashboard-name-input{min-width:auto;width:100%}.metric-table-container{max-height:min(300px,35vh)}.metric-table{font-size:.75rem!important}.metric-table th{font-size:.7rem!important;padding:6px!important}.metric-table td{font-size:.75rem!important;padding:6px!important}}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.custom-dashboard-page{width:100%;height:100%;flex:1;min-height:0;overflow-y:auto}.custom-dashboard-page-shell{display:flex;flex-direction:column}.page-refresh-controls{display:flex;align-items:center;gap:16px}.date-filter-container{position:relative}.date-filter-button{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;border:1px solid var(--color_border);border-radius:6px;background:var(--color_bg_card);color:var(--color_text_primary);cursor:pointer;transition:all .2s ease}.date-filter-button:hover{background:var(--color_bg_hover);border-color:var(--accent_primary)}.date-filter-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:8px;z-index:1000;display:none}.date-filter-container:hover .date-filter-dropdown,.date-filter-dropdown:hover{display:block}.filter-option{display:block;width:100%;padding:10px 12px;text-align:left;border:none;background:transparent;color:var(--color_text_primary);font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease}.filter-option:hover{background:var(--color_bg_hover)}.filter-option.active{background:var(--accent_primary);color:#fff}.custom-date-picker{margin-top:12px;padding-top:12px;border-top:1px solid var(--color_border);display:flex;flex-direction:column;gap:12px}.date-input-group{display:flex;flex-direction:column;gap:6px}.date-input-group label{font-size:12px;font-weight:600;color:var(--color_text_secondary);text-transform:uppercase}.date-input-group input[type=date]{padding:8px 12px;border:1px solid var(--color_border);border-radius:6px;background:var(--color_bg_main);color:var(--color_text_primary);font-size:14px;font-family:inherit}.date-input-group input[type=date]:focus{outline:none;border-color:var(--accent_primary)}.apply-date-btn{margin-top:4px;padding:8px 16px;font-size:14px;font-weight:600}.apply-date-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-time-info{display:flex;gap:24px;align-items:center;font-size:13px;color:var(--color_text_secondary)}.last-updated strong{color:var(--color_text_primary);font-weight:600}.auto-refresh-interval{padding:4px 10px;background:var(--color_bg_hover);border-radius:4px;font-size:12px;font-weight:500}.refresh-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;border-radius:6px;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:var(--color_bg_hover);transform:translateY(-1px)}.refresh-btn:active:not(:disabled){transform:translateY(0)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-btn svg{transition:transform .3s ease}.refresh-btn.refreshing svg,.refresh-btn svg.spinning{animation:spin 1s linear infinite}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.dashboard-skeleton{display:flex;flex-direction:column;gap:24px;padding:24px;animation:skeleton-fade-in .3s ease}@keyframes skeleton-fade-in{0%{opacity:0}to{opacity:1}}.skeleton-line,.skeleton-metric-value,.skeleton-icon,.skeleton-bar,.skeleton-donut{background:linear-gradient(90deg,var(--color_bg_hover, #f0f0f0) 25%,var(--color_bg_card, #e0e0e0) 37%,var(--color_bg_hover, #f0f0f0) 63%);background-size:800px 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite;border-radius:6px}.skeleton-metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.skeleton-metric-card{background:var(--color_bg_card, #fff);border:1px solid var(--color_border, #e5e7eb);border-radius:var(--radius_lg, 12px);padding:20px;display:flex;flex-direction:column;gap:12px}.skeleton-metric-header{display:flex;justify-content:space-between;align-items:center}.skeleton-title{width:60%;height:14px}.skeleton-icon{width:36px;height:36px;border-radius:8px;flex-shrink:0}.skeleton-metric-value{width:45%;height:28px;border-radius:6px}.skeleton-subtitle{width:80%;height:12px}.skeleton-charts-row{display:grid;grid-template-columns:2fr 1fr;gap:20px}.skeleton-chart-card{background:var(--color_bg_card, #fff);border:1px solid var(--color_border, #e5e7eb);border-radius:var(--radius_lg, 12px);padding:24px;display:flex;flex-direction:column;gap:20px}.skeleton-chart-title{width:30%;height:16px}.skeleton-chart-area{display:flex;align-items:flex-end;gap:12px;height:180px;padding-top:10px}.skeleton-bar{flex:1;border-radius:4px 4px 0 0}.skeleton-donut{width:150px;height:150px;border-radius:50%;align-self:center;position:relative}.skeleton-donut:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;background:var(--color_bg_card, #fff)}.skeleton-table-card{background:var(--color_bg_card, #fff);border:1px solid var(--color_border, #e5e7eb);border-radius:var(--radius_lg, 12px);padding:24px;display:flex;flex-direction:column;gap:16px}.skeleton-table-rows{display:flex;flex-direction:column;gap:12px}.skeleton-table-row{display:flex;gap:16px;padding:10px 0;border-bottom:1px solid var(--color_border, #f3f4f6)}.skeleton-table-row .skeleton-line{height:14px}@media(max-width:1024px){.skeleton-metrics-row{grid-template-columns:repeat(2,1fr)}.skeleton-charts-row{grid-template-columns:1fr}}@media(max-width:640px){.skeleton-metrics-row{grid-template-columns:1fr}.dashboard-skeleton{padding:16px;gap:16px}}.custom-dashboard-page-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:0;padding:60px 40px;text-align:center}.empty-state-icon{color:#d1d5db;margin-bottom:24px}.empty-state-title{font-size:28px;font-weight:600;color:#111827;margin:0 0 12px}.empty-state-description{font-size:16px;color:#6b7280;line-height:1.6;max-width:500px;margin:0}.empty-state-description strong{color:#3b82f6;font-weight:600}@media(max-width:768px){.custom-dashboard-page-empty{padding:40px 20px;min-height:400px}.empty-state-icon{margin-bottom:20px}.empty-state-title{font-size:24px}.empty-state-description{font-size:14px}}.form-manager-container{padding:24px;width:100%;min-height:100%;background:var(--color_bg_primary);color:var(--color_text_primary)}.form-manager-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:24px}.form-manager-header-title{font-size:24px;font-weight:700;margin:0 0 4px;color:var(--color_text_primary)}.form-manager-header-subtitle{margin:0;font-size:14px;color:var(--color_text_secondary)}.form-manager-header-actions{display:flex;gap:10px;flex-wrap:wrap}.form-manager-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;background:var(--color_brand);color:#fff;transition:all .2s}.form-manager-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.form-manager-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-manager-btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;border:1px solid var(--color_border);border-radius:8px;cursor:pointer;background:var(--color_bg_secondary);color:var(--color_text_primary);transition:all .2s}.form-manager-btn-secondary:hover{background:var(--color_bg_tertiary)}.form-manager-btn-template{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;border:1px solid var(--color_blue, #3b82f6);border-radius:8px;cursor:pointer;background:transparent;color:var(--color_blue, #3b82f6);transition:all .2s}.form-manager-btn-template:hover{background:var(--color_blue, #3b82f6);color:#fff}.form-manager-btn-danger{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;border:none;border-radius:6px;cursor:pointer;background:var(--color_danger, #ef4444);color:#fff}.form-manager-btn-danger:hover{opacity:.9}.form-manager-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:12px 16px;background:var(--color_bg_secondary);border-radius:10px;border:1px solid var(--color_border)}.form-manager-toolbar-left,.form-manager-toolbar-right{display:flex;align-items:center;gap:12px}.form-manager-select-all{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;color:var(--color_text_secondary)}.form-manager-search{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color_bg_primary);border:1px solid var(--color_border);border-radius:8px;color:var(--color_text_secondary)}.form-manager-search input{border:none;outline:none;background:transparent;color:var(--color_text_primary);font-size:13px;width:200px}.form-manager-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--color_text_secondary)}.loading-spinner{width:36px;height:36px;border:3px solid var(--color_border);border-top-color:var(--color_brand);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.form-manager-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.form-manager-empty-icon{color:var(--color_text_disabled, #999);margin-bottom:16px}.form-manager-empty-title{margin:0 0 8px;font-size:18px;color:var(--color_text_primary)}.form-manager-empty-text{margin:0 0 20px;font-size:14px;color:var(--color_text_secondary);max-width:400px}.form-manager-empty-actions{display:flex;gap:12px}.form-manager-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.form-card{position:relative;display:flex;flex-direction:column;background:var(--color_bg_secondary);border:1px solid var(--color_border);border-radius:12px;padding:20px;transition:all .2s}.form-card:hover{border-color:var(--color_brand);box-shadow:0 4px 12px #00000014}.form-card--selected{border-color:var(--color_brand);background:var(--color_bg_tertiary, var(--color_bg_secondary))}.form-card-checkbox{position:absolute;top:12px;right:12px}.form-card-checkbox input{cursor:pointer}.form-card-header{margin-bottom:12px}.form-card-title{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--color_text_primary)}.form-card-description{margin:0;font-size:13px;color:var(--color_text_secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.form-card-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.form-status-badge{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.form-status-badge.active{background:#22c55e26;color:#16a34a}.form-status-badge.inactive{background:#ef444426;color:var(--color_danger, #ef4444)}.form-field-count{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;background:var(--color_bg_tertiary, rgba(0,0,0,.06));color:var(--color_text_secondary)}.form-collection-badge{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;background:#3b82f61f;color:var(--color_blue, #3b82f6)}.form-card-mappings{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.form-mapping-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;background:#a855f71f;color:#a855f7}.form-card-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:12px;border-top:1px solid var(--color_border)}.form-card-actions button{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:500;border:1px solid var(--color_border);border-radius:6px;cursor:pointer;background:var(--color_bg_primary);color:var(--color_text_primary);transition:all .15s}.form-card-actions button:hover{border-color:var(--color_brand);color:var(--color_brand)}.form-btn-delete:hover{border-color:var(--color_danger, #ef4444)!important;color:var(--color_danger, #ef4444)!important;background:#ef44440f!important}.form-modal-overlay{position:fixed;inset:0;z-index:1000;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px}.form-modal-content{background:var(--color_bg_primary);border-radius:14px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0003}.form-modal-lg{max-width:900px}.form-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid var(--color_border)}.form-modal-title{margin:0 0 2px;font-size:18px;font-weight:700;color:var(--color_text_primary)}.form-modal-subtitle{margin:0;font-size:13px;color:var(--color_text_secondary)}.form-modal-close{background:none;border:none;cursor:pointer;color:var(--color_text_secondary);padding:4px;border-radius:6px}.form-modal-close:hover{background:var(--color_bg_secondary)}.form-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.form-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--color_border)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.template-card{display:flex;flex-direction:column;border:1px solid var(--color_border);border-radius:10px;overflow:hidden;transition:border-color .2s}.template-card:hover{border-color:var(--color_brand)}.template-card-header{padding:14px 16px 10px}.template-card-tab-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--color_brand);color:#fff;margin-bottom:6px}.template-card-title{margin:0;font-size:15px;font-weight:600;color:var(--color_text_primary)}.template-card-body{padding:0 16px 14px;flex:1}.template-card-description{margin:0 0 10px;font-size:12px;color:var(--color_text_secondary)}.template-card-stats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.template-stat{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;background:var(--color_bg_tertiary, rgba(0,0,0,.05));color:var(--color_text_secondary)}.template-stat-auto{background:#a855f71f;color:#a855f7}.template-stat-valid{background:#22c55e1f;color:#16a34a}.template-stat-dynamic{background:#3b82f61f;color:#3b82f6}.template-card-fields{display:flex;gap:4px;flex-wrap:wrap}.template-field-chip{padding:2px 8px;border-radius:4px;font-size:11px;background:var(--color_bg_secondary);color:var(--color_text_secondary);border:1px solid var(--color_border)}.template-field-more{font-weight:600;color:var(--color_brand)}.template-card-footer{display:flex;gap:8px;padding:10px 16px;border-top:1px solid var(--color_border)}.template-btn-preview,.template-btn-use{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;font-size:13px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .15s}.template-btn-preview{background:var(--color_bg_secondary);color:var(--color_text_primary);border:1px solid var(--color_border)}.template-btn-preview:hover{background:var(--color_bg_tertiary)}.template-btn-use{background:var(--color_brand);color:#fff}.template-btn-use:hover{opacity:.9}.template-preview-table{overflow-x:auto}.template-preview-table table{width:100%;border-collapse:collapse;font-size:13px}.template-preview-table th{text-align:left;padding:10px 12px;background:var(--color_bg_secondary);color:var(--color_text_secondary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color_border)}.template-preview-table td{padding:10px 12px;border-bottom:1px solid var(--color_border);color:var(--color_text_primary)}.template-preview-table code{padding:2px 6px;border-radius:4px;font-size:12px;background:var(--color_bg_tertiary, rgba(0,0,0,.05))}.field-type-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;background:#3b82f61a;color:var(--color_blue, #3b82f6)}.regex-code{font-size:10px!important;color:#d97706!important;word-break:break-all}.text-success{color:#16a34a}.field-props{display:flex;gap:4px;flex-wrap:wrap}.prop-chip{padding:1px 6px;border-radius:3px;font-size:10px;font-weight:600;background:var(--color_bg_tertiary, rgba(0,0,0,.06));color:var(--color_text_secondary)}.prop-chip-dynamic{background:#3b82f61f;color:#3b82f6}.mapping-form-group{display:flex;flex-direction:column;gap:10px}.mapping-label{font-size:14px;font-weight:600;color:var(--color_text_primary)}.mapping-warning{display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:8px;background:#eab3081f;color:#ca8a04;font-size:13px}.form-builder-container{display:flex;flex-direction:column;height:100%;background:var(--color_bg_primary);color:var(--color_text_primary)}.form-builder-header{background:var(--color_bg_secondary);border-bottom:1px solid var(--color_border);padding:16px 24px}.form-builder-header-content{display:flex;justify-content:space-between;align-items:center}.form-builder-header-left{display:flex;align-items:center;gap:14px}.form-builder-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--color_border);border-radius:8px;background:var(--color_bg_primary);color:var(--color_text_primary);cursor:pointer;font-size:14px;transition:all .15s}.form-builder-back-btn:hover{background:var(--color_bg_tertiary)}.form-builder-main-title{margin:0;font-size:18px;font-weight:700;color:var(--color_text_primary)}.form-builder-main-subtitle{margin:2px 0 0;font-size:13px;color:var(--color_text_secondary)}.form-builder-header-right{display:flex;gap:10px}.form-builder-btn-cancel{padding:10px 18px;font-size:14px;font-weight:600;border:1px solid var(--color_border);border-radius:8px;cursor:pointer;background:var(--color_bg_primary);color:var(--color_text_primary)}.form-builder-btn-cancel:hover{background:var(--color_bg_secondary)}.form-builder-btn-save{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;background:var(--color_brand);color:#fff;transition:all .2s}.form-builder-btn-save:hover{opacity:.9}.form-builder-btn-save:disabled{opacity:.5;cursor:not-allowed}.form-builder-btn-save.loading{pointer-events:none}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.form-builder-tabs{display:flex;gap:0;background:var(--color_bg_secondary);border-bottom:2px solid var(--color_border);padding:0 24px}.form-builder-tab{display:inline-flex;align-items:center;gap:8px;padding:14px 20px;font-size:14px;font-weight:600;border:none;border-bottom:3px solid transparent;background:transparent;color:var(--color_text_secondary);cursor:pointer;transition:all .2s;margin-bottom:-2px}.form-builder-tab:hover{color:var(--color_text_primary)}.form-builder-tab.active{color:var(--color_brand);border-bottom-color:var(--color_brand)}.form-builder-tab:disabled{opacity:.4;cursor:not-allowed}.tab-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:11px;font-weight:700;background:var(--color_bg_tertiary, rgba(0,0,0,.06));color:var(--color_text_secondary)}.form-builder-tab.active .tab-badge{background:var(--color_brand);color:#fff}.form-builder-content{flex:1;overflow-y:auto;padding:0}.tab-content{padding:24px}.tab-section{max-width:800px;margin:0 auto}.tab-section-builder-wrap{max-width:100%}.tab-section-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:16px}.tab-section-title{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--color_text_primary)}.tab-section-description{margin:0;font-size:13px;color:var(--color_text_secondary)}.builder-stats{display:flex;gap:8px}.stat-badge{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;background:var(--color_bg_secondary);border:1px solid var(--color_border);color:var(--color_text_secondary)}.builder-workspace{display:flex;gap:0;min-height:500px;max-height:calc(100vh - 280px);border:1px solid var(--color_border);border-radius:10px;overflow:hidden}.builder-canvas-area{flex:1;overflow:hidden}.builder-config-panel{width:380px;min-width:380px;border-left:1px solid var(--color_border);background:var(--color_bg_primary);overflow-y:auto}.form-label{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:var(--color_text_primary)}.form-label .required{color:var(--color_danger, #ef4444)}.form-label-inline{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;cursor:pointer;color:var(--color_text_primary)}.form-input,.form-textarea{width:100%;padding:10px 14px;font-size:14px;border:1px solid var(--color_border);border-radius:8px;background:var(--color_bg_secondary);color:var(--color_text_primary);transition:border-color .2s;box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color_brand)}.form-textarea{resize:vertical;min-height:80px}.form-checkbox{cursor:pointer}.form-hint{display:block;margin-top:4px;font-size:12px;color:var(--color_text_secondary)}.tab-action-hint{display:flex;align-items:flex-start;gap:10px;margin-top:24px;padding:14px 18px;border-radius:10px;background:#3b82f614;border:1px solid rgba(59,130,246,.2)}.hint-icon{font-size:18px}.hint-content{font-size:13px;color:var(--color_text_secondary)}.field-config-panel{display:flex;flex-direction:column;height:100%}.fcp-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--color_border);background:var(--color_bg_secondary)}.fcp-title{margin:0;font-size:14px;font-weight:700;display:flex;align-items:center;gap:6px;color:var(--color_text_primary)}.fcp-close{background:none;border:none;cursor:pointer;color:var(--color_text_secondary);padding:4px;border-radius:4px}.fcp-close:hover{background:var(--color_bg_tertiary)}.fcp-section-tabs{display:flex;gap:0;border-bottom:1px solid var(--color_border);background:var(--color_bg_secondary);padding:0 8px}.fcp-section-btn{display:inline-flex;align-items:center;gap:4px;padding:10px 12px;font-size:12px;font-weight:600;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--color_text_secondary);cursor:pointer;transition:all .15s;margin-bottom:-1px}.fcp-section-btn:hover{color:var(--color_text_primary)}.fcp-section-btn.active{color:var(--color_brand);border-bottom-color:var(--color_brand)}.fcp-body{flex:1;overflow-y:auto;padding:16px}.fcp-fields{display:flex;flex-direction:column;gap:14px}.fcp-field label{display:block;font-size:12px;font-weight:600;margin-bottom:4px;color:var(--color_text_primary)}.fcp-required{color:var(--color_danger, #ef4444)}.fcp-input,.fcp-select{width:100%;padding:8px 10px;font-size:13px;border:1px solid var(--color_border);border-radius:6px;background:var(--color_bg_secondary);color:var(--color_text_primary);box-sizing:border-box}.fcp-input:focus,.fcp-select:focus{outline:none;border-color:var(--color_brand)}.fcp-input-mono{font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px}.fcp-hint{display:block;margin-top:2px;font-size:11px;color:var(--color_text_secondary);font-weight:400}.fcp-field-row{display:flex;gap:10px}.fcp-field-row .fcp-field{flex:1}.fcp-toggles{display:flex;flex-direction:column;gap:8px}.fcp-toggle{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;color:var(--color_text_primary)}.fcp-toggle input{cursor:pointer}.fcp-divider{height:1px;background:var(--color_border);margin:4px 0}.fcp-preset-grid{display:flex;flex-wrap:wrap;gap:6px}.fcp-preset-btn{padding:4px 10px;font-size:11px;font-weight:600;border:1px solid var(--color_border);border-radius:6px;background:var(--color_bg_secondary);color:var(--color_text_secondary);cursor:pointer;transition:all .15s}.fcp-preset-btn:hover{border-color:var(--color_brand);color:var(--color_brand)}.fcp-preset-btn.active{background:var(--color_brand);color:#fff;border-color:var(--color_brand)}.fcp-options-list{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto;margin-bottom:8px}.fcp-option-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--color_bg_secondary);border:1px solid var(--color_border);border-radius:6px;font-size:12px}.fcp-option-label{flex:1;font-weight:500;color:var(--color_text_primary)}.fcp-option-value{font-size:11px;color:var(--color_text_secondary);font-family:monospace}.fcp-option-remove{background:none;border:none;cursor:pointer;color:var(--color_danger, #ef4444);padding:2px}.fcp-add-option{display:flex;gap:6px}.fcp-add-option .fcp-input{flex:1}.fcp-add-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;font-size:12px;font-weight:600;border:none;border-radius:6px;cursor:pointer;background:var(--color_brand);color:#fff;white-space:nowrap}.fcp-empty-section{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 16px;color:var(--color_text_secondary)}.fcp-empty-icon{color:var(--color_text_disabled, #999);margin-bottom:10px}.fcp-empty-section p{margin:0 0 4px;font-size:13px}.fcp-empty-section small{font-size:11px}.fcp-empty-msg{font-size:12px;color:var(--color_text_secondary);padding:10px;text-align:center}.fcp-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--color_border);background:var(--color_bg_secondary)}.fcp-cancel-btn{padding:8px 14px;font-size:13px;font-weight:600;border:1px solid var(--color_border);border-radius:6px;background:var(--color_bg_primary);color:var(--color_text_primary);cursor:pointer}.fcp-apply-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;font-size:13px;font-weight:600;border:none;border-radius:6px;cursor:pointer;background:var(--color_brand);color:#fff}.field-rules-editor{margin-top:16px}.fre-add-section{margin-bottom:24px}.fre-add-title{margin:0 0 12px;font-size:15px;font-weight:600;color:var(--color_text_primary)}.fre-rule-types{display:flex;flex-direction:column;gap:8px}.fre-rule-type-btn{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:1px solid var(--color_border);border-radius:10px;background:var(--color_bg_secondary);cursor:pointer;transition:all .2s;text-align:left}.fre-rule-type-btn:hover{border-color:var(--color_brand);background:var(--color_bg_tertiary, var(--color_bg_secondary))}.fre-rule-type-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#3b82f61a;color:var(--color_blue, #3b82f6);flex-shrink:0}.fre-rule-type-info{flex:1;display:flex;flex-direction:column;gap:2px}.fre-rule-type-label{font-size:14px;font-weight:600;color:var(--color_text_primary)}.fre-rule-type-desc{font-size:12px;color:var(--color_text_secondary)}.fre-rule-type-add{color:var(--color_text_disabled, #999)}.fre-rules-list{margin-top:0}.fre-rules-title{margin:0 0 12px;font-size:15px;font-weight:600;color:var(--color_text_primary)}.fre-rule-card{border:1px solid var(--color_border);border-radius:10px;margin-bottom:10px;overflow:hidden;transition:border-color .2s}.fre-rule-card:hover{border-color:var(--color_brand)}.fre-rule-card.disabled{opacity:.55}.fre-rule-card-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;background:var(--color_bg_secondary)}.fre-rule-card-header:hover{background:var(--color_bg_tertiary, var(--color_bg_secondary))}.fre-rule-card-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.fre-rule-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#3b82f61a;color:var(--color_blue, #3b82f6);flex-shrink:0}.fre-rule-type-name{font-size:13px;font-weight:600;color:var(--color_text_primary);display:block}.fre-rule-summary{font-size:11px;color:var(--color_text_secondary);display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.fre-rule-card-right{display:flex;align-items:center;gap:8px}.fre-toggle-btn,.fre-delete-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.fre-toggle-btn:hover{background:var(--color_bg_tertiary)}.fre-delete-btn{color:var(--color_danger, #ef4444)}.fre-delete-btn:hover{background:#ef44441a}.fre-toggle-on{color:#16a34a}.fre-toggle-off{color:var(--color_text_disabled, #999)}.fre-rule-card-body{padding:16px;border-top:1px solid var(--color_border);background:var(--color_bg_primary)}.fre-rule-row{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.fre-rule-row:last-child{margin-bottom:0}.fre-rule-row-3 .fre-rule-field{flex:1;min-width:140px}.fre-rule-field{flex:1;min-width:150px}.fre-rule-field label{display:block;font-size:12px;font-weight:600;color:var(--color_text_secondary);margin-bottom:4px}.fre-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px}.fre-empty-icon{color:var(--color_text_disabled, #999);margin-bottom:12px}.fre-empty-title{margin:0 0 6px;font-size:16px;font-weight:600;color:var(--color_text_primary)}.fre-empty-text{margin:0;font-size:13px;color:var(--color_text_secondary);max-width:400px}.form-view-container{padding:24px;width:100%;background:var(--color_bg_primary);color:var(--color_text_primary)}.form-view-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:24px}.form-view-title-section{flex:1}.form-view-title{margin:0 0 4px;font-size:22px;font-weight:700}.form-view-subtitle{margin:0;font-size:14px;color:var(--color_text_secondary)}.form-view-actions{display:flex;gap:10px}.form-view-body{max-width:800px;margin:0 auto;padding:24px;background:var(--color_bg_secondary);border:1px solid var(--color_border);border-radius:12px}.form-view-submit{margin-top:20px;text-align:right}.form-view-validation-summary{max-width:800px;margin:24px auto 0;padding:20px;background:var(--color_bg_secondary);border:1px solid var(--color_border);border-radius:12px}.form-view-validation-summary h4{margin:0 0 12px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:6px}.validation-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.validation-summary-item{padding:10px 12px;background:var(--color_bg_primary);border:1px solid var(--color_border);border-radius:8px;font-size:12px;display:flex;flex-direction:column;gap:4px}.validation-summary-item strong{font-size:13px;color:var(--color_text_primary);margin-bottom:2px}.validation-summary-item span{color:var(--color_text_secondary)}.validation-summary-item code{font-family:monospace;font-size:11px;background:var(--color_bg_tertiary, rgba(0,0,0,.05));padding:1px 4px;border-radius:3px;word-break:break-all}.validation-msg{color:#d97706!important;font-style:italic}.form-manager-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:var(--color_text_secondary)}.form-manager-access-denied h2{margin:16px 0 4px;color:var(--color_text_primary)}.form-manager-access-denied p{margin:0 0 20px}@media(max-width:768px){.form-manager-grid,.template-grid{grid-template-columns:1fr}.form-builder-header-content{flex-direction:column;gap:12px}.form-builder-tabs{overflow-x:auto;padding:0 12px}.builder-workspace{flex-direction:column;max-height:none}.builder-config-panel{width:100%;min-width:auto;border-left:none;border-top:1px solid var(--color_border)}.fre-rule-row,.fcp-field-row{flex-direction:column}}.dashboard-manager-container{padding:20px;max-width:1400px;margin:0 auto}.dashboard-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--color_border);flex-wrap:wrap;gap:1rem}.dashboard-manager-header-content{display:flex;align-items:center;gap:16px}.dashboard-manager-header-actions{display:flex;gap:12px;flex-wrap:wrap}.dashboard-manager-icon{color:var(--accent_primary)}.dashboard-manager-title{margin:0;font-size:28px;font-weight:600;color:var(--color_text_primary)}.dashboard-manager-subtitle{margin:5px 0 0;font-size:14px;color:var(--color_text_secondary)}.dashboard-manager-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid var(--color_border);border-top:4px solid var(--accent_primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.dashboard-manager-empty{text-align:center;padding:60px 20px;background:var(--color_bg_card);border-radius:var(--radius_lg);border:2px dashed var(--color_border)}.dashboard-manager-empty-icon{color:var(--color_text_muted);margin-bottom:16px}.dashboard-manager-empty-title{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--color_text_primary)}.dashboard-manager-empty-text{font-size:14px;color:var(--color_text_secondary);max-width:500px;margin:0 auto 24px}.dashboard-manager-empty-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.dashboard-manager-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-top:24px}.dashboard-card{background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:var(--radius_lg);padding:20px;transition:all .3s ease;position:relative;display:flex;flex-direction:column;box-shadow:var(--shadow_sm)}.dashboard-card:hover{box-shadow:var(--shadow_md);transform:translateY(-2px);border-color:var(--accent_primary)}.dashboard-card-badge{position:absolute;top:12px;right:12px;background:var(--color_warning_orange);color:var(--color_white);padding:4px 12px;border-radius:var(--radius_full);font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.dashboard-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.dashboard-card-title{margin:0;font-size:18px;font-weight:600;color:var(--color_text_primary);flex:1}.dashboard-card-status{flex-shrink:0;font-size:12px;font-weight:500}.status-active{color:var(--color_success_green)}.dashboard-card-description{margin:0 0 16px;font-size:14px;color:var(--color_text_secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dashboard-card-meta{display:flex;justify-content:space-between;align-items:center;padding:12px 0;margin:12px 0;border-top:1px solid var(--color_border);border-bottom:1px solid var(--color_border);font-size:13px;color:var(--color_text_muted)}.dashboard-card-metrics{font-weight:500;color:var(--accent_primary)}.dashboard-card-date{color:var(--color_text_muted)}.dashboard-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.dashboard-card-action-btn{flex:1;min-width:fit-content;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:var(--color_bg_primary);color:var(--color_text_primary);border:1px solid var(--color_border);border-radius:var(--radius_md);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.dashboard-card-action-btn:hover{background:var(--accent_primary);color:var(--color_white);border-color:var(--accent_primary)}.dashboard-card-action-btn--danger{color:var(--color_danger)}.dashboard-card-action-btn--danger:hover{background:var(--color_danger);color:var(--color_white);border-color:var(--color_danger)}.dashboard-card-action-btn--primary{color:var(--accent_primary);border-color:var(--accent_primary)}.dashboard-card-action-btn--primary:hover{background:var(--accent_primary);color:var(--color_white)}.template-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.template-modal-content{background:var(--color_bg_primary);border-radius:var(--radius_lg);max-width:1000px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d}.template-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--color_border)}.template-modal-header h3{margin:0;font-size:20px;font-weight:600;color:var(--color_text_primary)}.template-modal-close{background:none;border:none;font-size:32px;line-height:1;color:var(--color_text_muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius_md);transition:all .2s ease}.template-modal-close:hover{background:var(--color_bg_hover);color:var(--color_text_primary)}.template-modal-body{padding:24px;overflow-y:auto;flex:1}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.template-card{background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:var(--radius_md);padding:20px;transition:all .2s ease;cursor:pointer;display:flex;flex-direction:column;gap:12px}.template-card:hover{border-color:var(--accent_primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.template-card-header{display:flex;align-items:center;gap:12px}.template-card-icon{color:var(--accent_primary);flex-shrink:0}.template-card-title{margin:0;font-size:16px;font-weight:600;color:var(--color_text_primary)}.template-card-description{margin:0;font-size:14px;color:var(--color_text_secondary);line-height:1.5;flex:1}.template-card-meta{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid var(--color_border)}.template-card-metrics{font-size:13px;color:var(--color_text_muted);display:flex;align-items:center;gap:4px}.template-card-button{width:100%;margin-top:8px}.template-card-actions-row{display:flex;gap:8px;margin-top:8px}.template-btn-preview{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 15px;background:var(--accent_primary);color:#fff;border:none;border-radius:var(--radius_md);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.template-btn-preview:hover{opacity:.9;transform:translateY(-1px)}.template-btn-use{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 15px;background:var(--color_success);color:#fff;border:none;border-radius:var(--radius_md);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.template-btn-use:hover{opacity:.9;transform:translateY(-1px)}.preview-modal-content{max-width:1200px;max-height:90vh}.preview-header-info{flex:1}.preview-header-description{margin:8px 0 0;font-size:14px;color:var(--color_text_secondary);font-weight:400}.preview-modal-body{max-height:calc(90vh - 180px);overflow-y:auto}.preview-metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:24px}.preview-metric-card{background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:var(--radius_md);padding:16px;transition:all .2s ease}.preview-metric-card:hover{border-color:var(--accent_primary);box-shadow:0 2px 8px #0000001a}.preview-metric-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--color_border)}.preview-metric-title{margin:0;font-size:15px;font-weight:600;color:var(--color_text_primary);flex:1}.preview-metric-type{font-size:12px;color:var(--color_text_muted);background:var(--color_bg_secondary);padding:4px 8px;border-radius:4px;white-space:nowrap}.preview-metric-details{display:flex;flex-direction:column;gap:8px}.preview-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.preview-detail-label{color:var(--color_text_muted);font-weight:500}.preview-detail-value{color:var(--color_text_primary);font-family:Courier New,monospace;background:var(--color_bg_secondary);padding:2px 6px;border-radius:3px}.preview-layout-info{background:var(--color_bg_secondary);border:1px solid var(--color_border);border-radius:var(--radius_md);padding:16px;margin-top:16px}.preview-layout-info h4{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--color_text_primary)}.preview-layout-info p{margin:0;font-size:14px;color:var(--color_text_secondary)}.preview-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--color_border);background:var(--color_bg_secondary);position:sticky;bottom:0}.dashboard-manager-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:var(--color_text_muted)}.dashboard-manager-access-denied h2{margin:16px 0 8px;color:var(--color_text_primary);font-size:24px;font-weight:600}.dashboard-manager-access-denied p{margin:0;font-size:14px;color:var(--color_text_secondary)}@media(max-width:768px){.dashboard-manager-grid,.template-grid{grid-template-columns:1fr}.dashboard-manager-header{flex-direction:column;align-items:flex-start}.dashboard-card-actions{flex-direction:column}.dashboard-card-action-btn{width:100%}}[data-theme=dark] .dashboard-card{background:var(--color_bg_card);border-color:var(--color_border)}[data-theme=dark] .template-modal-content{background:var(--color_bg_secondary)}[data-theme=dark] .template-card{background:var(--color_bg_primary)}[data-theme=dark] .dashboard-card:hover{border-color:var(--accent_primary)}[data-theme=night] .dashboard-card{background:var(--color_bg_card);border-color:var(--color_border)}[data-theme=night] .dashboard-card:hover{border-color:var(--accent_primary)}.table-manager{padding:20px;max-width:1400px;margin:0 auto}.table-manager-list{width:100%}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--color_border)}.list-header h2{margin:0;font-size:28px;font-weight:600;color:var(--color_text_primary)}.list-actions{display:flex;gap:12px}.spinner{width:48px;height:48px;border:4px solid var(--color_border);border-top-color:var(--color_accent);border-radius:50%;animation:spin 1s linear infinite}.loading-state p{margin-top:16px;color:var(--color_text_secondary);font-size:16px}.empty-state{text-align:center;padding:60px 20px;background-color:var(--color_bg_secondary);border-radius:12px;border:2px dashed var(--color_border)}.empty-state-icon{color:var(--color_text_muted);margin-bottom:16px}.empty-state-title{margin:0 0 8px;color:var(--color_text_primary)}.empty-state-text{margin:0;color:var(--color_text_secondary)}.tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.table-card{background-color:var(--color_bg_card);border:1px solid var(--color_border);border-radius:12px;padding:20px;transition:all .2s ease;box-shadow:var(--shadow_sm)}.table-card:hover{box-shadow:var(--shadow_md);transform:translateY(-2px)}.table-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.table-card-header h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--color_text_primary)}.table-description{margin:0;font-size:14px;color:var(--color_text_secondary);line-height:1.5}.table-card-status{flex-shrink:0}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active{background-color:var(--color_success_light);color:var(--color_success_dark)}.status-badge.inactive{background-color:var(--color_bg_secondary);color:var(--color_text_secondary)}.table-card-meta{display:flex;gap:16px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--color_border)}.meta-item{font-size:14px;color:var(--color_text_secondary)}.meta-item strong{color:var(--color_text_primary);font-weight:600}.table-card-actions{display:flex;gap:8px;justify-content:flex-end}.table-manager-editor{width:100%}.editor-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--color_border)}.editor-header h2{margin:0;font-size:28px;font-weight:600;color:var(--color_text_primary)}.editor-form{max-width:900px}.form-section{background-color:var(--color_bg_card);border:1px solid var(--color_border);border-radius:12px;padding:24px;margin-bottom:24px}.form-section h3{margin:0 0 20px;font-size:20px;font-weight:600;color:var(--color_text_primary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{margin:0}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1px solid var(--color_border);border-radius:8px;font-size:14px;background-color:var(--color_bg_secondary);color:var(--color_text_primary);transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color_accent)}.empty-columns{text-align:center;padding:40px 20px;color:var(--color_text_secondary);background-color:var(--color_bg_secondary);border-radius:8px}.columns-list{display:flex;flex-direction:column;gap:16px}.column-item{display:flex;gap:16px;padding:16px;background-color:var(--color_bg_secondary);border:1px solid var(--color_border);border-radius:8px;transition:all .2s}.column-item:hover{border-color:var(--color_accent)}.column-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--color_accent);color:#fff;border-radius:50%;font-weight:600;font-size:14px;flex-shrink:0}.column-fields{flex:1;display:flex;flex-direction:column;gap:12px}.column-row{display:grid;grid-template-columns:1fr 1fr 120px;gap:12px}.column-row:last-child{grid-template-columns:1fr 1fr;gap:16px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color_text_primary);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer}.checkbox-label input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.editor-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}.table-manager-viewer{width:100%}.viewer-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--color_border)}.viewer-title{flex:1;display:flex;justify-content:space-between;align-items:center}.viewer-title h2{margin:0;font-size:28px;font-weight:600;color:var(--color_text_primary)}.viewer-content{max-width:900px}.info-section{background-color:var(--color_bg_card);border:1px solid var(--color_border);border-radius:12px;padding:24px;margin-bottom:24px}.info-section h3{margin:0 0 16px;font-size:20px;font-weight:600;color:var(--color_text_primary)}.info-section p{margin:0;color:var(--color_text_secondary);line-height:1.6}.columns-list-view{display:flex;flex-direction:column;gap:12px}.column-view-item{display:flex;gap:12px;padding:12px;background-color:var(--color_bg_secondary);border:1px solid var(--color_border);border-radius:8px}.column-index{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:var(--color_text_muted);color:#fff;border-radius:50%;font-weight:600;font-size:12px;flex-shrink:0}.column-view-details{flex:1}.column-view-details strong{display:block;color:var(--color_text_primary);margin-bottom:6px}.column-view-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--color_text_secondary)}.column-view-meta .badge{padding:2px 8px;background-color:var(--color_accent);color:#fff;border-radius:4px;font-size:11px;font-weight:500}.features-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.feature-item{padding:12px;background-color:var(--color_bg_secondary);border-radius:6px;font-size:14px;color:var(--color_text_secondary)}.feature-item strong{color:var(--color_text_primary)}.metadata-list{display:flex;flex-direction:column;gap:12px}.metadata-item{padding:12px;background-color:var(--color_bg_secondary);border-radius:6px;font-size:14px;color:var(--color_text_secondary)}.metadata-item strong{color:var(--color_text_primary);margin-right:8px}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background-color:var(--color_bg_card);border-radius:16px;box-shadow:var(--shadow_lg);max-width:1200px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--color_border)}.modal-header h2{margin:0;font-size:24px;font-weight:600;color:var(--color_text_primary)}.btn-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:24px;color:var(--color_text_secondary);cursor:pointer;border-radius:6px;transition:background-color .2s}.btn-close:hover{background-color:var(--color_bg_hover)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;padding:24px}.template-card{padding:20px;background-color:var(--color_bg_secondary);border:2px solid var(--color_border);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.template-card:hover{border-color:var(--color_accent);transform:translateY(-2px);box-shadow:var(--shadow_md)}.template-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 16px;background-color:var(--color_accent);color:#fff;border-radius:12px}.template-card h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--color_text_primary)}.template-card p{margin:0 0 12px;font-size:13px;color:var(--color_text_secondary);line-height:1.5}.template-columns-preview{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:12px;padding:0 10px}.column-tag{display:inline-block;padding:4px 10px;background-color:var(--color_bg_card);border:1px solid var(--color_border);border-radius:6px;font-size:11px;font-weight:500;color:var(--color_text_primary);white-space:nowrap}.column-tag-more{display:inline-block;padding:4px 10px;background-color:var(--color_accent);color:#fff;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}.template-meta{font-size:12px;color:var(--color_text_muted)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color_accent);color:#fff}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{background-color:var(--color_bg_secondary);color:var(--color_text_primary);border:1px solid var(--color_border)}.btn-secondary:hover:not(:disabled){background-color:var(--color_bg_hover)}.btn-secondary.active{background-color:var(--color_accent);color:#fff;border-color:var(--color_accent)}.btn-icon{padding:8px;background-color:transparent;color:var(--color_text_secondary);border:1px solid var(--color_border)}.btn-icon:hover:not(:disabled){background-color:var(--color_bg_hover);color:var(--color_text_primary)}.btn-danger{background-color:transparent;color:var(--color_danger);border:1px solid var(--color_danger)}.btn-danger:hover:not(:disabled){background-color:var(--color_danger);color:#fff}.btn-sm{padding:6px 14px;font-size:13px}[data-theme=dark] .table-card,[data-theme=night] .table-card{box-shadow:0 1px 3px #ffffff0d}[data-theme=dark] .table-card:hover,[data-theme=night] .table-card:hover{box-shadow:0 4px 6px #ffffff1a}[data-theme=dark] .template-card:hover,[data-theme=night] .template-card:hover{box-shadow:0 4px 12px #ffffff1a}[data-theme=dark] .column-tag,[data-theme=night] .column-tag{background-color:#ffffff0d;border-color:#ffffff1a}@media(max-width:768px){.tables-grid,.templates-grid,.column-row,.features-grid,.features-list{grid-template-columns:1fr}.list-header{flex-direction:column;align-items:flex-start;gap:16px}.list-actions{width:100%;flex-direction:column}.list-actions .btn{width:100%;justify-content:center}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999999;padding:20px;pointer-events:auto}.add-section-modal,.add-field-modal{background:var(--color_bg_primary);border-radius:12px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden;position:relative;z-index:10000000;pointer-events:auto}.add-field-modal{max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color_border);background:var(--color_bg_secondary);position:relative;z-index:10000001;pointer-events:auto}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:var(--color_text_primary)}.btn-close-modal{background:none;border:none;color:var(--color_text_secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.btn-close-modal:hover{background:var(--color_bg_hover);color:var(--color_text_primary)}.modal-body{flex:1;overflow-y:auto}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:var(--color_text_primary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--color_border);border-radius:6px;font-size:14px;background:var(--color_bg_primary);color:var(--color_text_primary);transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color_primary);box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{min-height:80px;resize:vertical}.auto-name-hint{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid rgba(99,102,241,.2);border-left:4px solid var(--color_primary);border-radius:8px;margin-top:16px}.auto-name-hint .hint-icon{font-size:18px;flex-shrink:0}.auto-name-hint .hint-text{font-size:13px;color:var(--color_text_primary);line-height:1.5}.column-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.column-option{border:2px solid var(--color_border);border-radius:8px;padding:16px;text-align:center;cursor:pointer;transition:all .2s;background:var(--color_bg_primary)}.column-option:hover{border-color:var(--color_primary);background:var(--color_bg_hover)}.column-option.selected{border-color:var(--color_primary);background:#3b82f61a}.column-option svg{color:var(--color_text_secondary);margin-bottom:8px}.column-option.selected svg{color:var(--color_primary)}.option-label{font-weight:500;font-size:14px;color:var(--color_text_primary);margin-bottom:4px}.option-description{font-size:12px;color:var(--color_text_secondary)}.field-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.field-type-option{border:2px solid var(--color_border);border-radius:8px;padding:12px;text-align:center;cursor:pointer;transition:all .2s;background:var(--color_bg_primary);display:flex;flex-direction:column;align-items:center;gap:6px}.field-type-option:hover{border-color:var(--color_primary);background:var(--color_bg_hover)}.field-type-option.selected{border-color:var(--color_primary);background:#3b82f61a}.field-type-option svg{color:var(--color_text_secondary)}.field-type-option.selected svg{color:var(--color_primary)}.field-type-option span{font-size:13px;font-weight:500;color:var(--color_text_primary)}.checkbox-group,.switch-group{display:flex;align-items:center;gap:12px;padding:12px 0;margin:8px 0}.checkbox-group input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.checkbox-group label{position:relative;display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-weight:500;color:var(--color_text_primary);-webkit-user-select:none;user-select:none;margin:0;width:100%}.checkbox-group label:before{content:"";position:relative;width:44px;height:24px;background:#e5e7eb;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;flex-shrink:0;box-shadow:inset 0 2px 4px #0000001a}.checkbox-group label:after{content:"";position:absolute;left:2px;top:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.checkbox-group input[type=checkbox]:checked+label:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:inset 0 2px 4px #0000001a,0 0 0 1px #3b82f6}.checkbox-group input[type=checkbox]:checked+label:after{left:22px;top:2px;background:#fff}.checkbox-group label:hover:before{transform:scale(1.02);box-shadow:inset 0 2px 4px #0000001a,0 0 0 3px #3b82f61a}.checkbox-group input[type=checkbox]:focus+label:before{outline:2px solid var(--color_primary);outline-offset:2px}.checkbox-group input[type=checkbox]:disabled+label{opacity:.5;cursor:not-allowed}.checkbox-group input[type=checkbox]:disabled+label:before{background:var(--color_bg_secondary);box-shadow:inset 0 2px 4px #0000000d}.checkbox-group input[type=checkbox]:disabled+label:after{background:#f0f0f0;box-shadow:0 1px 2px #0000001a}.checkbox-group label:active:before{transform:scale(.98)}.form-group .checkbox-group{background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:8px;padding:16px;margin:8px 0;transition:all .2s ease;position:relative;min-height:64px;display:flex;align-items:center;gap:12px}.form-group .checkbox-group:hover{border-color:var(--color_primary);box-shadow:0 0 0 3px #3b82f61a}.checkbox-group label .toggle-text{display:flex;flex-direction:column;gap:4px;flex:1;justify-content:center;min-height:36px}.checkbox-group label .toggle-title{font-weight:600;line-height:1.3;color:#2d3748;margin-bottom:2px}.required-toggle:hover{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.required-toggle input[type=checkbox]:checked+label:before{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:inset 0 2px 4px #0000001a,0 0 0 1px #ef4444}.unique-toggle:hover:not(:has(input:disabled)){border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.unique-toggle input[type=checkbox]:checked+label:before{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:inset 0 2px 4px #0000001a,0 0 0 1px #8b5cf6}.unique-toggle:has(input:disabled){opacity:.6;background:var(--color_bg_secondary)}@media(max-width:768px){.checkbox-group label:before{width:40px;height:22px}.checkbox-group label:after{width:18px;height:18px;top:2px}.checkbox-group input[type=checkbox]:checked+label:after{left:20px;top:2px}.form-group .checkbox-group{padding:14px;min-height:56px;gap:10px}}.checkbox-group label small{font-size:12px;font-weight:400;color:var(--color_text_secondary);line-height:1.3}.switch-group label{margin:0;font-weight:400;cursor:pointer}.options-list{display:flex;flex-direction:column;gap:8px}.option-item{display:flex;gap:8px;align-items:center}.option-item input{flex:1}.btn-icon-small{padding:6px;border:none;background:var(--color_bg_hover);color:var(--color_text_secondary);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon-small:hover{background:var(--color_danger);color:#fff}.btn-add-option{margin-top:8px;padding:8px 12px;border:1px dashed var(--color_border);background:var(--color_bg_secondary);color:var(--color_text_primary);border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s;display:flex;align-items:center;gap:6px;justify-content:center}.btn-add-option:hover{border-color:var(--color_primary);background:var(--color_bg_hover)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--color_border);background:var(--color_bg_secondary)}[data-theme=dark] .column-option.selected,[data-theme=dark] .field-type-option.selected{background:#60a5fa26}@media(max-width:768px){.column-options{grid-template-columns:1fr}.field-type-grid{grid-template-columns:repeat(2,1fr)}}.field-library{width:300px;background:var(--color_bg_card);border-right:1px solid var(--color_border);display:flex;flex-direction:column;height:100%;overflow-y:auto}.field-library-header{padding:20px;border-bottom:2px solid var(--color_border);background:var(--color_bg_card);position:sticky;top:0;z-index:10}.field-library-header h3{margin:0 0 6px;font-size:18px;font-weight:600;color:var(--color_text_primary)}.field-library-header p{margin:0;font-size:14px;color:var(--color_text_secondary)}.field-library-list{flex:1;padding:16px}.field-library-draggable{padding:12px;margin-bottom:10px;background:var(--color_bg_secondary);border:2px dashed var(--color_border);border-radius:8px;cursor:grab;transition:all .2s ease}.field-library-draggable:hover{background:var(--color_bg_hover);border-color:var(--color_primary);transform:translateY(-1px);box-shadow:0 2px 8px #6366f11a}.field-library-draggable.dragging{opacity:.5;cursor:grabbing}.field-library-item-content{display:flex;align-items:center;gap:10px}.field-library-icon{font-size:20px;flex-shrink:0}.field-library-item-info{flex:1;min-width:0}.field-library-item-label{font-weight:500;font-size:14px;color:var(--color_text_primary);margin-bottom:4px}.field-library-item-description{font-size:12px;color:var(--color_text_secondary);line-height:1.4}.field-library-help{padding:16px;background:var(--color_bg_secondary);border-top:1px solid var(--color_border);border-radius:8px;margin:16px}.field-library-help h4{margin:0 0 10px;font-size:14px;color:var(--color_text_primary);font-weight:600}.field-library-help ul{margin:0;padding-left:20px;font-size:12px;color:var(--color_text_secondary);line-height:1.6}.field-library-help li{margin-bottom:4px}[data-theme=dark] .field-library{background:var(--color_bg_card)}[data-theme=dark] .field-library-draggable{background:var(--color_bg_primary)}[data-theme=dark] .field-library-draggable:hover{background:var(--color_bg_hover)}[data-theme=dark] .field-type-badge{background:#60a5fa}[data-theme=dark] .field-required-badge{background:#ef4444}.field-library-list::-webkit-scrollbar{width:6px}.field-library-list::-webkit-scrollbar-track{background:var(--color_bg_secondary)}.field-library-list::-webkit-scrollbar-thumb{background:var(--color_border);border-radius:3px}.field-library-list::-webkit-scrollbar-thumb:hover{background:var(--color_text_secondary)}.enhanced-form-builder{width:100%;height:100%;display:flex;flex-direction:row;background:var(--color_bg_secondary);position:relative}.enhanced-form-builder-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.form-builder-toolbar{display:flex;align-items:center;gap:16px;padding:20px;border-bottom:1px solid var(--color_border);background:var(--color_bg_primary)}.toolbar-hint{font-size:13px;color:var(--color_text_secondary);font-style:italic}.form-sections{flex:1;overflow-y:auto;padding:20px}.form-section-wrapper{position:relative}.form-section-wrapper.dragging-section{opacity:.5}.form-section-wrapper.drag-over-section{border-top:3px solid var(--color_primary);padding-top:3px}.form-section{background:var(--color_bg_primary);border:1px solid var(--color_border);border-radius:12px;margin-bottom:20px;overflow:hidden;cursor:move;transition:all .2s ease}.form-section:hover{border-color:var(--color_primary_light);box-shadow:0 2px 8px #0000000d}.section-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--color_bg_secondary);border-bottom:1px solid var(--color_border)}.section-name{margin:0;font-size:18px;font-weight:600;color:var(--color_text_primary);transition:all .2s}.section-name:hover{color:var(--color_primary)}.section-name-edit{flex:1;max-width:500px}.section-name-input{width:100%;font-size:18px;font-weight:600;padding:6px 10px;border:2px solid var(--color_primary);border-radius:6px;background:var(--color_bg_primary);color:var(--color_text_primary);font-family:inherit}.section-name-input:focus{outline:none;box-shadow:0 0 0 3px #6366f11a}.section-actions{display:flex;align-items:center;gap:12px}.section-info{font-size:13px;color:var(--color_text_secondary);padding:4px 8px;background:var(--color_bg_hover);border-radius:4px}.btn-icon-danger{padding:6px;border:none;background:transparent;color:var(--color_text_secondary);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon-danger:hover{background:var(--color_danger);color:#fff}.section-columns{display:grid;gap:16px;padding:20px}.section-columns.columns-single{grid-template-columns:1fr}.section-columns.columns-double{grid-template-columns:1fr 1fr}.section-columns.columns-triple{grid-template-columns:1fr 1fr 1fr}.droppable-column{min-height:100px;border:2px dashed var(--color_border);border-radius:8px;padding:12px;background:var(--color_bg_secondary);transition:all .2s ease}.droppable-column.drag-over{border-color:var(--color_primary);background:#6366f10d;box-shadow:inset 0 0 0 2px var(--color_primary)}.draggable-field{position:relative;margin-bottom:12px;border:1px solid var(--color_border);border-radius:6px;padding:12px;background:var(--color_bg_primary);cursor:move;transition:all .2s}.draggable-field:hover{box-shadow:0 2px 8px #0000001a;border-color:var(--color_primary)}.draggable-field.dragging{opacity:.5}.field-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .2s}.draggable-field:hover .field-actions{opacity:1}.field-action-btn{padding:4px;border:none;background:var(--color_bg_secondary);color:var(--color_text_secondary);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;border:1px solid var(--color_border)}.field-action-btn:hover{background:var(--color_bg_hover);color:var(--color_text_primary)}.field-action-btn.grip{cursor:move}.field-action-btn.edit:hover{background:var(--color_primary);color:#fff;border-color:var(--color_primary)}.field-action-btn.delete:hover{background:var(--color_danger);color:#fff;border-color:var(--color_danger)}.btn-add-field-inline{width:100%;padding:10px;border:2px dashed var(--color_border);background:transparent;color:var(--color_text_secondary);border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;margin-top:8px}.btn-add-field-inline:hover{border-color:var(--color_primary);background:var(--color_bg_hover);color:var(--color_primary)}.empty-column-placeholder{text-align:center;padding:40px 20px;color:var(--color_text_secondary);font-size:14px;border:2px dashed var(--color_border);border-radius:6px;background:var(--color_bg_secondary)}.empty-form-builder{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.empty-state{text-align:center;max-width:400px}.empty-state svg{color:var(--color_text_secondary);margin-bottom:16px}.empty-state h3{margin:0 0 8px;font-size:20px;color:var(--color_text_primary)}.empty-state p{margin:0 0 24px;color:var(--color_text_secondary);font-size:14px}[data-theme=dark] .draggable-field{background:var(--color_bg_secondary)}[data-theme=dark] .draggable-field:hover{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .droppable-column{background:#ffffff05}@media(max-width:1024px){.section-columns.columns-triple{grid-template-columns:1fr 1fr}}@media(max-width:768px){.section-columns.columns-double,.section-columns.columns-triple{grid-template-columns:1fr}.form-builder-toolbar{flex-direction:column;align-items:flex-start}}.field-rules-manager{padding:20px;height:100%;overflow-y:auto}.field-rules-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border-color)}.field-rules-header-left{display:flex;align-items:center;gap:16px}.field-rules-header h2{margin:0;font-size:24px;color:var(--text-color)}.field-rules-stats{display:flex;gap:8px}.stat-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.stat-badge.active{background:var(--success-bg);color:var(--success-color)}.stat-badge.inactive{background:var(--warning-bg);color:var(--warning-color)}.btn-add-rule{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-add-rule:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-add-rule:disabled{background:var(--border-color);cursor:not-allowed;opacity:.6}.field-rules-errors{display:flex;gap:12px;padding:16px;background:var(--error-bg);border:1px solid var(--error-color);border-radius:8px;margin-bottom:20px;color:var(--error-color)}.field-rules-errors ul{margin:8px 0 0;padding-left:20px}.field-rules-errors li{margin:4px 0}.field-rules-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.field-rules-empty h3{margin:0 0 8px;font-size:24px;color:var(--text-color)}.field-rules-empty p{margin:0 0 24px;color:var(--text-secondary);max-width:400px}.field-rules-empty .btn-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:16px}.warning-text{display:flex;align-items:center;gap:6px;margin-top:12px;color:var(--warning-color);font-size:14px}.field-rules-content{display:flex;flex-direction:column;gap:24px}.rule-type-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px}.rule-type-header{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border-color);font-size:18px;color:var(--text-color)}.rule-type-icon{font-size:24px}.rules-list{display:flex;flex-direction:column;gap:12px}.rule-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:16px;transition:all .2s}.rule-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.rule-card.disabled{opacity:.6;background:var(--disabled-bg)}.rule-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.rule-card-info{flex:1}.rule-card-title{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-color)}.rule-card-description{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5}.rule-card-actions{display:flex;gap:8px}.rule-card-actions button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-color);cursor:pointer;transition:all .2s}.rule-card-actions button:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.btn-toggle{color:var(--text-secondary)}.btn-toggle.active{background:var(--success-bg);border-color:var(--success-color);color:var(--success-color)}.btn-edit{color:var(--primary-color)}.btn-edit:hover{background:var(--primary-bg);border-color:var(--primary-color)}.btn-delete{color:var(--error-color)}.btn-delete:hover{background:var(--error-bg);border-color:var(--error-color)}.rule-card-footer{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.rule-priority{font-size:12px;color:var(--text-secondary)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s}.modal-content{background:var(--bg-color);border-radius:12px;box-shadow:0 10px 40px #0003;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rule-modal{width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:20px;color:var(--text-color)}.btn-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s}.btn-close:hover{background:var(--hover-bg);color:var(--text-color)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color)}.rule-type-selector{max-width:100%}.selector-description{margin:0 0 24px;color:var(--text-secondary);font-size:15px}.rule-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.rule-type-card{display:flex;flex-direction:column;align-items:center;padding:24px 16px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s;text-align:center}.rule-type-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.rule-type-card .rule-type-icon{color:var(--primary-color);margin-bottom:12px}.rule-type-card h3{margin:0 0 8px;font-size:16px;color:var(--text-color)}.rule-type-card p{margin:0 0 12px;font-size:13px;color:var(--text-secondary);line-height:1.4}.rule-type-example{padding:8px 12px;background:var(--hover-bg);border-radius:6px;font-size:12px;color:var(--text-secondary);width:100%}.rule-type-example strong{display:block;margin-bottom:4px;color:var(--text-color)}.rule-config-form{display:flex;flex-direction:column;gap:24px}.form-section{display:flex;flex-direction:column;gap:16px}.form-section h3{margin:0;font-size:16px;font-weight:600;color:var(--text-color);padding-bottom:8px;border-bottom:1px solid var(--border-color)}.section-description{margin:-8px 0 0;font-size:13px;color:var(--text-secondary)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:500;color:var(--text-color)}.form-input,.form-select{padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-color);color:var(--text-color);font-size:14px;transition:all .2s}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-bg)}.form-input.error,.form-select.error{border-color:var(--error-color)}.form-input.code{font-family:Monaco,Courier New,monospace;font-size:13px}.help-text{font-size:12px;color:var(--text-secondary)}.help-text.error{color:var(--error-color)}.error-text{font-size:12px;color:var(--error-color);margin-top:4px}.radio-group{display:flex;gap:16px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-color)}.radio-label input[type=radio]{cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.selected-fields-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.selected-field-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px}.field-order{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--primary-bg);color:var(--primary-color);border-radius:50%;font-size:12px;font-weight:600}.field-name{flex:1;font-size:14px;color:var(--text-color)}.btn-remove-field{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:var(--error-bg);color:var(--error-color);border-radius:4px;cursor:pointer;transition:all .2s}.btn-remove-field:hover{background:var(--error-color);color:#fff}.add-field-row{margin-top:8px}.warning-box{padding:12px;background:var(--warning-bg);border:1px solid var(--warning-color);border-radius:6px;font-size:13px;color:var(--warning-color)}.warning-box strong{font-weight:600}.rule-preview{padding:16px;background:var(--primary-bg);border:1px solid var(--primary-color);border-radius:8px}.rule-preview h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--primary-color)}.preview-box{padding:12px;background:var(--bg-color);border-radius:6px;font-size:14px;color:var(--text-color);line-height:1.6}.preview-box strong{color:var(--primary-color);font-weight:600}.preview-box code{padding:2px 6px;background:var(--hover-bg);border-radius:3px;font-family:Monaco,Courier New,monospace;font-size:12px}.error-preview{display:block;margin-top:8px;color:var(--error-color);font-style:italic}.btn-primary,.btn-secondary{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.btn-secondary{background:var(--card-bg);color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--hover-bg)}.dark .field-rules-manager{--bg-color: #1e1e1e;--card-bg: #2d2d2d;--text-color: #e4e4e4;--text-secondary: #a0a0a0;--border-color: #404040;--hover-bg: #3a3a3a;--disabled-bg: #252525;--primary-color: #0078d4;--primary-hover: #106ebe;--primary-bg: rgba(0, 120, 212, .1);--success-color: #107c10;--success-bg: rgba(16, 124, 16, .1);--error-color: #e74856;--error-bg: rgba(231, 72, 86, .1);--warning-color: #f7630c;--warning-bg: rgba(247, 99, 12, .1)}@media(max-width:768px){.field-rules-header{flex-direction:column;align-items:flex-start;gap:12px}.rule-modal{width:95vw}.rule-type-grid,.form-row{grid-template-columns:1fr}.rule-card-header{flex-direction:column}.rule-card-actions{width:100%;justify-content:flex-end}}.manage-modules-container{padding:20px;max-width:1400px;margin:0 auto}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--color_text_secondary)}.access-denied svg{color:var(--color_text_muted);margin-bottom:20px}.access-denied h2{font-size:24px;margin:0 0 10px;color:var(--color_text_primary)}.access-denied p{font-size:16px;margin:0}.modules-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--color_border)}.modules-header-info h2{font-size:24px;margin:0 0 8px;color:var(--color_text_primary)}.modules-header-info p{font-size:14px;margin:0;color:var(--color_text_secondary)}.btn-create-module{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--color_accent);color:var(--color_white);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #4f46e54d}.btn-create-module:hover:not(:disabled){background:var(--color_primary_dark_blue);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e566}.btn-create-module:disabled{opacity:.6;cursor:not-allowed}.header-actions{display:flex;gap:12px;align-items:center}.btn-select-mode{display:flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid var(--color_border);background:#fff;color:var(--color_text);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.btn-select-mode:hover:not(:disabled){border-color:var(--color_primary);background:#4f46e50d}.btn-select-mode.active{background:var(--color_primary);color:#fff;border-color:var(--color_primary)}.btn-select-mode:disabled{opacity:.5;cursor:not-allowed}.bulk-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#4f46e50d;border:2px solid rgba(79,70,229,.1);border-radius:12px;margin-bottom:20px}.bulk-toolbar-left{display:flex;align-items:center;gap:12px}.bulk-select-all{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500;color:var(--color_text)}.bulk-select-all input[type=checkbox]{width:18px;height:18px;cursor:pointer}.bulk-select-text{font-size:14px}.btn-bulk-delete{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--color_danger, #ef4444);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:14px}.btn-bulk-delete:hover:not(:disabled){background:var(--color_danger_hover, #dc2626);transform:translateY(-1px)}.btn-bulk-delete:disabled{opacity:.5;cursor:not-allowed;transform:none}.module-card.select-mode{border:2px solid transparent;transition:all .2s ease}.module-card.select-mode.selected{border-color:var(--color_primary);background:#4f46e50d;transform:translateY(-2px);box-shadow:0 8px 25px #4f46e526}.module-card-checkbox{position:absolute;top:12px;right:12px;z-index:10;display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer}.module-card-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color_primary)}.module-card.select-mode .module-card-actions{opacity:.3;pointer-events:none}.module-card.select-mode.selected .module-card-actions{opacity:.5}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-state svg{color:var(--color_text_muted);margin-bottom:24px}.empty-state h3{font-size:22px;margin:0 0 12px;color:var(--color_text_primary)}.empty-state p{font-size:15px;margin:0 0 24px;color:var(--color_text_secondary);max-width:400px}.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.module-card{background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:var(--radius_lg);padding:20px;transition:all .3s ease;position:relative;display:flex;flex-direction:column;box-shadow:var(--shadow_sm)}.module-card:hover{box-shadow:var(--shadow_md);transform:translateY(-2px);border-color:var(--accent_primary)}.module-card-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,var(--color_primary_blue) 0%,var(--color_primary_light_blue) 100%);color:var(--color_white);padding:4px 12px;border-radius:var(--radius_full);font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;box-shadow:0 2px 4px #4f46e533}.module-card-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:12px;gap:12px}.module-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color_bg_secondary);border-radius:10px;color:var(--accent_primary);flex-shrink:0}.module-card-title{margin:0;font-size:18px;font-weight:600;color:var(--color_text_primary)}.module-card-description{margin:0 0 16px;font-size:14px;color:var(--color_text_secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.module-card-meta{display:flex;justify-content:space-between;align-items:center;padding:12px 0;margin:12px 0;border-top:1px solid var(--color_border);border-bottom:1px solid var(--color_border);font-size:13px;color:var(--color_text_muted)}.module-card-fields{font-weight:500;color:var(--accent_primary)}.module-card-date{color:var(--color_text_muted)}.module-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.module-card-action-btn{flex:1;min-width:fit-content;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:var(--color_bg_primary);color:var(--color_text_primary);border:1px solid var(--color_border);border-radius:var(--radius_md);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.module-card-action-btn:hover{background:var(--accent_primary);color:var(--color_white);border-color:var(--accent_primary)}.module-card-action-btn--danger{color:var(--color_danger)}.module-card-action-btn--danger:hover{background:var(--color_danger);color:var(--color_white);border-color:var(--color_danger)}.module-card-action-btn--primary{color:var(--accent_primary);border-color:var(--accent_primary)}.module-card-action-btn--primary:hover{background:var(--accent_primary);color:var(--color_white)}.module-card-body{flex:1;margin-bottom:16px}.btn-icon{display:flex;align-items:center;justify-content:center;padding:8px;background:var(--color_bg_secondary);border:1px solid var(--color_border);border-radius:6px;color:var(--color_text_primary);cursor:pointer;transition:all .2s}.btn-icon:hover{background:var(--color_bg_hover);transform:scale(1.05)}.btn-icon.btn-danger{background-color:var(--color_danger_light);color:var(--color_danger);border:1px solid var(--color_danger)}.btn-icon.btn-danger:hover{background-color:var(--color_danger);color:#fff;border-color:var(--color_danger);opacity:.9;transform:scale(1.05)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--color_bg_primary);border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header h3{font-size:20px;margin:0;color:var(--color_text_primary)}.btn-close{background:none;border:none;font-size:28px;color:var(--color_text_secondary);cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--color_text_primary)}.form-group input[type=text],.form-group textarea,.form-group select{width:100%;padding:10px 12px;border:1px solid var(--color_border);border-radius:8px;font-size:14px;background:var(--color_bg_primary);color:var(--color_text_primary);transition:all .2s}.form-group input[type=text]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color_primary);box-shadow:0 0 0 3px #4f46e51a}.form-group input.error{border-color:var(--color_danger)}.error-message{display:block;margin-top:6px;font-size:13px;color:var(--color_danger)}.form-group-checkbox{display:flex;align-items:center}.form-group-checkbox label{display:flex;align-items:center;gap:8px;margin:0;cursor:pointer}.form-group-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--color_border)}[data-theme=dark] .modal-overlay{background:#000000b3}[data-theme=dark] .module-card{background:var(--color_bg_card);border-color:var(--color_border)}[data-theme=dark] .module-card:hover{border-color:var(--accent_primary);box-shadow:var(--shadow_md)}[data-theme=dark] .module-card-badge{background:linear-gradient(135deg,var(--color_primary_blue) 0%,var(--color_primary_light_blue) 100%)}[data-theme=dark] .module-icon{background:var(--color_bg_secondary);color:var(--accent_primary)}[data-theme=dark] .module-card-action-btn{background:var(--color_bg_secondary);border-color:var(--color_border);color:var(--color_text_primary)}[data-theme=dark] .module-card-action-btn:hover{background:var(--accent_primary);color:var(--color_white);border-color:var(--accent_primary)}.form-builder-page-header{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:20px;background:var(--color_bg_secondary);border-radius:8px;margin-bottom:20px;border:1px solid var(--color_border);flex-shrink:0;position:relative;z-index:10}.form-builder-page-header button{min-width:120px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.form-builder-page-header .btn-primary{background:var(--color_primary, #3b82f6);color:#fff}.form-builder-page-header .btn-primary:hover:not(:disabled){background:var(--color_primary_hover, #2563eb)}.form-builder-page-header .btn-secondary{background:#e5e7eb;color:#1f2937;border:1px solid #d1d5db}.form-builder-page-header .btn-secondary:hover:not(:disabled){background:#d1d5db;color:#1f2937}.form-builder-page-header button:disabled{opacity:.6;cursor:not-allowed}.form-builder-page-content{background:var(--color_bg_primary);border-radius:8px;border:1px solid var(--color_border);overflow:hidden;height:calc(100vh - 280px);min-height:600px;display:flex}.form-builder-page-content .enhanced-form-builder{flex:1;display:flex;overflow:hidden}[data-theme=dark] .form-builder-page-header{background:var(--color_bg_primary);border-color:var(--color_border)}[data-theme=dark] .form-builder-page-header .btn-secondary{background:#374151;color:#f9fafb;border:1px solid #4b5563}[data-theme=dark] .form-builder-page-header .btn-secondary:hover:not(:disabled){background:#4b5563;color:#f9fafb}[data-theme=dark] .form-builder-page-header .btn-primary{background:#60a5fa;color:#1f2937}[data-theme=dark] .form-builder-page-header .btn-primary:hover:not(:disabled){background:#93c5fd;color:#1f2937}[data-theme=dark] .form-builder-page-content{background:var(--color_bg_secondary);border-color:var(--color_border)}.module-builder-tabs-container{display:flex;flex-direction:column;height:calc(100vh - 120px);background:var(--color_bg_card);border-radius:8px;overflow:hidden}.module-builder-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--color_bg_card);border-bottom:1px solid var(--color_border);gap:16px;flex-wrap:wrap}.module-builder-header-left{flex:1;min-width:250px}.module-builder-title{font-size:22px;font-weight:600;margin:0 0 4px;color:var(--color_text_primary);line-height:1.3}.module-builder-subtitle{font-size:13px;color:var(--color_text_secondary);margin:0;line-height:1.5}.module-builder-header-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.module-builder-tabs{display:flex;gap:0;background:var(--color_bg_card);border-bottom:2px solid var(--color_border);padding:0 24px;overflow-x:auto;scrollbar-width:thin}.module-builder-tabs::-webkit-scrollbar{height:4px}.module-builder-tabs::-webkit-scrollbar-thumb{background:var(--color_border);border-radius:2px}.module-builder-tab{display:flex;align-items:center;gap:8px;padding:14px 20px;background:none;border:none;border-bottom:3px solid transparent;color:var(--color_text_secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;white-space:nowrap;-webkit-user-select:none;user-select:none}.module-builder-tab:hover:not(:disabled){color:var(--color_text_primary);background:var(--color_bg_hover)}.module-builder-tab.active{color:var(--color_primary);border-bottom-color:var(--color_primary);font-weight:600}.module-builder-tab svg{flex-shrink:0;transition:transform .2s ease}.module-builder-tab.active svg{transform:scale(1.05)}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--color_bg_secondary);color:var(--color_text_secondary);border-radius:10px;font-size:10px;font-weight:700;margin-left:4px;transition:all .2s ease}.module-builder-tab.active .tab-badge{background:var(--color_primary);color:#fff;transform:scale(1.05)}.tab-badge-soon{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-size:9px;padding:2px 7px;border-radius:9px;margin-left:6px;animation:pulse-badge 2s ease-in-out infinite;font-weight:700;letter-spacing:.3px}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.95)}}.module-builder-tab-content{flex:1;overflow-y:auto;background:var(--color_bg_primary);padding:0}.tab-content{padding:24px;min-height:100%;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tab-section{max-width:1400px;margin:0 auto;width:100%}.tab-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}.tab-section-title{font-size:20px;font-weight:600;margin:0 0 6px;color:var(--color_text_primary);line-height:1.3}.tab-section-description{font-size:14px;color:var(--color_text_secondary);margin:0;line-height:1.6;max-width:600px}.builder-stats{display:flex;gap:8px;flex-wrap:wrap}.stat-badge{padding:7px 14px;background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:8px;font-size:12px;font-weight:600;color:var(--color_text_primary);white-space:nowrap;box-shadow:0 1px 2px #00000008}.module-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-bottom:24px}@media(max-width:768px){.module-info-grid{grid-template-columns:1fr}}.info-card{background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:10px;padding:18px;transition:all .2s ease;display:flex;flex-direction:column;gap:10px}.info-card:hover{border-color:var(--color_primary);box-shadow:0 2px 8px #6366f114;transform:translateY(-1px)}.info-label{display:block;font-size:11px;font-weight:600;color:var(--color_text_secondary);text-transform:uppercase;letter-spacing:.6px;margin:0}.info-value{font-size:15px;font-weight:500;color:var(--color_text_primary);display:flex;align-items:center;gap:8px;min-height:24px}.info-input{width:100%;padding:9px 12px;font-size:13px;border:1px solid var(--color_border);border-radius:8px;background:var(--color_bg_input);color:var(--color_text_primary);transition:all .2s ease;font-family:inherit;line-height:1.5}.info-input:focus{outline:none;border-color:var(--color_primary);box-shadow:0 0 0 3px #6366f114;background:var(--color_bg_card)}.info-input:hover:not(:focus){border-color:var(--color_border_hover, #d1d5db)}.info-textarea{resize:vertical;min-height:72px;max-height:200px}.info-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236366f1' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.info-input::placeholder{color:var(--color_text_muted)}.status-badge{padding:5px 12px;border-radius:14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;display:inline-flex;align-items:center;justify-content:center}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.tab-action-hint{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid rgba(99,102,241,.2);border-left:4px solid var(--color_primary);border-radius:10px;margin-top:24px}.hint-icon{font-size:24px;flex-shrink:0;line-height:1}.hint-content{flex:1;font-size:13px;color:var(--color_text_primary);line-height:1.7;padding-top:2px}.hint-content strong{color:var(--color_primary);font-weight:600}.form-builder-wrapper{margin-top:0;background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:10px;overflow:hidden;min-height:500px;box-shadow:0 1px 3px #0000000d}.coming-soon-container{text-align:center;padding:48px 32px;background:linear-gradient(135deg,#6366f10a,#8b5cf60a);border:2px dashed var(--color_border);border-radius:12px;max-width:600px;margin:0 auto}.coming-soon-icon{font-size:56px;margin-bottom:20px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.coming-soon-container h4{font-size:24px;font-weight:600;color:var(--color_text_primary);margin:0 0 12px}.coming-soon-text{font-size:16px;color:var(--color_text_secondary);margin:0 0 32px}.coming-soon-features{list-style:none;padding:0;text-align:left;max-width:600px;margin:0 auto 32px}.coming-soon-features li{padding:16px 20px;margin-bottom:12px;background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:8px;font-size:14px;color:var(--color_text_primary);transition:all .2s ease}.coming-soon-features li:hover{border-color:var(--color_primary);box-shadow:0 4px 12px #6366f11a;transform:translate(4px)}.coming-soon-features li strong{color:var(--color_primary);font-weight:600}.coming-soon-note{padding:16px 24px;background:var(--color_bg_card);border-left:4px solid var(--color_warning);border-radius:8px;font-size:14px;color:var(--color_text_secondary);max-width:600px;margin:0 auto}.coming-soon-note strong{color:var(--color_warning);font-weight:600}@media(max-width:768px){.module-builder-tabs{padding:0 12px}.module-builder-tab{padding:12px 16px;font-size:13px}.module-builder-tab span:not(.tab-badge):not(.tab-badge-soon){display:none}.tab-content{padding:20px 16px}.module-info-grid{grid-template-columns:1fr}.builder-stats{flex-direction:column;gap:4px}.coming-soon-container{padding:40px 20px}.coming-soon-icon{font-size:48px}}[data-theme=dark] .module-builder-tabs-container,[data-theme=dark] .module-builder-header{background:var(--color_bg_primary)}[data-theme=dark] .info-card{background:var(--color_bg_secondary)}[data-theme=dark] .status-badge.active{background:#064e3b;color:#6ee7b7}[data-theme=dark] .status-badge.inactive{background:#7f1d1d;color:#fca5a5}.view-modal-content{max-width:1400px!important;width:95vw!important;max-height:95vh!important}.preview-info{background:var(--color_bg_secondary);border-left:4px solid var(--accent_primary);padding:12px 16px;border-radius:6px;margin-bottom:24px}.preview-description{margin:0;font-size:14px;color:var(--color_text_secondary);line-height:1.5}.module-preview-container{background:var(--color_bg_card);border:2px solid var(--color_border);border-radius:12px;padding:24px;margin-bottom:20px}.preview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid var(--color_border);gap:16px}.preview-title-section{display:flex;gap:16px;align-items:flex-start;flex:1}.preview-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--color_bg_secondary);border-radius:12px;color:var(--accent_primary);flex-shrink:0}.preview-module-title{margin:0 0 6px;font-size:22px;font-weight:600;color:var(--color_text_primary)}.preview-module-description{margin:0;font-size:14px;color:var(--color_text_secondary);line-height:1.5}.preview-actions{display:flex;gap:8px}.preview-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.preview-btn-primary{background:var(--accent_primary);color:var(--color_white)}.preview-btn-primary:hover{background:var(--accent_primary_hover);transform:translateY(-1px)}.preview-btn-secondary{background:var(--color_bg_secondary);color:var(--color_text_primary);border:1px solid var(--color_border)}.preview-btn-secondary:hover{background:var(--color_bg_hover)}.preview-table-container{overflow-x:auto;margin-bottom:32px;border-radius:8px;border:1px solid var(--color_border)}.preview-table{width:100%;border-collapse:collapse;font-size:14px}.preview-table thead{background:var(--color_bg_secondary)}.preview-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--color_text_secondary);border-bottom:2px solid var(--color_border);font-size:13px;text-transform:uppercase;letter-spacing:.5px}.preview-table td{padding:14px 16px;border-bottom:1px solid var(--color_border);color:var(--color_text_primary)}.preview-table tbody tr{background:var(--color_bg_primary);transition:background .2s}.preview-table tbody tr:hover{background:var(--color_bg_secondary)}.preview-sample-data{font-style:italic;color:var(--color_text_muted)}.preview-action-buttons{display:flex;gap:6px}.preview-action-btn{padding:6px 10px;background:var(--color_bg_secondary);border:1px solid var(--color_border);border-radius:6px;cursor:pointer;color:var(--color_text_primary);transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.preview-action-btn:hover{background:var(--accent_primary);color:var(--color_white);border-color:var(--accent_primary)}.preview-action-btn-danger:hover{background:var(--color_danger);border-color:var(--color_danger)}.preview-form-section{margin-top:32px;padding-top:32px;border-top:2px solid var(--color_border)}.preview-section-title{margin:0 0 20px;font-size:16px;font-weight:600;color:var(--color_text_primary)}.preview-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;background:var(--color_bg_primary);padding:20px;border-radius:8px;border:1px solid var(--color_border)}.preview-form-group{display:flex;flex-direction:column;gap:6px}.preview-label{font-size:13px;font-weight:600;color:var(--color_text_secondary);display:flex;align-items:center;gap:4px}.preview-required{color:var(--color_danger);font-size:16px}.preview-input{padding:10px 12px;border:1px solid var(--color_border);border-radius:6px;font-size:14px;background:var(--color_bg_secondary);color:var(--color_text_muted);transition:border-color .2s}.preview-input:focus{outline:none;border-color:var(--accent_primary)}.preview-textarea{resize:vertical;min-height:80px;font-family:inherit}.preview-checkbox-group{display:flex;align-items:center;gap:8px;padding:10px 0}.preview-hint{font-size:12px;color:var(--color_text_muted);font-style:italic}.preview-form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:12px;margin-top:12px;padding-top:20px;border-top:1px solid var(--color_border)}.preview-empty-state{text-align:center;padding:60px 20px}.preview-empty-state h3{margin:0 0 8px;font-size:18px;color:var(--color_text_primary)}.preview-empty-state p{margin:0 0 24px;color:var(--color_text_secondary)}.preview-stats{display:flex;gap:24px;padding:16px;background:var(--color_bg_secondary);border-radius:8px;margin-top:20px}.preview-stat{display:flex;flex-direction:column;gap:4px}.preview-stat-label{font-size:12px;font-weight:600;color:var(--color_text_secondary);text-transform:uppercase;letter-spacing:.5px}.preview-stat-value{font-size:18px;font-weight:600;color:var(--accent_primary)}[data-theme=dark] .module-preview-container{background:var(--color_bg_secondary);border-color:var(--color_border)}[data-theme=dark] .preview-icon,[data-theme=dark] .preview-table thead{background:var(--color_bg_primary)}[data-theme=dark] .preview-table tbody tr{background:var(--color_bg_secondary)}[data-theme=dark] .preview-table tbody tr:hover{background:var(--color_bg_hover)}[data-theme=dark] .preview-form{background:var(--color_bg_secondary)}[data-theme=dark] .preview-input,[data-theme=dark] .preview-stats{background:var(--color_bg_primary)}.view-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--color_border)}.view-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.view-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--color_text_primary);display:flex;align-items:center;gap:8px}.view-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.view-info-item{display:flex;flex-direction:column;gap:6px}.view-info-item.full-width{grid-column:1 / -1}.view-info-item label{font-size:13px;font-weight:600;color:var(--color_text_secondary);text-transform:uppercase;letter-spacing:.5px}.view-info-item span{font-size:14px;color:var(--color_text_primary)}.icon-preview{display:flex;align-items:center;color:var(--accent_primary)}.fields-table{overflow-x:auto}.fields-table table{width:100%;border-collapse:collapse;font-size:14px}.fields-table thead{background:var(--color_bg_secondary)}.fields-table th{padding:12px;text-align:left;font-weight:600;color:var(--color_text_secondary);border-bottom:2px solid var(--color_border);font-size:13px;text-transform:uppercase;letter-spacing:.5px}.fields-table td{padding:12px;border-bottom:1px solid var(--color_border);color:var(--color_text_primary)}.fields-table tbody tr:hover{background:var(--color_bg_secondary)}.fields-table tbody tr:last-child td{border-bottom:none}.fields-table code{background:var(--color_bg_secondary);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px;color:var(--accent_primary)}.no-data{text-align:center;padding:24px;color:var(--color_text_muted);font-style:italic}[data-theme=dark] .view-modal-content{background:var(--color_bg_primary)}[data-theme=dark] .fields-table thead,[data-theme=dark] .fields-table tbody tr:hover{background:var(--color_bg_secondary)}[data-theme=dark] .fields-table code{background:var(--color_bg_secondary);color:var(--accent_primary)}.tabs-manager-container{padding:24px;max-width:1400px;margin:0 auto}.tabs-manager-actions{display:flex;justify-content:flex-end;gap:12px;margin-bottom:24px}.tabs-manager-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--color_text_muted)}.loading-spinner{width:40px;height:40px;border:4px solid var(--color_border);border-top-color:var(--accent_primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.tabs-manager-empty{text-align:center;padding:80px 20px}.tabs-manager-empty-icon{color:var(--color_text_muted);margin-bottom:24px}.tabs-manager-empty-title{font-size:24px;font-weight:600;color:var(--color_text);margin-bottom:12px}.tabs-manager-empty-text{font-size:16px;color:var(--color_text_muted);margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto}.tabs-manager-access-denied{text-align:center;padding:80px 20px;color:var(--color_text_muted)}.tabs-manager-access-denied svg{margin-bottom:24px}.tabs-manager-access-denied h2{font-size:24px;font-weight:600;color:var(--color_text);margin-bottom:12px}.tabs-manager-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.tab-card{background:var(--color_background);border:1px solid var(--color_border);border-radius:12px;padding:24px;transition:all .2s ease;position:relative}.tab-card:hover{border-color:var(--accent_primary);box-shadow:var(--shadow_medium);transform:translateY(-2px)}.tab-card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.tab-card-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--accent_primary_subtle);color:var(--accent_primary);border-radius:12px;flex-shrink:0}.tab-card-title{font-size:18px;font-weight:600;color:var(--color_text);margin-bottom:8px}.tab-card-status{font-size:13px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-active{color:var(--color_success);font-weight:500}.status-inactive{color:var(--color_text_muted)}.status-mandatory{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:11px;font-weight:600;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #667eea33}.tab-card-meta{display:flex;gap:16px;margin-bottom:20px;font-size:14px;color:var(--color_text_muted)}.tab-card-modules,.tab-card-metrics{display:flex;align-items:center;gap:6px}.tab-card-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:16px;border-top:1px solid var(--color_border)}.tab-card-action-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;color:var(--color_text);background:var(--color_background_secondary);border:1px solid var(--color_border);border-radius:6px;cursor:pointer;transition:all .2s ease}.tab-card-action-btn:hover{background:var(--color_background_tertiary);border-color:var(--accent_primary);color:var(--accent_primary)}.tab-card-action-btn--danger{color:var(--color_danger)}.tab-card-action-btn--danger:hover{background:var(--color_danger_subtle);border-color:var(--color_danger)}.tab-card-action-btn--success{color:var(--color_success, #22c55e)}.tab-card-action-btn--success:hover{background:var(--color_success_subtle, rgba(34, 197, 94, .1));border-color:var(--color_success, #22c55e)}.tab-card-action-btn--warning{color:var(--color_warning, #f59e0b)}.tab-card-action-btn--warning:hover{background:var(--color_warning_subtle, rgba(245, 158, 11, .1));border-color:var(--color_warning, #f59e0b)}.tab-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.tab-modal{background:var(--color_background, #ffffff);border-radius:16px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;position:relative;z-index:10000}.tab-modal--large{max-width:1000px}.tab-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--color_border)}.tab-modal-header h2{font-size:22px;font-weight:600;color:var(--color_text);margin:0}.modal-title-section{flex:1}.modal-subtitle{font-size:14px;color:var(--color_text_muted);margin:4px 0 0;font-weight:400}.view-modal-title{display:flex;align-items:center;gap:16px}.tab-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;font-size:24px;color:var(--color_text_muted);cursor:pointer;border-radius:6px;transition:all .2s ease}.tab-modal-close:hover{background:var(--color_background_secondary);color:var(--color_text)}.tab-modal-body{padding:24px;overflow-y:auto;flex:1}.tab-modal-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;border-top:1px solid var(--color_border);background:var(--color_background_secondary)}.footer-info{display:flex;flex-direction:column;gap:4px;flex:1}.validation-summary{font-size:13px;font-weight:500}.validation-error{color:var(--color_danger)}.validation-warning{color:var(--color_warning, #f59e0b)}.validation-success{color:var(--color_success, #10b981)}.modules-count{font-size:12px;color:var(--color_text_muted)}.loading-spinner{display:inline-block;width:12px;height:12px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-right:6px}.form-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.form-progress{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--color_border)}.progress-steps{display:flex;justify-content:center;align-items:center;gap:40px;position:relative}.progress-steps:before{content:"";position:absolute;top:20px;left:25%;right:25%;height:2px;background:var(--color_border);z-index:1}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:2}.step-number{width:40px;height:40px;border-radius:50%;background:var(--color_background_secondary);border:2px solid var(--color_border);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--color_text_muted);transition:all .3s ease}.progress-step.active .step-number{background:var(--accent_primary);border-color:var(--accent_primary);color:#fff}.progress-step span{font-size:12px;color:var(--color_text_muted);font-weight:500}.progress-step.active span{color:var(--accent_primary);font-weight:600}.form-section{margin-bottom:40px;padding:24px;background:var(--color_background_secondary);border:1px solid var(--color_border);border-radius:12px}.section-title{font-size:18px;font-weight:600;color:var(--color_text);margin:0 0 8px}.section-header{margin-bottom:24px}.section-description{font-size:14px;color:var(--color_text_muted);margin:0 0 16px;line-height:1.5}.section-header .cls_btn{margin-top:8px}.empty-state{text-align:center;padding:48px 24px;background:var(--color_background);border:2px dashed var(--color_border);border-radius:12px}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h4{font-size:16px;font-weight:600;color:var(--color_text);margin:0 0 8px}.empty-state p{font-size:14px;color:var(--color_text_muted);margin:0;line-height:1.5}.icon-selection-container{display:flex;gap:16px;align-items:center}.form-input--with-preview{flex:1}.form-validation-hint{font-size:12px;color:var(--color_danger);margin:6px 0 0;display:flex;align-items:center;gap:4px}.form-validation-hint:before{content:"⚠️";font-size:11px}.form-label{display:block;font-size:14px;font-weight:600;color:var(--color_text);margin-bottom:8px}.form-input{width:100%;padding:10px 14px;font-size:14px;color:var(--color_text);background:var(--color_background);border:1px solid var(--color_border);border-radius:8px;transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--accent_primary);box-shadow:0 0 0 3px var(--accent_primary_subtle)}.form-checkbox{display:block!important;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1.5;padding:8px 0;position:relative}.form-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;margin-right:10px;margin-top:0;vertical-align:top;position:relative;display:inline-block}.form-checkbox span{display:inline!important;line-height:1.5!important;vertical-align:top;word-break:break-word;white-space:normal!important;writing-mode:horizontal-tb!important;font-size:14px}.form-section .form-checkbox,.modules-list .form-checkbox,.form-group .form-checkbox{display:block!important;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1.5;padding:8px 0}.form-section .form-checkbox input[type=checkbox],.modules-list .form-checkbox input[type=checkbox],.form-group .form-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;margin-right:10px;vertical-align:top;display:inline-block}.form-section .form-checkbox span,.modules-list .form-checkbox span,.form-group .form-checkbox span{display:inline!important;line-height:1.5!important;vertical-align:top;white-space:normal!important;writing-mode:horizontal-tb!important;font-size:14px}.form-checkbox:hover{background:var(--color_background_secondary);border-radius:6px;padding:10px 8px;margin:-2px -8px}.form-checkbox input[type=checkbox]:focus{outline:2px solid var(--accent_primary);outline-offset:2px}.form-checkbox:hover span{color:var(--color_text)}.form-checkbox label,.form-checkbox span,label.form-checkbox span{display:inline-block!important;flex-direction:row!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;transform:none!important;letter-spacing:normal!important;font-size:14px!important;width:auto!important;max-width:none!important}.tab-modal .form-checkbox,.tab-modal .form-checkbox span,.tab-modal-body .form-checkbox,.tab-modal-body .form-checkbox span{writing-mode:horizontal-tb!important;text-orientation:initial!important;transform:none!important;display:flex!important;flex-direction:row!important}.tab-modal .form-checkbox span,.tab-modal-body .form-checkbox span{display:inline-block!important;flex:1!important}.form-help-text{margin:8px 0 0 28px;font-size:13px;color:var(--color_text_muted);line-height:1.5}.icon-preview{padding:16px;background:var(--color_background);border:1px solid var(--color_border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent_primary);min-width:64px;transition:all .2s ease}.icon-preview:hover{border-color:var(--accent_primary);background:var(--accent_primary_subtle)}.modules-list{display:flex;flex-direction:column;gap:16px;max-height:400px;overflow-y:auto;padding:4px}.module-item{background:var(--color_background_secondary);padding:16px}.module-item-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color_border)}.drag-handle{color:var(--color_text_muted);cursor:move}.module-item-number{font-size:14px;font-weight:600;color:var(--color_text);flex:1}.module-item-actions{display:flex;gap:4px}.icon-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color_border);border-radius:6px;cursor:pointer;color:var(--color_text_muted);transition:all .2s ease}.icon-btn:hover:not(:disabled){background:var(--color_background);border-color:var(--accent_primary);color:var(--accent_primary)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn--danger{color:var(--color_danger)}.icon-btn--danger:hover{background:var(--color_danger_subtle);border-color:var(--color_danger)}.icon-btn--small{width:24px;height:24px}.bulk-actions-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color_background_secondary);border:1px solid var(--color_border);border-radius:8px;margin-bottom:12px}.bulk-select-all{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--color_text);cursor:pointer;-webkit-user-select:none;user-select:none}.bulk-select-all input[type=checkbox]{width:16px;height:16px;cursor:pointer}.module-select-checkbox{width:16px;height:16px;cursor:pointer;margin-right:4px}.module-item--selected{background:linear-gradient(135deg,#3b82f614,#9333ea0d);border-color:#3b82f64d}.module-item--selected .module-item-header{border-bottom-color:#3b82f633}.selected-module-display{margin:12px 0;padding:16px;background:linear-gradient(135deg,var(--accent_primary_subtle) 0%,var(--accent_secondary_subtle) 100%);border:1px solid var(--accent_primary);border-radius:8px}.selected-module-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.selected-module-label{font-size:12px;font-weight:600;color:var(--color_text_muted);text-transform:uppercase;letter-spacing:.5px}.selected-module-name{font-size:14px;font-weight:600;color:var(--accent_primary);flex:1}.selected-module-usage{margin-top:8px}.usage-badge{display:inline-block;font-size:12px;padding:4px 8px;border-radius:12px;font-weight:500}.usage-badge.unused{background:var(--color_success_subtle, #d1fae5);color:var(--color_success, #10b981)}.usage-badge.used{background:var(--color_info_subtle, #dbeafe);color:var(--color_info, #3b82f6)}.module-statistics{margin-bottom:24px;padding:16px;background:var(--color_background);border:1px solid var(--color_border);border-radius:8px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-item{text-align:center;padding:12px;background:var(--color_background_secondary);border-radius:6px}.stat-number{display:block;font-size:24px;font-weight:700;color:var(--accent_primary);margin-bottom:4px}.stat-label{display:block;font-size:12px;color:var(--color_text_muted);text-transform:uppercase;letter-spacing:.5px}.module-preview{margin:16px 0;padding:16px;background:var(--color_background);border:1px solid var(--color_border);border-radius:8px}.available-count{font-size:12px;color:var(--color_text_muted);font-weight:400;margin-left:8px}.no-modules-message{padding:16px;background:var(--color_warning_subtle, #fef3c7);border:1px solid var(--color_warning, #f59e0b);border-radius:8px;margin-top:8px}.no-modules-message p{margin:0;font-size:14px;color:var(--color_warning_dark, #92400e)}.module-usage-info{margin-top:16px;padding:16px;background:var(--color_background_secondary);border:1px solid var(--color_border);border-radius:8px}.module-usage-info h5{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--color_text)}.usage-list{display:flex;flex-direction:column;gap:8px}.usage-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--color_background);border:1px solid var(--color_border);border-radius:6px;font-size:13px}.module-name{font-weight:500;color:var(--color_text)}.usage-status{font-size:12px;padding:2px 8px;border-radius:12px;font-weight:500}.usage-status.unused{background:var(--color_success_subtle, #d1fae5);color:var(--color_success, #10b981)}.usage-status.used{background:var(--color_info_subtle, #dbeafe);color:var(--color_info, #3b82f6)}.module-preview-title{font-size:14px;font-weight:600;color:var(--color_text);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--accent_primary)}.module-fields-table{overflow-x:auto}.module-fields-table table{width:100%;border-collapse:collapse;font-size:13px}.module-fields-table th{background:var(--color_background);padding:10px 12px;text-align:left;font-weight:600;color:var(--color_text);border-bottom:2px solid var(--color_border)}.module-fields-table td{padding:10px 12px;border-bottom:1px solid var(--color_border);color:var(--color_text)}.module-fields-table tbody tr:hover{background:var(--color_background_hover, rgba(0, 0, 0, .02))}.field-type-badge{display:inline-block;padding:4px 8px;background:var(--accent_secondary_subtle);color:var(--accent_secondary);border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.field-required-badge{display:inline-block;padding:4px 8px;background:var(--color_success_subtle, #e8f5e9);color:var(--color_success, #4caf50);border-radius:4px;font-size:11px;font-weight:600}.field-optional-badge{display:inline-block;padding:4px 8px;background:var(--color_background);color:var(--color_text_muted);border-radius:4px;font-size:11px;font-weight:600}.no-fields-message{padding:20px;text-align:center;color:var(--color_text_muted);font-style:italic}.metrics-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--color_border)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-slot{background:var(--color_background);border:1px solid var(--color_border);border-radius:8px;padding:12px}.metric-slot-label{font-size:12px;font-weight:600;color:var(--color_text_muted);margin-bottom:8px}.metric-selected{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.metric-info{flex:1;min-width:0}.metric-title{font-size:13px;font-weight:500;color:var(--color_text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-type{font-size:11px;color:var(--color_text_muted);text-transform:uppercase}.metric-add-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;font-size:13px;font-weight:500;color:var(--accent_primary);background:var(--accent_primary_subtle);border:1px dashed var(--accent_primary);border-radius:6px;cursor:pointer;transition:all .2s ease}.metric-add-btn:hover{background:var(--accent_primary);color:#fff;border-style:solid}.view-modules-list{display:flex;flex-direction:column;gap:24px}.view-module-card{background:var(--color_background_secondary);border:1px solid var(--color_border);border-radius:12px;padding:20px}.view-module-title{font-size:16px;font-weight:600;color:var(--color_text);margin-bottom:16px;display:flex;align-items:center;gap:8px}.view-module-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--accent_primary);color:#fff;border-radius:50%;font-size:13px;font-weight:700}.view-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.view-metric-card{background:var(--color_background);border:1px solid var(--color_border);border-radius:8px;padding:16px}.view-metric-card--empty{background:var(--color_background_secondary);border-style:dashed;opacity:.6}.view-metric-title{font-size:14px;font-weight:600;color:var(--color_text);margin-bottom:8px}.view-metric-details{display:flex;gap:8px;flex-wrap:wrap}.view-metric-badge{padding:4px 8px;font-size:11px;font-weight:600;text-transform:uppercase;background:var(--accent_primary_subtle);color:var(--accent_primary);border-radius:4px}.view-metric-source{font-size:12px;color:var(--color_text_muted)}.view-no-metrics{margin-top:12px;padding:12px;background:var(--color_background);border:1px dashed var(--color_border);border-radius:8px;text-align:center}.view-no-metrics-text{font-size:13px;color:var(--color_text_muted);font-style:italic}.metric-wizard-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.metric-wizard-container{width:100%;max-width:900px;max-height:90vh;overflow-y:auto;background:var(--color_background, #ffffff);border-radius:16px;box-shadow:0 20px 60px #0000004d;position:relative;z-index:10002}.tab-modal--large{max-width:800px;max-height:90vh}.import-errors{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:16px;margin-bottom:20px}.import-errors h3{margin:0 0 12px;color:#856404;font-size:16px}.import-errors ul{margin:0 0 12px;padding-left:24px}.import-error-item{color:#856404;margin-bottom:4px}.import-error-note{margin:0;color:#856404;font-size:14px;font-style:italic}.import-preview h3{margin:0 0 16px;font-size:18px;color:var(--color_text)}.import-preview h4{margin:20px 0 12px;font-size:16px;color:var(--color_text)}.import-preview-info{background:var(--color_background_alt, #f8f9fa);border-radius:8px;padding:16px;margin-bottom:20px}.import-preview-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--color_border)}.import-preview-row:last-child{border-bottom:none}.import-preview-row strong{color:var(--color_text_muted);font-weight:600}.import-preview-row span{color:var(--color_text);font-weight:500}.import-modules-list{display:grid;gap:12px;margin-bottom:20px}.import-module-card{background:var(--color_background_alt, #f8f9fa);border:1px solid var(--color_border);border-radius:8px;padding:16px}.import-module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.import-module-header strong{font-size:16px;color:var(--color_text)}.import-module-badge{background:var(--accent_primary);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.import-module-desc{color:var(--color_text_muted);font-size:14px;margin:8px 0}.import-collection-name,.import-sort-settings,.import-permissions,.import-module-order{margin:8px 0;font-size:13px;display:flex;align-items:center;gap:8px}.import-collection-name strong,.import-sort-settings strong,.import-permissions strong,.import-module-order strong{color:var(--color_text_muted);font-weight:600;min-width:100px}.import-collection-name code,.import-sort-settings code{background:#4f46e51a;padding:2px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:12px;color:var(--color_primary)}.import-permissions{flex-direction:column;align-items:flex-start}.permission-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.permission-read,.permission-write{font-size:12px;padding:4px 10px;border-radius:12px;font-weight:500}.permission-read{background:#e0f2fe;color:#0369a1;border:1px solid #7dd3fc}.permission-write{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.import-module-desc strong{display:block;color:var(--color_text_muted);font-weight:600;margin-bottom:4px}.import-module-desc p{margin:0;line-height:1.5}.import-field-tag.system-field{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.system-badge{margin-left:4px;padding:2px 6px;background:#ffffff4d;border-radius:10px;font-size:10px;text-transform:uppercase;font-weight:700}.import-module-metrics{margin-top:12px;padding-top:12px;border-top:1px solid var(--color_border)}.import-module-metrics strong{display:block;margin-bottom:8px;font-size:14px;color:var(--color_text_muted)}.import-module-metrics ul{margin:0;padding-left:20px}.import-module-metrics li{color:var(--color_text);font-size:14px;margin-bottom:4px}.import-warning{background:#d1ecf1;border:1px solid #bee5eb;border-radius:8px;padding:16px;color:#0c5460;font-size:14px;margin-top:20px}.import-warning strong{display:block;margin-bottom:4px}.import-method-selector{margin-bottom:24px}.import-method-selector h3{font-size:16px;margin-bottom:16px;color:var(--color_text)}.import-method-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.import-method-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;border:2px solid var(--color_border);background:var(--color_bg_secondary);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:var(--color_text);transition:all .2s ease}.import-method-btn:hover{border-color:var(--color_primary);background:var(--color_bg_hover)}.import-method-btn.active{border-color:var(--color_primary);background:var(--color_primary_light);color:var(--color_primary)}.import-file-section{padding:20px 0}.import-help-text{margin-bottom:16px;color:var(--color_text_muted);font-size:14px}.import-file-dropzone{border:2px dashed var(--color_border);border-radius:12px;padding:40px;text-align:center;background:var(--color_bg_secondary);margin-bottom:24px}.import-file-dropzone svg{color:var(--color_primary);margin-bottom:16px}.import-file-dropzone p{margin:8px 0 16px;color:var(--color_text_muted);font-size:14px}.import-format-examples{margin-top:24px}.import-format-examples h4{font-size:14px;margin-bottom:12px;color:var(--color_text)}.format-example{margin-bottom:16px}.format-example strong{display:block;margin-bottom:8px;font-size:13px;color:var(--color_text_muted)}.format-example pre{background:var(--color_bg_secondary);border:1px solid var(--color_border);border-radius:6px;padding:12px;font-size:12px;overflow-x:auto;color:var(--color_text)}.import-direct-section{padding:20px 0}.import-json-textarea{width:100%;min-height:300px;padding:12px;border:1px solid var(--color_border);border-radius:8px;font-family:Monaco,Courier New,monospace;font-size:13px;resize:vertical;background:var(--color_bg_secondary);color:var(--color_text);margin-bottom:16px}.import-json-textarea:focus{outline:none;border-color:var(--color_primary)}.import-error-group{margin-bottom:20px;padding:16px;background:var(--color_bg_secondary);border-radius:8px;border-left:4px solid #dc3545}.import-error-group h4{font-size:14px;margin-bottom:12px;color:var(--color_text)}.import-error-group ul{margin:0;padding-left:20px}.import-summary{background:var(--color_primary_light);border-radius:8px;padding:12px 16px;margin-bottom:20px;font-size:14px;color:var(--color_primary)}.import-tab-preview{margin-bottom:24px;padding:16px;background:var(--color_bg_secondary);border-radius:8px;border:1px solid var(--color_border)}.import-tab-preview h4{font-size:16px;margin-bottom:16px;color:var(--color_text);padding-bottom:12px;border-bottom:1px solid var(--color_border)}.import-tab-preview .import-preview-info{margin-bottom:16px}.import-tab-preview .import-modules-list{margin-top:12px}.import-modules-summary{margin-bottom:24px;padding:16px;background:var(--color_bg_secondary);border-radius:8px;border:1px solid var(--color_border)}.import-modules-summary h4{font-size:15px;margin-bottom:12px;color:var(--color_text)}.modules-summary-list{display:flex;flex-direction:column;gap:8px}.tab-modules-summary{display:flex;gap:8px;font-size:14px;padding:8px;background:var(--color_bg);border-radius:6px}.tab-modules-summary strong{color:var(--color_primary);min-width:120px}.module-names-list{color:var(--color_text_muted);flex:1}.import-collection-name{margin:8px 0;padding:8px 12px;background:var(--color_bg);border-left:3px solid var(--color_success);border-radius:4px;font-size:13px}.import-collection-name strong{color:var(--color_text_muted);margin-right:8px}.import-collection-name code{padding:4px 8px;background:var(--color_bg_secondary);border:1px solid var(--color_border);border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:12px;color:var(--color_success);font-weight:600}.import-module-fields{margin-top:12px;padding-top:12px;border-top:1px solid var(--color_border)}.import-module-fields strong{display:block;margin-bottom:8px;font-size:14px;color:var(--color_text_muted)}.import-field-tags{display:flex;flex-wrap:wrap;gap:8px}.import-field-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color_primary_light);border:1px solid var(--color_primary);border-radius:6px;font-size:13px;color:var(--color_text)}.field-type-badge{padding:2px 6px;background:var(--color_primary);color:#fff;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase}.metric-type-badge{display:inline-block;margin-left:8px;padding:2px 8px;background:var(--color_success);color:#fff;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase}.import-collections-summary{margin:24px 0;padding:16px;background:var(--color_bg_secondary);border-radius:8px;border:2px solid var(--color_success)}.import-collections-summary h4{font-size:15px;margin-bottom:12px;color:var(--color_text)}.collections-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}.collection-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--color_bg);border-radius:6px;border:1px solid var(--color_border)}.collection-item code{font-family:Monaco,Courier New,monospace;font-size:12px;color:var(--color_success);font-weight:600;padding:4px 8px;background:#28a7451a;border-radius:4px}.collection-module-name{font-size:12px;color:var(--color_text_muted);margin-left:12px}@media(max-width:768px){.tabs-manager-grid,.metrics-grid,.view-metrics-grid{grid-template-columns:1fr}.tab-modal{max-width:100%;margin:0;border-radius:0;max-height:100vh}.tab-modal--large{max-width:100%}.progress-steps{gap:20px}.progress-steps:before{left:20%;right:20%}.form-section{padding:16px}.icon-selection-container{flex-direction:column;align-items:stretch}.tab-modal-footer{flex-direction:column-reverse;gap:16px;align-items:stretch}.footer-actions{width:100%}.footer-actions .cls_btn{flex:1}.empty-state{padding:32px 16px}.empty-state-icon{font-size:36px}.stats-grid{grid-template-columns:1fr;gap:8px}.stat-item{padding:8px}.stat-number{font-size:20px}.usage-list{gap:6px}.usage-item{flex-direction:column;align-items:flex-start;gap:4px}}@media(max-width:480px){.tab-card-actions{flex-direction:column}.tab-card-action-btn{width:100%}}.selective-import-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--color_background_secondary);border:1px solid var(--color_border);border-radius:8px;margin-bottom:16px}.selective-import-select-all{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--color_text);cursor:pointer;-webkit-user-select:none;user-select:none}.selective-import-select-all input[type=checkbox]{width:18px;height:18px;cursor:pointer}.selective-import-count{font-size:13px;font-weight:600;color:var(--accent_primary);background:#3b82f61a;padding:4px 12px;border-radius:12px}.selective-import-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding:4px}.selective-import-card{background:var(--color_background_secondary);border:2px solid var(--color_border);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease}.selective-import-card:hover{border-color:#3b82f64d;background:var(--color_background);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.selective-import-card.selected{border-color:var(--accent_primary);background:linear-gradient(135deg,#3b82f614,#9333ea0d);box-shadow:0 2px 8px #3b82f626}.selective-import-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.selective-import-card-header input[type=checkbox]{width:18px;height:18px;margin-top:4px;cursor:pointer;flex-shrink:0}.selective-import-card-icon{color:var(--accent_primary);flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#3b82f61a;border-radius:8px}.selective-import-card.selected .selective-import-card-icon{background:#3b82f633}.selective-import-card-info{flex:1}.selective-import-card-info h4{font-size:16px;font-weight:600;color:var(--color_text);margin:0 0 4px}.selective-import-card-description{font-size:13px;color:var(--color_text_muted);margin:0;line-height:1.4}.selective-import-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.selective-import-badge{font-size:12px;font-weight:500;padding:4px 10px;border-radius:12px;background:var(--color_background);color:var(--color_text_muted);border:1px solid var(--color_border)}.selective-import-badge--mandatory{background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;border:none}.tab-modal--medium{width:90%;max-width:700px}.cls_btn--info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:1px solid rgba(59,130,246,.3)}.cls_btn--info:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d}[data-theme=night] .selective-import-header{background:#1e293b99;border-color:#47556980}[data-theme=night] .selective-import-select-all{color:#e2e8f0}[data-theme=night] .selective-import-count{background:#3b82f633;color:#60a5fa}[data-theme=night] .selective-import-card{background:#1e293b80;border-color:#47556980}[data-theme=night] .selective-import-card:hover{background:#33415599;border-color:#3b82f666;box-shadow:0 4px 12px #0000004d}[data-theme=night] .selective-import-card.selected{background:linear-gradient(135deg,#3b82f626,#9333ea1a);border-color:#3b82f6;box-shadow:0 2px 8px #3b82f640}[data-theme=night] .selective-import-card-icon{background:#3b82f633;color:#60a5fa}[data-theme=night] .selective-import-card.selected .selective-import-card-icon{background:#3b82f64d;color:#93c5fd}[data-theme=night] .selective-import-card-info h4{color:#f1f5f9}[data-theme=night] .selective-import-card-description{color:#94a3b8}[data-theme=night] .selective-import-badge{background:#1e293bcc;color:#cbd5e1;border-color:#47556980}[data-theme=night] .selective-import-badge--mandatory{background:linear-gradient(135deg,#a855f7,#9333ea);color:#faf5ff}[data-theme=night] .cls_btn--success{background:linear-gradient(135deg,#059669,#047857);border-color:#10b9814d;color:#fff}[data-theme=night] .cls_btn--success:hover{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}[data-theme=night] .cls_btn--success:active{transform:translateY(0)}[data-theme=night] .cls_btn--info{background:linear-gradient(135deg,#0284c7,#0369a1);border-color:#0ea5e94d}[data-theme=night] .cls_btn--info:hover{background:linear-gradient(135deg,#0369a1,#075985);box-shadow:0 4px 12px #0ea5e94d}[data-theme=night] .tab-modal-overlay{background:#000000bf}[data-theme=night] .tab-modal{background:linear-gradient(135deg,#0f172afa,#1e293bfa);border:1px solid rgba(71,85,105,.5);box-shadow:0 20px 60px #00000080}[data-theme=night] .tab-modal-header{border-bottom-color:#47556980}[data-theme=night] .tab-modal-header h2{color:#f1f5f9}[data-theme=night] .modal-subtitle{color:#94a3b8}[data-theme=night] .tab-modal-close{color:#cbd5e1;background:#33415580}[data-theme=night] .tab-modal-close:hover{background:#475569b3;color:#f1f5f9}[data-theme=night] .tab-modal-footer{border-top-color:#47556980;background:#0f172a80}[data-theme=night] .empty-state h4{color:#e2e8f0}[data-theme=night] .empty-state p{color:#94a3b8}[data-theme=night] input[type=checkbox]{accent-color:#3b82f6;border-color:#47556980}[data-theme=night] .selective-import-list::-webkit-scrollbar{width:8px}[data-theme=night] .selective-import-list::-webkit-scrollbar-track{background:#1e293b80;border-radius:4px}[data-theme=night] .selective-import-list::-webkit-scrollbar-thumb{background:#475569b3;border-radius:4px}[data-theme=night] .selective-import-list::-webkit-scrollbar-thumb:hover{background:#64748be6}.bulk-select-container{display:flex;align-items:center;margin-right:10px;padding:8px;background:var(--color_bg_secondary);border-radius:4px;border:1px solid var(--color_border)}.bulk-select-checkbox{margin-right:8px;width:16px;height:16px;cursor:pointer}.bulk-select-label{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:500;color:var(--color_text_primary)}.tab-card--selected{border-color:var(--color_primary_blue)!important;background-color:var(--color_accent_bg)!important}.tab-select-checkbox{margin-right:12px}.tab-select-checkbox input{width:18px;height:18px;cursor:pointer}.filter-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeInOverlay .2s ease-out}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.filter-modal-content{background:#fff;border-radius:12px;max-width:900px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUpModal .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.filter-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid rgba(15,23,42,.1);background:#fff;position:sticky;top:0;z-index:10}.filter-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#0f172a}.filter-close-btn{background:transparent;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.filter-close-btn:hover{background:#0f172a0d;color:#0f172a}.filter-container{--af-card-bg: var(--card-background, var(--color_bg_card, #ffffff));--af-border: var(--border-color, var(--color_border, rgba(15, 23, 42, .1)));--af-border-strong: var(--border-strong, var(--color_border, rgba(15, 23, 42, .16)));--af-primary: var(--primary-color, var(--color_accent, #2563eb));--af-primary-dark: var(--primary-color-dark, var(--accent_dark, #1d4ed8));--af-success: var(--color_success, #10b981);--af-success-dark: var(--color_success_dark, #059669);--af-danger: var(--color_danger, #ef4444);--af-danger-dark: var(--color_danger_dark, #dc2626);--af-text: var(--text-primary, var(--color_text_primary, #0f172a));--af-text-muted: var(--text-secondary, var(--color_text_secondary, #64748b));--af-input-bg: var(--input-background, var(--color_bg_secondary, #f3f4f6));--af-hover-overlay: var(--color_bg_hover, rgba(15, 23, 42, .05));--af-shadow: var(--shadow_lg, 0 18px 38px rgba(15, 23, 42, .18));background:var(--af-card-bg);padding:0;border-radius:16px;border:1px solid var(--af-border);box-shadow:var(--af-shadow);margin-bottom:1.5rem;overflow:hidden;animation:slideDown .28s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.filter-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--af-primary) 0%,var(--af-primary-dark) 100%);color:#fff}.filter-header h3{margin:0;font-size:1.125rem;font-weight:600;letter-spacing:.01em;display:flex;align-items:center;gap:.5rem}.filter-header h3:before{content:"🔍";font-size:1.25rem}.close-btn{width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.45);background:#ffffff24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:1.1rem;display:grid;place-items:center;cursor:pointer;transition:transform .3s ease,background .3s ease,box-shadow .3s ease}.close-btn:hover{transform:rotate(90deg) scale(1.08);background:#ffffff38;box-shadow:0 8px 20px #0f172a40}.close-btn:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:3px}.filter-operator{display:flex;align-items:center;justify-content:center;margin:1rem 0;gap:1rem;position:relative}.filter-operator:before,.filter-operator:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--af-border),transparent)}.operator-select{padding:.55rem 1.35rem;border-radius:999px;border:2px solid var(--af-primary);background:var(--af-card-bg);color:var(--af-primary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.operator-select:hover{background:var(--af-primary);color:#fff;transform:translateY(-1px);box-shadow:0 12px 24px #2563eb3d}.operator-select:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb47}.filter-block{position:relative}.filter-block--dragging{opacity:.7}.filter-row{display:grid;grid-template-columns:auto 2fr 2fr 2fr auto;gap:.875rem;margin:0 1.5rem 1.25rem;padding:1.25rem;border-radius:14px;border:1px solid var(--af-border);background:var(--af-card-bg);position:relative;transition:all .3s ease;animation:fadeIn .3s ease;align-items:center}.filter-row--dragging{border-color:var(--af-primary);box-shadow:0 16px 32px #2563eb2e}.filter-row:before{content:"";position:absolute;inset:0;border-radius:inherit;border-left:4px solid transparent;transition:border-color .3s ease,opacity .3s ease;pointer-events:none}.filter-row:hover{border-color:var(--af-primary);box-shadow:0 16px 32px #2563eb24;transform:translateY(-1px)}.filter-row:hover:before{border-color:var(--af-primary);opacity:.85}.filter-row select,.filter-row input{width:100%;min-height:46px;padding:.875rem 1rem;border-radius:12px;border:1px solid var(--af-border);background:var(--af-input-bg);color:var(--af-text);font-size:.9375rem;font-weight:500;transition:all .2s ease}.filter-row select:hover,.filter-row input:hover{border-color:var(--af-primary);background:var(--af-card-bg)}.filter-row select:focus-visible,.filter-row input:focus-visible{outline:none;border-color:var(--af-primary);box-shadow:0 0 0 3px #2563eb1a;background:var(--af-card-bg)}.filter-row select:disabled{cursor:not-allowed;opacity:.65;border-style:dashed}.filter-row .custom-dropdown{width:100%}.filter-row .custom-dropdown-trigger{width:100%;min-height:46px;padding:.875rem 1rem;border:1px solid var(--af-border);border-radius:12px;background:var(--af-input-bg);color:var(--af-text);font-size:.9375rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.filter-row .custom-dropdown-trigger:hover{border-color:var(--af-primary);background:var(--af-card-bg)}.filter-row .custom-dropdown-trigger:focus,.filter-row .custom-dropdown-trigger.open{border-color:var(--af-primary);box-shadow:0 0 0 3px #2563eb1a}.filter-row .custom-dropdown-trigger.disabled{cursor:not-allowed;opacity:.65;border-style:dashed;background:var(--af-input-bg)}.filter-row .custom-dropdown-value{color:var(--af-text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-row .custom-dropdown-icon{color:var(--af-text-muted);flex-shrink:0}.filter-operator .custom-dropdown{width:100%;min-width:90px}.filter-operator .custom-dropdown-trigger{min-height:38px;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;text-transform:uppercase;border-radius:8px}.field-select,.condition-select,.value-select,.value-input{width:100%;min-width:0}.value-input{min-width:150px}.filter-row select{appearance:none;background-repeat:no-repeat;background-position:right .85rem center;background-size:.75rem;padding-right:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2361728A' d='M1.41 0.59 6 5.17l4.59-4.58L12 1.59 6 7.59 0 1.59z'/%3E%3C/svg%3E")}.filter-row input::placeholder{color:var(--af-text-muted);opacity:.65}.filter-row input[type=date]{padding-right:.75rem}.filter-row input[type=number]{font-variant-numeric:tabular-nums}.drag-handle{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;border:1px dashed var(--af-border);background:var(--af-card-bg);color:var(--af-text-muted);cursor:grab;transition:background .2s ease,border-color .2s ease,color .2s ease}.drag-handle:hover{background:var(--af-hover-overlay);border-color:var(--af-primary);color:var(--af-primary)}.drag-handle:active{cursor:grabbing}.drag-handle:focus-visible{outline:2px solid var(--af-primary);outline-offset:2px}.value-placeholder{visibility:hidden;min-height:1px}.remove-btn{width:42px;height:42px;border-radius:12px;border:1px solid var(--af-border);background:var(--af-card-bg);color:var(--af-text-muted);display:grid;place-items:center;font-size:1rem;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .15s ease;box-shadow:none}.remove-btn:hover:not(:disabled){background:#ef444414;border-color:#ef444466;color:var(--af-danger)}.remove-btn:active:not(:disabled){transform:scale(.96)}.remove-btn:focus-visible{outline:2px solid rgba(239,68,68,.45);outline-offset:2px}.remove-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--af-input-bg);color:var(--af-text-muted);border-style:dashed}.filter-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.85rem;padding:1.25rem 1.5rem 1.5rem;border-top:1px solid var(--af-border);background:var(--af-card-bg)}.filter-actions button{position:relative;overflow:hidden;padding:.75rem 1.75rem;border-radius:12px;border:1px solid transparent;font-size:.95rem;font-weight:600;letter-spacing:.01em;display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.filter-actions button i{font-size:1rem;transition:transform .3s ease}.filter-actions button:before{content:"";position:absolute;inset:50% auto auto 50%;width:0;height:0;border-radius:50%;transform:translate(-50%,-50%);background:#ffffff59;transition:width .6s ease,height .6s ease,opacity .6s ease;opacity:0}.filter-actions button:hover:before{width:280px;height:280px;opacity:1}.filter-actions button:hover i{transform:scale(1.15)}.btn-advanced-filter-add{background:#4f46e5!important;border:1px solid #4F46E5!important;color:#fff!important}.btn-advanced-filter-add:hover{background:#3730a3!important;border-color:#3730a3!important;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e540}.btn-clear{background:var(--color_background, #ffffff);border:1px solid var(--color_border, #e5e7eb);color:var(--color_text, #1f2937)}.btn-clear:hover{background:var(--color_background_hover, #f9fafb);border-color:var(--color_border_hover, #d1d5db);transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.btn-apply{background:var(--color_success_green, #10B981);border:1px solid var(--color_success_green, #10B981);color:#fff}.btn-apply:hover{background:#059669;border-color:#059669;transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #10b98140}.btn-apply:active{transform:translateY(0) scale(.98)}.filter-errors{margin:0 1.5rem 1.5rem;padding:1.1rem 1.35rem;border-radius:12px;border:1px solid rgba(239,68,68,.4);border-left:6px solid var(--af-danger);background:linear-gradient(135deg,#ef44441f,#dc26261a);color:var(--af-danger);font-size:.88rem;font-weight:500;box-shadow:0 12px 24px #ef44442e;animation:shake .45s ease}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.filter-errors div{display:flex;align-items:center;gap:.6rem;margin-bottom:.45rem}.filter-errors div:before{content:"⚠️";font-size:1rem}.filter-errors div:last-child{margin-bottom:0}.filter-empty-state{text-align:center;padding:3rem 2rem;color:var(--af-text-muted)}.filter-empty-state i{font-size:3rem;margin-bottom:1rem;opacity:.35}.filter-empty-state p{font-size:1rem;margin:.5rem 0}@media(max-width:768px){.filter-container{border-radius:12px;margin-bottom:1rem}.filter-header{padding:1rem 1.25rem}.filter-header h3{font-size:1rem}.filter-row{grid-template-columns:1fr;gap:.75rem;margin:0 1rem 1rem;padding:1rem}.filter-row .drag-handle{justify-self:flex-start;width:40px;height:40px;margin-bottom:.5rem}.value-placeholder{display:none}.filter-actions{flex-direction:column;align-items:stretch;padding:1rem 1.25rem 1.25rem}.filter-actions button{width:100%;justify-content:center}.filter-errors{margin:0 1rem 1rem;padding:.9rem 1.1rem}}@media(min-width:769px)and (max-width:1024px){.filter-row{grid-template-columns:2fr 2fr 2fr auto}}[data-theme=dark] .filter-modal-overlay,[data-theme=night] .filter-modal-overlay{background:#000000b3}[data-theme=dark] .filter-modal-overlay .filter-modal-content,[data-theme=dark] .filter-modal-content,[data-theme=night] .filter-modal-overlay .filter-modal-content,[data-theme=night] .filter-modal-content{background:#1e1e1e!important;box-shadow:0 20px 60px #0009}[data-theme=dark] .filter-modal-overlay .filter-modal-header,[data-theme=dark] .filter-modal-header,[data-theme=night] .filter-modal-overlay .filter-modal-header,[data-theme=night] .filter-modal-header{background:#1e1e1e!important;border-bottom-color:#3a3a3a}[data-theme=dark] .filter-modal-header h3,[data-theme=night] .filter-modal-header h3{color:#e0e0e0}[data-theme=dark] .filter-close-btn,[data-theme=night] .filter-close-btn{color:#adb5bd}[data-theme=dark] .filter-close-btn:hover,[data-theme=night] .filter-close-btn:hover{background:#ffffff14;color:#e0e0e0}[data-theme=dark] .filter-container,[data-theme=night] .filter-container{--af-card-bg: #2a2a2a;--af-border: #3a3a3a;--af-border-strong: #4a4a4a;--af-primary: #4dabf7;--af-primary-dark: #339af0;--af-success: #51cf66;--af-success-dark: #37b24d;--af-danger: #ff6b6b;--af-danger-dark: #f03e3e;--af-text: #e0e0e0;--af-text-muted: #adb5bd;--af-input-bg: #1a1a1a;--af-hover-overlay: rgba(255, 255, 255, .08);--af-shadow: 0 18px 38px rgba(0, 0, 0, .5);background:#2a2a2a!important;border-color:#3a3a3a}[data-theme=dark] .filter-row,[data-theme=night] .filter-row{background:#2a2a2a!important;border-color:#3a3a3a}[data-theme=dark] .filter-row:hover,[data-theme=night] .filter-row:hover{border-color:#4a4a4a;box-shadow:0 4px 16px #0006}[data-theme=dark] .drag-handle,[data-theme=night] .drag-handle{color:#6c757d;background:transparent}[data-theme=dark] .drag-handle:hover,[data-theme=night] .drag-handle:hover{color:#adb5bd;background:#ffffff0d}[data-theme=dark] .value-input,[data-theme=night] .value-input{background:#1a1a1a;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .value-input::placeholder,[data-theme=night] .value-input::placeholder{color:#6c757d}[data-theme=dark] .value-input:focus,[data-theme=night] .value-input:focus{border-color:#4dabf7;box-shadow:0 0 0 3px #4dabf726}[data-theme=dark] .remove-btn,[data-theme=night] .remove-btn{background:#ff6b6b;color:#fff}[data-theme=dark] .remove-btn:hover:not(:disabled),[data-theme=night] .remove-btn:hover:not(:disabled){background:#f03e3e}[data-theme=dark] .remove-btn:disabled,[data-theme=night] .remove-btn:disabled{background:#3a3a3a;color:#6c757d}[data-theme=dark] .filter-actions,[data-theme=night] .filter-actions{background:#2a2a2a;border-top-color:#3a3a3a}[data-theme=dark] .btn-advanced-filter-add,[data-theme=night] .btn-advanced-filter-add{background:#4f46e5!important;border-color:#4f46e5!important;color:#fff!important}[data-theme=dark] .btn-advanced-filter-add:hover,[data-theme=night] .btn-advanced-filter-add:hover{background:#3730a3!important;border-color:#3730a3!important}[data-theme=dark] .btn-clear,[data-theme=night] .btn-clear{background:var(--color_bg_card, #2a2a2a);border:1px solid var(--color_border, #3a3a3a);color:var(--color_text, #e0e0e0)}[data-theme=dark] .btn-clear:hover,[data-theme=night] .btn-clear:hover{background:var(--color_bg_hover, #333333);border-color:var(--color_border_hover, #4a4a4a);color:var(--color_text, #ffffff)}[data-theme=dark] .btn-apply,[data-theme=night] .btn-apply{background:var(--color_success_green, #10B981);border-color:var(--color_success_green, #10B981);color:#fff}[data-theme=dark] .btn-apply:hover,[data-theme=night] .btn-apply:hover{background:#059669;border-color:#059669}[data-theme=dark] .filter-errors,[data-theme=night] .filter-errors{background:#ff6b6b26;border-color:#ff6b6b;color:#ffa8a8}[data-theme=dark] .operator-select,[data-theme=night] .operator-select{border-color:#4dabf7;background:#2a2a2a;color:#4dabf7}[data-theme=dark] .operator-select:hover,[data-theme=night] .operator-select:hover{background:#4dabf7;color:#fff}[data-theme=dark] .filter-row .custom-dropdown-trigger,[data-theme=night] .filter-row .custom-dropdown-trigger{background:#1a1a1a;border-color:#3a3a3a;color:#e0e0e0}[data-theme=dark] .filter-row .custom-dropdown-trigger:hover,[data-theme=night] .filter-row .custom-dropdown-trigger:hover{border-color:#4dabf7;background:#2a2a2a}[data-theme=dark] .filter-row .custom-dropdown-trigger:focus,[data-theme=dark] .filter-row .custom-dropdown-trigger.open,[data-theme=night] .filter-row .custom-dropdown-trigger:focus,[data-theme=night] .filter-row .custom-dropdown-trigger.open{border-color:#4dabf7;box-shadow:0 0 0 3px #4dabf726}[data-theme=dark] .filter-row .custom-dropdown-trigger.disabled,[data-theme=night] .filter-row .custom-dropdown-trigger.disabled{background:#1a1a1a;border-color:#3a3a3a;color:#6c757d}[data-theme=dark] .filter-row .custom-dropdown-value,[data-theme=night] .filter-row .custom-dropdown-value{color:#e0e0e0}[data-theme=dark] .filter-row .custom-dropdown-icon,[data-theme=night] .filter-row .custom-dropdown-icon{color:#adb5bd}[data-theme=dark] .filter-row input::placeholder{color:#6c757d}[data-theme=dark] .filter-row select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23adb5bd' d='M1.41 0.59 6 5.17l4.59-4.58L12 1.59 6 7.59 0 1.59z'/%3E%3C/svg%3E")}.confirm-dialog-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease-out}.confirm-dialog{background:var(--color_bg_card, #ffffff);border-radius:16px;padding:32px;max-width:420px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center;position:relative;animation:slideIn .25s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-dialog-close{position:absolute;top:16px;right:16px;background:transparent;border:none;cursor:pointer;color:var(--color_text_secondary, #64748b);padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.confirm-dialog-close:hover{background:var(--color_bg_secondary, #f1f5f9);color:var(--color_text_primary, #1e293b)}.confirm-dialog-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;animation:iconPop .3s ease-out .1s both}@keyframes iconPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.confirm-dialog-icon.danger{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626}.confirm-dialog-icon.warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#d97706}.confirm-dialog-icon.info{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb}.confirm-dialog-icon.default{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#64748b}.confirm-dialog-title{margin:0 0 12px;font-size:1.25rem;font-weight:600;color:var(--color_text_primary, #1e293b)}.confirm-dialog-message{margin:0 0 24px;font-size:.9375rem;color:var(--color_text_secondary, #64748b);line-height:1.6}.confirm-dialog-content{margin-bottom:24px;padding:16px;background:var(--color_bg_secondary, #f8fafc);border-radius:8px;text-align:left}.confirm-dialog-actions{display:flex;gap:12px;justify-content:center}.confirm-dialog-btn{flex:1;padding:12px 24px;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px}.confirm-dialog-btn:disabled{opacity:.6;cursor:not-allowed}.confirm-dialog-btn.cancel{background:var(--color_bg_secondary, #f1f5f9);color:var(--color_text_primary, #1e293b);border:1px solid var(--color_border, #e2e8f0)}.confirm-dialog-btn.cancel:hover:not(:disabled){background:var(--color_bg_hover, #e2e8f0)}.confirm-dialog-btn.confirm.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;box-shadow:0 4px 14px #ef444466}.confirm-dialog-btn.confirm.danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #ef444480}.confirm-dialog-btn.confirm.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;box-shadow:0 4px 14px #f59e0b66}.confirm-dialog-btn.confirm.warning:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b80}.confirm-dialog-btn.confirm.info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;box-shadow:0 4px 14px #3b82f666}.confirm-dialog-btn.confirm.info:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #3b82f680}.confirm-dialog-btn.confirm.default{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;box-shadow:0 4px 14px #6366f166}.confirm-dialog-btn.confirm.default:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6366f180}.confirm-dialog-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:dialogSpin .8s linear infinite}@keyframes dialogSpin{to{transform:rotate(360deg)}}[data-theme=night] .confirm-dialog,.night .confirm-dialog{background:#1e293b}[data-theme=night] .confirm-dialog-title,.night .confirm-dialog-title{color:#f1f5f9}[data-theme=night] .confirm-dialog-message,.night .confirm-dialog-message,[data-theme=night] .confirm-dialog-close,.night .confirm-dialog-close{color:#94a3b8}[data-theme=night] .confirm-dialog-close:hover,.night .confirm-dialog-close:hover{background:#334155;color:#f1f5f9}[data-theme=night] .confirm-dialog-btn.cancel,.night .confirm-dialog-btn.cancel{background:#334155;color:#f1f5f9;border-color:#475569}[data-theme=night] .confirm-dialog-btn.cancel:hover:not(:disabled),.night .confirm-dialog-btn.cancel:hover:not(:disabled){background:#475569}[data-theme=night] .confirm-dialog-content,.night .confirm-dialog-content{background:#0f172a}@media(max-width:480px){.confirm-dialog{padding:24px;margin:16px}.confirm-dialog-actions{flex-direction:column-reverse}.confirm-dialog-btn{width:100%}}.multi-product-inventory-form{background-color:var(--color_bg_card);min-height:100%;width:100%;box-sizing:border-box}.multi-product-inventory-form h3{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--color_text_primary)}.multi-product-inventory-form h4{font-size:16px;font-weight:500;margin:0;color:var(--color_text_primary)}.inventory-common-section{background:transparent;border-radius:0;padding:0;margin-bottom:24px;border:none;width:100%;box-sizing:border-box}.form-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px;margin-bottom:16px;width:100%}@media(max-width:768px){.form-row{grid-template-columns:minmax(0,1fr)!important}}.form-field{display:flex;flex-direction:column}.form-field label{font-size:14px;font-weight:500;margin-bottom:6px;color:var(--color_text_primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;cursor:pointer}.form-field .required{color:var(--color_error);margin-left:4px}.form-field input,.form-field select{padding:10px 12px;border:1px solid var(--color_border);border-radius:6px;font-size:14px;transition:all .2s ease;background:var(--color_bg_primary);color:var(--color_text_primary)}.form-field input:focus,.form-field select:focus{outline:none;border-color:var(--color_accent);box-shadow:0 0 0 3px var(--color_accent_bg)}.form-field input:disabled{background-color:var(--color_bg_secondary);cursor:not-allowed;color:var(--color_text_muted)}.field-help{font-size:12px;color:var(--color_text_muted);margin-top:4px;font-style:italic}.products-section{margin-bottom:24px;flex:1;min-height:0;display:flex;flex-direction:column}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.btn-add-product{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color_success);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-add-product:hover{background:var(--color_success_dark);transform:translateY(-1px);box-shadow:0 2px 8px #27ae604d}.btn-add-product:active{transform:translateY(0)}.product-card{background:var(--color_bg_card);border:2px solid var(--color_border);border-radius:10px;padding:20px;margin-bottom:16px;transition:all .2s ease}.product-card:hover{border-color:var(--color_accent);box-shadow:0 4px 12px #00000014}.product-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--color_border)}.btn-remove-product{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--color_error);color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease}.btn-remove-product:hover{background:var(--color_error_dark);transform:translateY(-1px);box-shadow:0 2px 8px #e74c3c4d}.form-scrollable-content{flex:1;overflow-y:auto;padding:24px 24px 16px}.form-actions{display:flex;justify-content:flex-end;gap:12px;border-top:2px solid var(--color_border);background:var(--color_bg_card);padding:16px 24px;z-index:100;box-sizing:border-box;flex-shrink:0}.multi-product-inventory-form .btn-secondary,.multi-product-inventory-form .btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.multi-product-inventory-form .btn-secondary{background:var(--color_bg_secondary);color:var(--color_text_primary);border:1px solid var(--color_border)}.multi-product-inventory-form .btn-secondary:hover{background:var(--color_bg_hover);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.multi-product-inventory-form .btn-primary{background:var(--color_accent);color:#fff}.multi-product-inventory-form .btn-primary:hover{background:var(--color_accent_dark);transform:translateY(-1px);box-shadow:0 2px 8px #4a90e24d}.multi-product-inventory-form .btn-primary:active,.multi-product-inventory-form .btn-secondary:active{transform:translateY(0)}@media(max-width:768px){.multi-product-inventory-form{padding:12px}.form-row{grid-template-columns:1fr;gap:12px}.products-header{flex-direction:column;align-items:stretch;gap:12px}.btn-add-product{width:100%;justify-content:center}.product-card{padding:16px}.form-actions{flex-direction:column-reverse}.btn-secondary,.btn-primary{width:100%;justify-content:center}}.multi-product-inventory-form::-webkit-scrollbar{width:8px}.multi-product-inventory-form::-webkit-scrollbar-track{background:var(--color_bg_secondary);border-radius:10px}.multi-product-inventory-form::-webkit-scrollbar-thumb{background:var(--color_border);border-radius:10px}.multi-product-inventory-form::-webkit-scrollbar-thumb:hover{background:var(--color_text_muted)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.product-card{animation:slideIn .3s ease}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100000;padding:20px;animation:fadeIn .2s ease-out}.modal-content{background:var(--color_bg_card);border-radius:20px;box-shadow:0 30px 80px #00000059,0 0 0 1px var(--color_border),inset 0 1px #ffffff1a;width:85vw!important;max-width:1400px!important;height:90vh!important;max-height:92vh!important;display:flex;flex-direction:column;animation:modalSlideIn .4s cubic-bezier(.16,1,.3,1);overflow:hidden;border:1px solid var(--color_border)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:24px 28px;border-bottom:1px solid var(--color_border);display:flex;align-items:center;justify-content:space-between;background:var(--color_bg_secondary)}.modal-header h3{margin:0;font-size:22px;font-weight:700;color:var(--color_text_primary);display:flex;align-items:center;gap:10px;letter-spacing:-.3px}.modal-header h3:before{content:"📦";font-size:24px}.modal-close{background:var(--color_bg_hover);border:1px solid var(--color_border);font-size:24px;line-height:1;color:var(--color_text_muted);cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:300}.modal-close:hover{background:var(--color_bg_secondary);border-color:var(--color_border);color:var(--color_text_primary);transform:scale(1.05)}.modal-close:active{transform:scale(.95)}.quick-add-fields-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%}.modal-body::-webkit-scrollbar-track{background:var(--color_bg_secondary);border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:var(--color_border);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--color_text_muted)}.modal-body .form-field{margin-bottom:0}.modal-body .form-field:last-child,.modal-body .form-row:last-child{margin-bottom:0}.modal-body .form-field label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--color_text_primary);letter-spacing:-.1px}.modal-body .form-field .required{color:var(--color_error);margin-left:4px;font-weight:700}.modal-body .form-input,.modal-body textarea.form-input,.modal-body select.form-input{width:100%;padding:12px 14px;border:2px solid var(--color_border);border-radius:10px;font-size:15px;transition:all .2s cubic-bezier(.4,0,.2,1);background:var(--color_bg_primary);color:var(--color_text_primary)}.modal-body .form-input:hover{border-color:var(--color_border_hover);background:var(--color_bg_card)}.modal-body .form-input:focus{outline:none;border-color:var(--color_accent);background:var(--color_bg_card);box-shadow:0 0 0 4px var(--color_accent_bg),0 2px 8px #0000000a;transform:translateY(-1px)}.modal-body .form-input::placeholder{color:var(--color_text_muted);font-style:italic}.modal-body .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.modal-footer{padding:16px 24px;border-top:2px solid var(--color_border);display:flex;gap:12px;justify-content:flex-end;background:var(--color_bg_secondary);flex-shrink:0}.modal-footer .btn-secondary,.modal-footer .btn-primary{padding:12px 24px;min-width:110px;border-radius:10px;font-weight:600;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px}.modal-footer .btn-secondary{background:var(--color_bg_card);border:2px solid var(--color_border);color:var(--color_text_secondary)}.modal-footer .btn-secondary:hover{background:var(--color_bg_hover);border-color:var(--color_border_hover);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.modal-footer .btn-primary{background:linear-gradient(135deg,var(--color_accent),var(--color_accent_dark));border:none;color:#fff;box-shadow:0 2px 8px #4a90e24d}.modal-footer .btn-primary:hover{background:linear-gradient(135deg,var(--color_accent_dark),var(--color_accent_darker));transform:translateY(-2px);box-shadow:0 4px 12px #4a90e266}.modal-footer .btn-primary:active,.modal-footer .btn-secondary:active{transform:translateY(0)}@media(max-width:768px){.modal-content{width:95vw;max-width:95vw;height:95vh;max-height:95vh;margin:0}.modal-body{padding:16px}.quick-add-fields-grid{grid-template-columns:minmax(0,1fr)}.modal-body .form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse;padding:12px 16px}.modal-footer .btn-secondary,.modal-footer .btn-primary{width:100%}}.records-table-container{overflow-x:auto;margin-top:16px;border-radius:8px;border:1px solid var(--color_border)}.records-summary-table{width:100%;border-collapse:collapse;background:var(--color_bg_card);font-size:14px}.records-summary-table thead{background:var(--color_bg_secondary);border-bottom:2px solid var(--color_border)}.records-summary-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--color_text_primary);white-space:nowrap}.records-summary-table tbody tr{border-bottom:1px solid var(--color_border);transition:background-color .2s ease}.records-summary-table tbody tr:hover{background-color:var(--color_bg_hover)}.records-summary-table tbody tr:last-child{border-bottom:none}.records-summary-table td{padding:12px 16px;color:var(--color_text_secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.records-summary-table td:first-child{font-weight:600;color:var(--color_text_primary)}.btn-icon,.btn-icon-danger{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-icon{background:var(--color_bg_secondary);color:var(--color_text_primary);border:1px solid var(--color_border)}.btn-icon:hover{background:var(--color_bg_hover);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-icon-danger{background:#e74c3c1a;color:var(--color_error);border:1px solid rgba(231,76,60,.2)}.btn-icon-danger:hover{background:var(--color_error);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #e74c3c4d}@media(max-width:768px){.records-table-container{overflow-x:scroll}.records-summary-table{min-width:600px}}.cls_reusable-tabs-container{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;flex:1}.cls_reusable-tabs-header{display:flex;padding:0 2rem;border-bottom:1px solid var(--color_border, #e5e7eb);background-color:var(--color_bg_card, #ffffff);gap:2rem;flex-shrink:0}.cls_reusable-tab{padding:1rem 0;background:none;border:none;font-size:.95rem;font-weight:500;color:var(--color_text_secondary, #6b7280);cursor:pointer;position:relative;transition:color .2s ease}.cls_reusable-tab:hover{color:var(--color_text_primary, #111827)}.cls_reusable-tab--active{color:var(--color_accent, #4f46e5);font-weight:600}.cls_reusable-tab--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--color_accent, #4f46e5);border-radius:2px 2px 0 0}.cls_reusable-tabs-content{flex:1;overflow-y:auto;padding:2rem;background-color:var(--color_bg_primary, #f8fafc);min-height:400px;position:relative}.cls_modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.cls_modal{background-color:var(--color_bg_card, #ffffff);border-radius:var(--radius_xl, 1rem);width:95vw!important;max-width:1600px!important;height:90vh!important;max-height:95vh!important;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow_lg, 0 10px 15px -3px rgba(0, 0, 0, .1));animation:slideUp .3s cubic-bezier(.16,1,.3,1);border:1px solid var(--color_border, #e5e7eb)}.cls_modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--color_border, #e5e7eb);display:flex;justify-content:space-between;align-items:center;background-color:var(--color_bg_primary, #f8fafc)}.cls_modal-header h2{font-size:1.5rem;font-weight:600;color:var(--color_text_primary, #111827);margin:0}.cls_modal-header-content{display:flex;align-items:center;gap:1rem}.cls_modal-close{background:transparent;border:none;color:var(--color_text_muted, #9ca3af);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.cls_modal-close:hover{background-color:var(--color_bg_hover, #f3f4f6);color:var(--color_text_primary, #111827)}.cls_modal-body{padding:2rem;overflow-y:auto;flex:1;background-color:var(--color_bg_primary, #f8fafc)}.cls_overview-filters{display:flex;gap:.75rem;margin-bottom:1.5rem;justify-content:flex-end}.cls_filter-btn{padding:.5rem 1rem;border-radius:var(--radius_md, .5rem);font-size:.875rem;font-weight:500;color:var(--color_text_secondary, #6b7280);background-color:var(--color_bg_card, #ffffff);border:1px solid var(--color_border, #e5e7eb);cursor:pointer;transition:all .2s ease}.cls_filter-btn:hover{background-color:var(--color_bg_hover, #f3f4f6);color:var(--color_text_primary, #111827)}.cls_filter-btn--active{background-color:var(--color_accent_bg, #eef2ff);color:var(--color_accent, #4f46e5);border-color:var(--color_accent, #4f46e5);font-weight:600}.cls_metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.cls_metric-card{background-color:var(--color_bg_card, #ffffff);padding:1.5rem;border-radius:var(--radius_lg, .75rem);border:1px solid var(--color_border, #e5e7eb);display:flex;align-items:center;gap:1rem;transition:transform .2s ease,box-shadow .2s ease}.cls_metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow_md, 0 4px 6px -1px rgba(0, 0, 0, .1))}.cls_metric-icon{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cls_metric-icon--primary{background-color:var(--color_accent_bg, #eef2ff);color:var(--color_accent, #4f46e5)}.cls_metric-icon--success{background-color:var(--color_success_light, #dcfce7);color:var(--color_success, #10b981)}.cls_metric-icon--info{background-color:var(--color_info_light, #dbeafe);color:var(--color_info, #3b82f6)}.cls_metric-icon--warning{background-color:var(--color_warning_light, #fef3c7);color:var(--color_warning, #f59e0b)}.cls_metric-content h3{font-size:.875rem;color:var(--color_text_secondary, #6b7280);margin-bottom:.25rem;font-weight:500}.cls_metric-value{font-size:1.25rem;font-weight:700;color:var(--color_text_primary, #111827);display:flex;align-items:center}.cls_details-section{background-color:var(--color_bg_card, #ffffff);border-radius:var(--radius_lg, .75rem);border:1px solid var(--color_border, #e5e7eb);padding:1.5rem}.cls_details-section h3{font-size:1.125rem;font-weight:600;color:var(--color_text_primary, #111827);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color_border, #e5e7eb)}.cls_details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.cls_detail-item{display:flex;gap:1rem;align-items:flex-start}.cls_detail-icon{color:var(--color_text_muted, #9ca3af);margin-top:.25rem}.cls_detail-item label{display:block;font-size:.875rem;color:var(--color_text_secondary, #6b7280);margin-bottom:.25rem}.cls_detail-item p{font-size:1rem;color:var(--color_text_primary, #111827);font-weight:500}.cls_table-container{background-color:var(--color_bg_card, #ffffff);border-radius:var(--radius_lg, .75rem);border:1px solid var(--color_border, #e5e7eb);overflow:hidden}.cls_products-table{width:100%;border-collapse:collapse}.cls_products-table th{background-color:var(--color_bg_primary, #f8fafc);padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:var(--color_text_secondary, #6b7280);border-bottom:1px solid var(--color_border, #e5e7eb)}.cls_products-table td{padding:1rem;border-bottom:1px solid var(--color_border, #e5e7eb);color:var(--color_text_primary, #111827);font-size:.95rem}.cls_products-table tr:last-child td{border-bottom:none}.cls_products-table tr:hover{background-color:var(--color_bg_hover, #f3f4f6)}.cls_product-cell{display:flex;align-items:center;gap:.5rem}.cls_metric-tooltip{margin-left:.25rem;color:var(--color_text_muted, #9ca3af);cursor:help;display:inline-flex;align-items:center}.cls_empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--color_text_secondary, #6b7280)}.cls_empty-state-icon{background-color:var(--color_bg_hover, #f3f4f6);padding:1.5rem;border-radius:50%;margin-bottom:1.5rem;color:var(--color_text_muted, #9ca3af)}.cls_empty-state h3{font-size:1.125rem;font-weight:600;color:var(--color_text_primary, #111827);margin-bottom:.5rem}.cls_modal-footer{padding:1.5rem 2rem;border-top:1px solid var(--color_border, #e5e7eb);background-color:var(--color_bg_card, #ffffff);display:flex;justify-content:flex-end}.cls_btn{padding:.625rem 1.25rem;border-radius:var(--radius_md, .5rem);font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.cls_btn--secondary{background-color:var(--color_bg_card, #ffffff);border-color:var(--color_border, #e5e7eb);color:var(--color_text_secondary, #6b7280)}.cls_btn--secondary:hover{background-color:var(--color_bg_hover, #f3f4f6);color:var(--color_text_primary, #111827);border-color:var(--color_gray_300, #d1d5db)}.cls_btn--primary{background-color:var(--color_accent, #4f46e5);color:#fff}.cls_btn--primary:hover{background-color:var(--accent_dark, #3730a3);box-shadow:0 4px 12px #4f46e540}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cls_badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.cls_badge--primary{background-color:var(--color_accent_bg, #eef2ff);color:var(--color_accent, #4f46e5)}.cls_badge--success{background-color:var(--color_success_light, #dcfce7);color:var(--color_success, #10b981)}.cls_badge--info{background-color:var(--color_info_light, #dbeafe);color:var(--color_info, #3b82f6)}.cls_badge--warning{background-color:var(--color_warning_light, #fef3c7);color:var(--color_warning, #f59e0b)}.cls_badge--danger{background-color:var(--color_danger_light, #fee2e2);color:var(--color_danger, #ef4444)}.cls_badge--secondary{background-color:var(--color_gray_100, #f3f4f6);color:var(--color_gray_600, #4b5563)}.dynamic-module-container{padding:20px;max-width:1400px;margin:0 auto}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.spinner{width:40px;height:40px;border:4px solid var(--color_border);border-top-color:var(--color_primary);border-radius:50%;animation:spin .8s linear infinite}.loading-state p{margin-top:16px;color:var(--color_text_secondary)}.module-content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color_border)}.header-info h2{font-size:22px;margin:0 0 4px;color:var(--color_text_primary)}.header-info p{font-size:14px;margin:0;color:var(--color_text_secondary)}.btn-add{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--color_primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-add:hover:not(:disabled){background:var(--color_primary_hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-add:disabled{opacity:.6;cursor:not-allowed}.module-table-container{background:var(--color_bg_primary);border-radius:12px;border:1px solid var(--color_border);padding:16px}.table-actions{display:flex;gap:8px}.btn-action{display:flex;align-items:center;justify-content:center;padding:6px;background:var(--color_bg_secondary);border:1px solid var(--color_border);border-radius:6px;cursor:pointer;transition:all .2s}.btn-action:hover{transform:scale(1.1)}.btn-action.btn-edit{color:var(--color_primary)}.btn-action.btn-edit:hover{background:#4f46e51a;border-color:var(--color_primary)}.btn-action.btn-delete{color:var(--color_danger)}.btn-action.btn-delete:hover{background:#ef44441a;border-color:var(--color_danger)}.form-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.form-modal-content{background:var(--color_bg_primary);border-radius:12px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a}.form-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color_border)}.form-modal-header h3{font-size:20px;margin:0;color:var(--color_text_primary)}.btn-close{background:none;border:none;color:var(--color_text_secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.btn-close:hover{background:var(--color_bg_secondary);color:var(--color_text_primary)}.form-modal-body{padding:24px;overflow-y:auto;flex:1}.form-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--color_border)}.btn-primary,.btn-secondary{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:var(--color_primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color_primary_hover)}.btn-secondary{background:var(--color_bg_secondary);color:var(--color_text_primary);border:1px solid var(--color_border)}@media(max-width:768px){.dynamic-module-container{padding:16px}.module-content-header{flex-direction:column;gap:16px}.btn-add{width:100%;justify-content:center}.form-modal-content{width:95%}}[data-theme=dark] .form-modal-overlay{background:#000000b3}[data-theme=dark] .module-table-container{background:var(--color_bg_secondary)}.cls_profile-tab{max-width:1000px}.cls_profile-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid var(--color_border)}.cls_profile-avatar-section{display:flex;gap:1.5rem;align-items:center}.cls_profile-avatar-large{position:relative}.cls_avatar-circle{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--color_accent),var(--color_primary_light_blue));display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;color:#fff}.cls_avatar-upload-button{position:absolute;bottom:0;right:0;width:32px;height:32px;border-radius:50%;background:var(--color_accent);border:2px solid var(--color_bg_card);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease}.cls_avatar-upload-button:hover{background:var(--color_primary_dark_blue)}.cls_profile-header-info h2{margin:0 0 .5rem;font-size:1.5rem;color:var(--color_text_primary)}.cls_profile-email{display:block;color:var(--color_text_muted);margin-bottom:.5rem}.cls_profile-role{display:inline-block;padding:.25rem .75rem;background:var(--color_accent_bg);color:var(--color_accent);border-radius:1rem;font-size:.875rem;font-weight:500}.cls_profile-form{display:flex;flex-direction:column;gap:2rem}.cls_form-section{display:flex;flex-direction:column;gap:1.5rem}.cls_form-section-title{font-size:1.125rem;font-weight:600;color:var(--color_text_primary);margin:0;display:flex;align-items:center;gap:.5rem}.cls_form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.cls_form-group-full{grid-column:1 / -1}.cls_form-label{font-weight:500;color:var(--color_text_primary);font-size:.875rem;display:flex;align-items:center;gap:.5rem}.cls_form-input,.cls_form-textarea{padding:.75rem;border:1px solid var(--color_border);border-radius:.5rem;background:var(--color_bg_card);color:var(--color_text_primary);font-size:.9375rem;transition:all .3s ease}.cls_form-input:focus,.cls_form-textarea:focus{outline:none;border-color:var(--color_accent);box-shadow:0 0 0 3px var(--color_accent_bg)}.cls_form-input:disabled{background:var(--color_bg_secondary);cursor:not-allowed;opacity:.6}.cls_form-textarea{resize:vertical;min-height:100px;font-family:inherit}.cls_form-hint{font-size:.8125rem;color:var(--color_text_muted)}.cls_info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.cls_info-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--color_bg_hover);border-radius:.5rem}.cls_info-label{font-size:.875rem;color:var(--color_text_muted);font-weight:500;display:flex;align-items:center;gap:.5rem}.cls_info-value{font-size:.9375rem;color:var(--color_text_primary);font-weight:600}.cls_info-value-code{font-family:Courier New,monospace;font-size:.8125rem;word-break:break-all}.cls_info-badge{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.8125rem;font-weight:500}.cls_badge-success{background:var(--color_success_light);color:var(--color_success)}.cls_badge-warning{background:var(--color_warning_light);color:var(--color_warning)}.cls_email-input-wrapper{position:relative;display:flex;align-items:center;gap:.5rem}.cls_email-input-wrapper .cls_form-input{flex:1}.cls_email-verification-inline{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none}.cls_verification-badge-inline{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:1rem;font-size:.75rem;font-weight:600;white-space:nowrap}.cls_verification-badge-inline.verified{background:#dcfce7;color:#16a34a;border:1px solid #86efac}.cls_verification-badge-inline.unverified{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5}.cls_verification-actions-compact{display:flex;gap:.5rem;margin-top:.5rem;align-items:center}.cls_btn-verify-compact,.cls_btn-check-compact{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.cls_btn-verify-compact{background:#3b82f6;color:#fff}.cls_btn-verify-compact:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.cls_btn-check-compact{background:transparent;color:var(--color_text_secondary);border:1px solid var(--color_border);padding:.375rem;min-width:32px;justify-content:center}.cls_btn-check-compact:hover:not(:disabled){background:var(--color_bg_hover);color:var(--color_text);border-color:var(--color_primary)}.cls_btn-verify-compact:disabled,.cls_btn-check-compact:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .cls_verification-badge-inline.verified{background:#dcfce726;color:#86efac;border-color:#86efac4d}[data-theme=dark] .cls_verification-badge-inline.unverified{background:#fee2e226;color:#fca5a5;border-color:#fca5a54d}@media(max-width:768px){.cls_email-verification-inline{position:static;transform:none;margin-top:.5rem}.cls_email-input-wrapper{flex-direction:column;align-items:flex-start}.cls_verification-actions-compact{flex-direction:column;width:100%}.cls_btn-verify-compact{width:100%;justify-content:center}}.cls_form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--color_border)}.cls_btn-primary,.cls_btn-secondary{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:.5rem}.cls_btn-primary{background:var(--color_accent);color:#fff}.cls_btn-primary:hover{background:var(--color_primary_dark_blue)}.cls_btn-secondary{background:transparent;color:var(--color_text_primary);border:1px solid var(--color_border)}.cls_btn-secondary:hover{background:var(--color_bg_hover)}.cls_save-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.9375rem;font-weight:500;border:1px solid;animation:slideInDown .3s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cls_notification-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:400px;pointer-events:none}.cls_notification-banner{pointer-events:all;background:var(--color_bg_primary);border-radius:.5rem;box-shadow:0 4px 12px #00000026;border:1px solid;animation:slideInDown .3s ease-out;overflow:hidden}.cls_notification-content{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem}.cls_notification-icon{flex-shrink:0;margin-top:.125rem}.cls_notification-text{flex:1;min-width:0}.cls_notification-title{font-weight:600;font-size:.9375rem;margin-bottom:.25rem;color:var(--color_text_primary)}.cls_notification-message{font-size:.875rem;color:var(--color_text_muted);line-height:1.4}.cls_notification-close{flex-shrink:0;background:transparent;border:none;color:var(--color_text_muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s ease;margin-top:.125rem}.cls_notification-close:hover{background:var(--color_bg_hover);color:var(--color_text_primary)}.cls_notification-success{background:var(--color_success_light);border-color:var(--color_success)}.cls_notification-success .cls_notification-icon,.cls_notification-success .cls_notification-title{color:var(--color_success)}.cls_notification-error{background:var(--color_error_light);border-color:var(--color_error)}.cls_notification-error .cls_notification-icon,.cls_notification-error .cls_notification-title{color:var(--color_error)}.cls_notification-warning{background:var(--color_warning_light);border-color:var(--color_warning)}.cls_notification-warning .cls_notification-icon,.cls_notification-warning .cls_notification-title{color:var(--color_warning)}.cls_notification-info{background:var(--color_info_light, #e3f2fd);border-color:var(--color_info, #2196f3)}.cls_notification-info .cls_notification-icon,.cls_notification-info .cls_notification-title{color:var(--color_info, #2196f3)}@media(max-width:768px){.cls_notification-container{left:1rem;right:1rem;max-width:none}}.cls_save-message svg{flex-shrink:0}.cls_save-message span{flex:1}.cls_save-message-success{background:var(--color_success_light);color:var(--color_success);border-color:var(--color_success)}.cls_save-message-error{background:var(--color_error_light);color:var(--color_error);border-color:var(--color_error)}.cls_save-message-warning{background:var(--color_warning_light);color:var(--color_warning);border-color:var(--color_warning)}.cls_section-description{margin:0 0 1.5rem;font-size:.875rem;color:var(--color_text_muted);line-height:1.5}.cls_logo-hint{display:block;margin-bottom:1rem;margin-top:.25rem}.cls_logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:1rem 0}.cls_logo-card{background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:.75rem;padding:1.25rem;transition:all .2s ease}.cls_logo-card:hover{border-color:var(--color_accent);box-shadow:0 4px 12px #0000000d}.cls_logo-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color_border)}.cls_logo-card-title{font-size:.95rem;font-weight:600;color:var(--color_text_primary);margin:0}.cls_logo-card-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.cls_badge-light{background:#ffffffe6;color:#1a1a1a;border:1px solid rgba(0,0,0,.1)}.cls_badge-dark{background:#000000e6;color:#fff;border:1px solid rgba(255,255,255,.1)}.cls_badge-night{background:#1d4ed8e6;color:#fff;border:1px solid rgba(59,130,246,.3)}.cls_logo-preview{margin-bottom:1rem;padding:1.5rem;background:var(--color_bg_hover);border-radius:.5rem;border:2px dashed var(--color_border);display:flex;justify-content:center;align-items:center;min-height:180px;position:relative}.cls_logo-preview-light{background:linear-gradient(135deg,#fff,#f3f4f6)}.cls_logo-preview-dark{background:linear-gradient(135deg,#1a1a1a,#000)}.cls_logo-preview-night{background:linear-gradient(135deg,#1e3a8a,#1e40af)}.cls_logo-preview-image{max-width:150px;max-height:150px;object-fit:contain;border-radius:.5rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}.cls_file-upload-wrapper{display:flex;flex-direction:column;gap:.75rem}.cls_file-input{display:none}.cls_file-upload-label{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;background:var(--color_bg_card);color:var(--color_text_primary);border:2px dashed var(--color_border);border-radius:.5rem;font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .3s ease;width:100%;min-height:120px;text-align:center}.cls_file-upload-label:hover{background:var(--color_bg_hover);border-color:var(--color_accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.cls_file-upload-label svg{flex-shrink:0;color:var(--color_accent);transition:color .3s ease}.cls_file-upload-label:hover svg{color:var(--color_primary_dark_blue)}.cls_file-upload-label p{margin:0;color:var(--color_text_primary);font-weight:500}.cls_file-upload-label .cls_file-upload-hint{font-size:.8125rem;color:var(--color_text_muted);margin-top:.25rem}.cls_file-upload-label.cls_compact{flex-direction:row;min-height:auto;padding:.75rem 1.5rem;width:fit-content;background:var(--color_accent);color:#fff;border:none}.cls_file-upload-label.cls_compact:hover{background:var(--color_primary_dark_blue)}.cls_file-upload-label.cls_compact svg{color:#fff}.cls_file-upload-label.cls_compact:hover svg{color:#fff}.cls_notifications-tab{max-width:800px}.cls_notification-options{display:flex;flex-direction:column;gap:1rem}.cls_notification-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:var(--color_bg_hover);border-radius:.5rem;transition:background .3s ease}.cls_notification-item:hover{background:var(--color_border)}.cls_notification-info{display:flex;gap:1rem;align-items:flex-start;flex:1}.cls_notification-info svg{flex-shrink:0;color:var(--color_accent);margin-top:.25rem}.cls_notification-info h4{margin:0 0 .25rem;font-size:.9375rem;font-weight:600;color:var(--color_text_primary)}.cls_notification-info p{margin:0;font-size:.875rem;color:var(--color_text_muted)}.cls_toggle-switch{position:relative;display:inline-block;width:50px;height:26px;flex-shrink:0}.cls_toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color_border);transition:.3s;border-radius:26px}.cls_toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}.cls_security-tab{max-width:900px;margin:0 auto}.cls_security-tab .cls_form-section{background:var(--color_bg_primary);border:1px solid var(--color_border);border-radius:12px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000d;transition:box-shadow .2s ease}.cls_security-tab .cls_form-section:hover{box-shadow:0 4px 12px #00000014}.cls_security-tab .cls_form-section-title{font-size:1.125rem;font-weight:600;color:var(--color_text_primary);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--color_border);display:flex;align-items:center;gap:.5rem}.cls_security-tab .cls_form-section-title:before{content:"";width:4px;height:1.5rem;background:var(--color_accent);border-radius:2px}.cls_security-tab .cls_form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}@media(min-width:768px){.cls_security-tab .cls_form-grid{grid-template-columns:repeat(2,1fr)}}.cls_security-tab .cls_form-group-full{grid-column:1 / -1}.cls_security-tab .cls_form-label{display:flex;align-items:center;gap:.5rem;font-weight:500;font-size:.875rem;color:var(--color_text_primary);margin-bottom:.5rem}.cls_security-tab .cls_form-label svg{color:var(--color_accent)}.cls_security-tab .cls_form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--color_border);border-radius:8px;font-size:.9375rem;transition:all .2s ease;background:var(--color_bg_secondary)}.cls_security-tab .cls_form-input:focus{outline:none;border-color:var(--color_accent);box-shadow:0 0 0 3px #3b82f61a;background:var(--color_bg_primary)}.cls_security-tab .cls_form-input::placeholder{color:var(--color_text_muted)}.cls_security-tab .cls_btn-primary{padding:.875rem 2rem;font-size:.9375rem;font-weight:600;border-radius:8px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.cls_security-tab .cls_btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.cls_security-tab .cls_btn-primary:active:not(:disabled){transform:translateY(0)}.cls_security-tab .cls_btn-primary:disabled{opacity:.6;cursor:not-allowed}.cls_security-alerts{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.cls_security-alerts{grid-template-columns:repeat(2,1fr)}}.cls_alert-item{display:flex;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,var(--color_bg_hover) 0%,var(--color_bg_secondary) 100%);border:1px solid var(--color_border);border-radius:10px;align-items:flex-start;transition:all .2s ease;position:relative;overflow:hidden}.cls_alert-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color_warning);transition:width .2s ease}.cls_alert-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.cls_alert-item:hover:before{width:6px}.cls_alert-icon{flex-shrink:0;width:45px;height:45px;color:var(--color_warning);margin-top:.125rem;background:#fbbf241a;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center}.cls_alert-icon.cls_alert-success{color:var(--color_success);background:#22c55e1a}.cls_alert-item:has(.cls_alert-success):before{background:var(--color_success)}.cls_alert-content{flex:1}.cls_alert-content h4{margin:0 0 .375rem;font-size:.9375rem;font-weight:600;color:var(--color_text_primary)}.cls_alert-content p{margin:0;font-size:.875rem;color:var(--color_text_muted);font-weight:500}.cls_password-strength{margin-top:.5rem;height:4px;background:var(--color_border);border-radius:2px;overflow:hidden}.cls_password-strength-bar{height:100%;transition:all .3s ease;border-radius:2px}.cls_password-strength-weak{background:var(--color_error);width:33%}.cls_password-strength-medium{background:var(--color_warning);width:66%}.cls_password-strength-strong{background:var(--color_success);width:100%}@media(max-width:767px){.cls_security-tab .cls_form-section{padding:1.5rem}.cls_security-tab .cls_form-grid{gap:1.25rem}.cls_alert-item{padding:1rem}}@media(prefers-color-scheme:dark){.cls_security-tab .cls_form-section{box-shadow:0 2px 8px #0003}.cls_security-tab .cls_form-section:hover{box-shadow:0 4px 12px #0000004d}.cls_alert-item{background:linear-gradient(135deg,#ffffff0d,#ffffff05)}}.cls_preferences-tab{max-width:900px}.cls_theme-section{padding:1rem 0}.cls_section-description{margin:0 0 1rem;color:var(--color_text_muted);font-size:.9375rem}.cls_data-options{display:flex;flex-direction:column;gap:1rem}.role-config-container{padding:24px;max-width:1200px;margin:0 auto}.role-config-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--color_text_muted)}.role-config-loading .spinning{animation:spin 1s linear infinite}.info-banner{display:flex;align-items:flex-start;gap:12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:16px;margin-bottom:24px}.info-banner svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.info-banner strong{display:block;margin-bottom:4px;color:#1e40af}.info-banner p{margin:0;font-size:14px;color:#1e40af}.role-selector-section{margin-bottom:32px}.role-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.role-selector-section h3{font-size:18px;font-weight:600;color:var(--color_text_primary);margin:0}.btn-add-custom-role{display:flex;align-items:center;gap:8px;background:var(--color_accent);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-add-custom-role:hover{background:#5558dd;transform:translateY(-1px);box-shadow:0 2px 8px #6366f14d}.btn-add-custom-role:active{transform:translateY(0)}.role-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.role-card{background:var(--color_bg_card);border:2px solid var(--color_border);border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:16px;cursor:pointer;transition:all .2s ease;position:relative}.role-card:hover{border-color:var(--color_accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.role-card.selected{border-color:var(--color_accent);background:#6366f11a}.role-card.custom-role{border-style:dashed}.role-card svg{flex-shrink:0}.custom-badge{display:inline-block;background:#10b981;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;margin-left:6px;text-transform:uppercase}.role-card-content{flex:1}.role-card-content h4{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--color_text_primary)}.role-card-content p{margin:0;font-size:13px;color:var(--color_text_muted)}.role-card .selected-icon{color:var(--color_accent);position:absolute;top:12px;right:12px}.permission-config-section{background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:12px;padding:24px;margin-bottom:24px}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.section-header h3{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--color_text_primary)}.section-header p{margin:0;font-size:14px;color:var(--color_text_muted)}.unsaved-changes{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fef3c7;color:#d97706;border-radius:6px;font-size:14px;font-weight:500}.permissions-grid{display:flex;flex-direction:column;gap:16px}.permission-item{background:var(--color_bg_hover);border:1px solid var(--color_border);border-radius:8px;padding:16px}.permission-item-header{margin-bottom:12px}.permission-name{font-size:14px;font-weight:600;color:var(--color_text_primary)}.permission-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.permission-level-option{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--color_bg_card);border:2px solid var(--color_border);border-radius:6px;cursor:pointer;transition:all .2s ease}.permission-level-option:hover{border-color:var(--color_accent);background:#6366f10d}.permission-level-option.selected{border-color:var(--color_accent);background:#6366f11a}.permission-level-option input[type=radio]{cursor:pointer}.permission-level-label{font-size:13px;font-weight:500;color:var(--color_text_primary);cursor:pointer;flex:1}.module-permissions-list{display:flex;flex-direction:column;gap:12px}.inline-module-permissions{margin-top:12px;border-top:1px solid var(--color_border, #e2e8f0);padding-top:12px}[data-theme=night] .inline-module-permissions{border-top-color:#334155}.module-permission-tab{border:1px solid var(--color_border, #e2e8f0);border-radius:8px;overflow:hidden;background:var(--color_bg_card, #ffffff)}.module-tab-header{display:flex;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;background:var(--color_bg_secondary, #f8fafc);transition:background .2s;-webkit-user-select:none;user-select:none}.inline-module-permissions .module-tab-header{padding:8px 12px;background:transparent;border-radius:4px}.module-tab-header:hover{background:var(--color_bg_hover, #f1f5f9)}.inline-module-permissions .module-tab-header:hover{background:var(--color_bg_secondary, #f8fafc)}.module-tab-name{font-weight:500;color:var(--color_text_primary, #1e293b);font-size:.95rem}.module-count{font-size:.875rem;color:var(--color_text_muted, #64748b);margin-left:auto}.module-list{padding:12px 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;border-top:1px solid var(--color_border, #e2e8f0)}.inline-module-permissions .module-list{padding:8px 12px 8px 32px;border-top:none}.module-item{padding:8px}.inline-module-permissions .module-item{padding:4px}.module-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.module-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.module-name{color:var(--color_text_primary, #1e293b);font-size:.9rem}.module-checkbox:hover .module-name{color:#3b82f6}[data-theme=night] .module-permission-tab{border-color:#334155;background:#1e293b}[data-theme=night] .module-tab-header{background:#0f172a}[data-theme=night] .module-tab-header:hover{background:#1e293b}[data-theme=night] .inline-module-permissions .module-tab-header{background:transparent}[data-theme=night] .inline-module-permissions .module-tab-header:hover{background:#0f172a}[data-theme=night] .module-tab-name,[data-theme=night] .module-name{color:#f1f5f9}[data-theme=night] .module-count{color:#94a3b8}[data-theme=night] .module-list{border-top-color:#334155}.role-config-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none}.btn-primary:hover:not(:disabled){background:var(--color_accent_hover);transform:translateY(-1px)}.btn-secondary{background:var(--color_bg_card);color:var(--color_text_primary);border:1px solid var(--color_border)}.btn-secondary:hover:not(:disabled){background:var(--color_bg_hover)}[data-theme=dark] .info-banner{background:#3b82f626;border-color:#3b82f64d}[data-theme=dark] .info-banner svg{color:#60a5fa}[data-theme=dark] .info-banner strong{color:#93c5fd}[data-theme=dark] .info-banner p{color:#bfdbfe}[data-theme=dark] .role-card.selected{background:#6366f126;border-color:var(--color_accent)}[data-theme=dark] .role-card .selected-icon{color:var(--color_accent)}[data-theme=dark] .permission-level-option.selected{background:#6366f126;border-color:var(--color_accent)}[data-theme=dark] .permission-level-option:hover{background:#6366f11a;border-color:var(--color_accent)}[data-theme=dark] .permission-level-label{color:var(--color_text_primary)}[data-theme=dark] .unsaved-changes{background:#fbbf2426;color:#fbbf24}[data-theme=night] .info-banner{background:#3b82f626;border-color:#3b82f64d}[data-theme=night] .info-banner svg{color:#60a5fa}[data-theme=night] .info-banner strong{color:#93c5fd}[data-theme=night] .info-banner p{color:#bfdbfe}[data-theme=night] .role-card.selected{background:#6366f126;border-color:var(--color_accent)}[data-theme=night] .role-card .selected-icon{color:var(--color_accent)}[data-theme=night] .permission-level-option.selected{background:#6366f126;border-color:var(--color_accent)}[data-theme=night] .permission-level-option:hover{background:#6366f11a;border-color:var(--color_accent)}[data-theme=night] .permission-level-label{color:var(--color_text_primary)}[data-theme=night] .unsaved-changes{background:#fbbf2426;color:#fbbf24}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.custom-role-modal{background:var(--color_bg_card);border-radius:12px;width:100%;max-width:500px;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color_border)}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--color_text_primary)}.modal-close{background:transparent;border:none;color:var(--color_text_muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:var(--color_border);color:var(--color_text_primary)}.modal-body{overflow-y:auto;flex:1}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--color_text_primary);margin-bottom:8px}.form-group input[type=text],.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--color_border);border-radius:8px;font-size:14px;font-family:inherit;background:var(--color_bg_card);color:var(--color_text_primary);transition:border-color .2s ease}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:var(--color_accent)}.color-picker-group{display:flex;align-items:center;gap:12px}.color-picker-group input[type=color]{width:60px;height:40px;border:1px solid var(--color_border);border-radius:8px;cursor:pointer;background:transparent}.color-preview{width:40px;height:40px;border-radius:8px;border:1px solid var(--color_border)}.form-info{display:flex;align-items:flex-start;gap:8px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:12px;font-size:13px;color:#1e40af;margin-top:20px}.form-info svg{flex-shrink:0;margin-top:2px;color:#3b82f6}.modal-footer{padding:16px 24px;border-top:1px solid var(--color_border);display:flex;justify-content:flex-end;gap:12px}.modal-footer button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-secondary{background:transparent;border:1px solid var(--color_border)!important;color:var(--color_text_primary)}.btn-secondary:hover:not(:disabled){background:var(--color_border)}.btn-primary{background:var(--color_accent);color:#fff}.btn-primary:hover:not(:disabled){background:#5558dd}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.role-cards{grid-template-columns:1fr}.permission-levels{grid-template-columns:repeat(2,1fr)}.section-header{flex-direction:column;align-items:flex-start}.role-config-actions{flex-direction:column;width:100%}.role-config-actions button{width:100%;justify-content:center}}@media(max-width:480px){.permission-levels{grid-template-columns:1fr}}.billing-config-tab{width:100%;max-width:900px;margin:0 auto;--card-bg: #ffffff;--input-bg: #ffffff;--section-bg: #f9fafb;--border-color: #e5e7eb;--border-light: #f3f4f6;--hover-bg: #f9fafb;--text-primary: #111827;--text-secondary: #6b7280;--primary-color: #6366f1;--primary-hover: #4f46e5;--warning-bg: #fef3c7;--warning-text: #92400e;--success-bg: #d1fae5;--success-text: #065f46;--error-bg: #fee2e2;--error-text: #991b1b;--success-color: #10b981;--error-color: #ef4444}.billing-config-tab .tab-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.billing-config-tab .tab-header h2{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.billing-config-tab .tab-header p{color:var(--text-secondary);margin:0;font-size:.95rem}.unsaved-changes-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--warning-bg, #fff3cd);color:var(--warning-text, #856404);border-radius:6px;font-size:.875rem;font-weight:500}.unsaved-changes-badge svg{flex-shrink:0}.save-status{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500;animation:slideDown .3s ease}.save-status.success{background:var(--success-bg, #d4edda);color:var(--success-text, #155724);border-left:4px solid var(--success-color, #28a745)}.save-status.error{background:var(--error-bg, #f8d7da);color:var(--error-text, #721c24);border-left:4px solid var(--error-color, #dc3545)}.billing-config-content{display:flex;flex-direction:column;gap:2rem}.config-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:box-shadow .2s ease}.config-section:hover{box-shadow:0 2px 8px #0000000d}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-light)}.section-header svg{color:var(--primary-color);flex-shrink:0}.section-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.section-description{color:var(--text-secondary);font-size:.9rem;margin:0 0 1rem;line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.form-group label{font-weight:500;color:var(--text-primary);font-size:.9rem}.form-group input,.form-group textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.95rem;transition:all .2s ease;background:var(--input-bg);color:var(--text-primary)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.form-group small{color:var(--text-secondary);font-size:.825rem;margin-top:-.25rem}.input-with-icon{position:relative;display:block;width:100%}.input-with-icon svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;z-index:2;flex-shrink:0}.input-with-icon input,.input-with-icon textarea{padding:.75rem .75rem .75rem 3rem!important;width:100%;box-sizing:border-box}.input-with-icon textarea svg{top:1rem;transform:none}.payment-methods-grid{display:flex;flex-direction:column;gap:.75rem}.payment-method-toggle{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease}.payment-method-toggle:hover{border-color:var(--primary-color);background:var(--hover-bg)}.toggle-info{display:flex;align-items:center;gap:.75rem}.toggle-info svg{color:var(--primary-color)}.toggle-label{font-weight:500;color:var(--text-primary)}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.warning-message{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--warning-bg, #fff3cd);color:var(--warning-text, #856404);border-radius:6px;font-size:.9rem;margin-top:.5rem}.warning-message svg{flex-shrink:0}.gst-type-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.5rem}.gst-type-btn{padding:.875rem 1rem;border:2px solid var(--border-color);background:var(--input-bg);color:var(--text-primary);border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-align:center}.gst-type-btn:hover{border-color:var(--primary-color);background:var(--hover-bg)}.gst-type-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.tax-fields-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.tax-fields-header label{margin:0}.btn-add-field{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-add-field:hover{background:var(--primary-hover);transform:translateY(-1px)}.tax-fields-list{display:flex;flex-direction:column;gap:.75rem}.tax-field-item{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;padding:1rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;align-items:center;transition:all .2s ease}.tax-field-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000000d}.tax-field-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--primary-color);color:#fff;border-radius:50%;font-weight:600;font-size:.875rem;flex-shrink:0}.tax-field-inputs{display:grid;grid-template-columns:2fr 1fr;gap:.75rem;flex:1}.tax-name-input{padding:.625rem .875rem;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;transition:all .2s ease;background:var(--card-bg);color:var(--text-primary)}.tax-name-input:disabled{background:var(--section-bg);cursor:not-allowed;opacity:.7}.tax-name-input:focus:not(:disabled){outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.tax-rate-input-wrapper{position:relative;display:block;width:100%}.tax-rate-input-wrapper svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;z-index:2}.tax-rate-input{padding:.625rem .875rem .625rem 2.5rem!important;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;transition:all .2s ease;background:var(--card-bg);color:var(--text-primary);width:100%;box-sizing:border-box}.tax-rate-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.tax-field-actions{display:flex;align-items:center;gap:.5rem}.tax-field-toggle{position:relative;display:inline-block;width:44px;height:24px}.tax-field-toggle input{opacity:0;width:0;height:0}.toggle-slider-small{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);transition:.3s;border-radius:24px}.toggle-slider-small:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.tax-field-toggle input:checked+.toggle-slider-small{background-color:var(--primary-color)}.tax-field-toggle input:checked+.toggle-slider-small:before{transform:translate(20px)}.btn-remove-field{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.btn-remove-field:hover{background:#fee;border-color:#dc3545;color:#dc3545}.qr-upload-section{margin-top:1rem}.qr-upload-area{border:2px dashed var(--border-color);border-radius:8px;padding:2rem;text-align:center;transition:all .2s ease;cursor:pointer;background:var(--input-bg)}.qr-upload-area:hover{border-color:var(--primary-color);background:var(--hover-bg)}.qr-upload-label{display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer}.qr-upload-label svg{color:var(--text-secondary)}.qr-upload-label p{margin:0;font-weight:500;color:var(--text-primary)}.qr-upload-label small{color:var(--text-secondary);font-size:.85rem}.qr-preview-container{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--card-bg)}.qr-preview-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--section-bg);border-bottom:1px solid var(--border-color)}.qr-preview-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.qr-preview-actions{display:flex;gap:.5rem}.btn-icon{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.btn-icon:hover{background:var(--hover-bg);border-color:var(--primary-color)}.btn-icon.btn-danger:hover{background:#fee;border-color:#dc3545;color:#dc3545}.qr-preview-image{padding:2rem;display:flex;justify-content:center;align-items:center;background:#f8f9fa}.qr-preview-image img{max-width:250px;max-height:250px;border-radius:8px;box-shadow:0 4px 12px #0000001a}.qr-upload-new{padding:1rem;display:flex;justify-content:center;border-top:1px solid var(--border-color)}.btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:transparent;border:1px solid var(--primary-color);color:var(--primary-color);border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem}.btn-outline:hover{background:var(--primary-color);color:#fff}.config-actions{display:flex;justify-content:flex-end;padding-top:1.5rem;border-top:2px solid var(--border-color);margin-top:1rem}.btn-primary{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 1.75rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #6366f133}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@media(max-width:768px){.billing-config-tab{padding:0}.billing-config-tab .tab-header{flex-direction:column;gap:1rem}.form-grid{grid-template-columns:1fr}.config-section{padding:1rem}.qr-preview-image img{max-width:200px;max-height:200px}.gst-type-selector{grid-template-columns:1fr}.tax-field-item{grid-template-columns:1fr;gap:.75rem}.tax-field-number{justify-self:start}.tax-field-inputs{grid-template-columns:1fr}.tax-field-actions{justify-content:flex-end}.tax-fields-header{flex-direction:column;align-items:flex-start;gap:.75rem}}[data-theme=light] .billing-config-tab .config-section{background:#fff;border-color:#e5e7eb}[data-theme=light] .billing-config-tab .form-group input[type=text],[data-theme=light] .billing-config-tab .form-group input[type=email],[data-theme=light] .billing-config-tab .form-group input[type=tel],[data-theme=light] .billing-config-tab .form-group input[type=number],[data-theme=light] .billing-config-tab .form-group select,[data-theme=light] .billing-config-tab .form-group textarea,[data-theme=light] .billing-config-tab input,[data-theme=light] .billing-config-tab textarea{background:#fff;border-color:#e5e7eb;color:#111827}[data-theme=light] .billing-config-tab .form-group input::placeholder,[data-theme=light] .billing-config-tab .form-group textarea::placeholder{color:#9ca3af}[data-theme=light] .billing-config-tab .form-group label,[data-theme=light] .billing-config-tab .section-header h3,[data-theme=light] .billing-config-tab .toggle-label{color:#111827}[data-theme=light] .billing-config-tab .form-group small,[data-theme=light] .billing-config-tab .section-description{color:#6b7280}[data-theme=light] .billing-config-tab .payment-method-toggle{background:#fff;border-color:#e5e7eb}[data-theme=light] .billing-config-tab .payment-method-toggle:hover{background:#f9fafb;border-color:#6366f1}[data-theme=light] .billing-config-tab .gst-type-btn{background:#fff;border-color:#e5e7eb;color:#374151}[data-theme=light] .billing-config-tab .gst-type-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}[data-theme=light] .billing-config-tab .gst-type-btn:hover:not(.active){background:#f3f4f6;border-color:#d1d5db}[data-theme=light] .billing-config-tab .tax-field-item,[data-theme=light] .billing-config-tab .qr-upload-area{background:#f9fafb;border-color:#e5e7eb}[data-theme=light] .billing-config-tab .qr-upload-label p{color:#111827}[data-theme=light] .billing-config-tab .qr-upload-label small{color:#6b7280}[data-theme=night] .billing-config-tab{--card-bg: #1f2937;--input-bg: #111827;--section-bg: #374151;--border-color: #4b5563;--border-light: #374151;--hover-bg: #374151;--text-primary: #f9fafb;--text-secondary: #d1d5db}[data-theme=night] .qr-preview-image,[data-theme=night] .qr-upload-area{background:#111827}.banking-config-tab{padding:1.5rem;max-width:1400px;margin:0 auto}.banking-config-tab .tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--color_border)}.banking-config-tab .tab-header-content{display:flex;align-items:center;gap:1rem}.banking-config-tab .tab-icon{color:var(--primary-color)}.banking-config-tab .tab-header h2{margin:0;font-size:1.75rem;color:var(--color_text_primary)}.banking-config-tab .tab-header p{margin:.25rem 0 0;color:var(--color_text_secondary);font-size:.875rem}.banking-config-tab .alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem;animation:slideDown .3s ease}.banking-config-tab .alert-success{background:#d1fae5;border:1px solid #10b981;color:#047857}.banking-config-tab .alert-error{background:#fee2e2;border:1px solid #ef4444;color:#dc2626}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.banking-section{background:var(--color_bg_card);border-radius:12px;padding:1.5rem;border:1px solid var(--color_border)}.banking-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.banking-section .section-header h3{margin:0;font-size:1.25rem;color:var(--color_text_primary)}.account-form-card{background:var(--color_bg_secondary);border:1px solid var(--color_border);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.account-form-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color_border)}.account-form-card .card-header h4{margin:0;font-size:1.125rem;color:var(--color_text_primary)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem;color:var(--color_text_primary)}.form-group label svg{color:var(--color_text_secondary)}.form-group .required{color:#ef4444}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid var(--color_border);border-radius:6px;background:var(--color_bg_primary);color:var(--color_text_primary);font-size:.875rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e21a}.form-group textarea{resize:vertical;font-family:inherit}.checkbox-label{display:flex!important;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;background:var(--color_bg_primary);border:1px solid var(--color_border);border-radius:6px;transition:all .2s ease}.checkbox-label:hover{background:var(--color_bg_hover)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;margin:0}.checkbox-label span{font-weight:500;color:var(--color_text_primary)}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--color_border)}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.account-card{background:var(--color_bg_secondary);border:2px solid var(--color_border);border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.account-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.account-card.primary{border-color:var(--primary-color);background:linear-gradient(135deg,var(--color_bg_secondary) 0%,rgba(74,144,226,.05) 100%)}.primary-badge{position:absolute;top:12px;right:12px;background:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.account-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--color_border)}.account-icon{width:48px;height:48px;background:var(--primary-color);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.account-info h4{margin:0;font-size:1.125rem;color:var(--color_text_primary)}.account-number{margin:.25rem 0 0;font-size:.875rem;color:var(--color_text_secondary);font-family:Courier New,monospace;letter-spacing:1px}.account-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;font-size:.875rem}.detail-row .label{color:var(--color_text_secondary);font-weight:500;min-width:60px}.detail-row .value{color:var(--color_text_primary);text-align:right;word-break:break-word}.detail-row .value.capitalize{text-transform:capitalize}.account-actions{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;padding-top:1rem;border-top:1px solid var(--color_border)}.btn-text{background:none;border:none;color:var(--primary-color);font-size:.875rem;font-weight:600;padding:.5rem .75rem;cursor:pointer;border-radius:4px;transition:all .2s ease}.btn-text:hover{background:var(--color_bg_hover)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.empty-state svg{color:var(--color_text_secondary);opacity:.5;margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--color_text_primary)}.empty-state p{margin:0 0 1.5rem;color:var(--color_text_secondary);max-width:400px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;line-height:1}.btn-primary svg{flex-shrink:0}.btn-primary:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-1px);box-shadow:0 4px 12px #4a90e24d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--color_bg_secondary);color:var(--color_text_primary);border:1px solid var(--color_border);border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;line-height:1}.btn-secondary svg{flex-shrink:0}.btn-secondary:hover{background:var(--color_bg_hover);border-color:var(--primary-color)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color_bg_primary);border:1px solid var(--color_border);border-radius:6px;cursor:pointer;transition:all .2s ease;color:var(--color_text_primary)}.btn-icon:hover{background:var(--color_bg_hover);border-color:var(--primary-color);color:var(--primary-color)}.btn-icon.btn-danger:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}@media(max-width:768px){.banking-config-tab{padding:1rem}.banking-config-tab .tab-header{flex-direction:column;align-items:flex-start;gap:1rem}.form-grid,.accounts-grid{grid-template-columns:1fr}.account-actions{flex-wrap:wrap}}.cls_db-config-tab{display:flex;flex-direction:column;gap:2rem;max-width:1200px}.cls_db-config-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:12px}.cls_header-content h2{margin:0 0 .25rem;font-size:1.5rem;color:var(--color_text_primary);display:flex;align-items:center;gap:.5rem}.cls_help-link{display:inline-flex;align-items:center;color:var(--color_accent);opacity:.7;transition:all .2s ease;text-decoration:none;margin-left:.25rem}.cls_help-link:hover{opacity:1;transform:scale(1.1);color:var(--color_accent_hover, var(--color_accent))}.cls_help-link svg{stroke-width:2}.cls_enable-toggle{display:flex;align-items:center;gap:1rem}.cls_toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.cls_toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:26px}.cls_toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.cls_toggle-label{font-size:.875rem;font-weight:500;color:var(--color_text_primary)}.cls_warning-banner{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.5rem;background-color:#fef3c7;border:1px solid #F59E0B;border-radius:8px;color:#92400e}.cls_warning-banner svg{flex-shrink:0;color:#f59e0b;margin-top:2px}.cls_warning-banner strong{font-weight:600}.cls_provider-section{display:flex;flex-direction:column;gap:1rem}.cls_provider-section h3{margin:0;font-size:1.125rem;color:var(--color_text_primary)}.cls_provider-card{position:relative;display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--color_bg_card);border:2px solid var(--color_border);border-radius:12px;cursor:pointer;transition:all .3s ease}.cls_provider-card:hover:not(.cls_provider-disabled){border-color:var(--color_accent);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.cls_provider-card.cls_provider-active{border-color:var(--color_accent);background:var(--color_accent_bg)}.cls_provider-card.cls_provider-disabled{opacity:.5;cursor:not-allowed}.cls_provider-icon{font-size:2rem;line-height:1}.cls_provider-info p{margin:.25rem 0 0;font-size:.875rem;color:var(--color_text_muted)}.cls_provider-check{position:absolute;top:1rem;right:1rem;color:var(--color_accent)}.cls_config-section{padding:1.5rem;background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:12px}.cls_section-header{margin-bottom:1.5rem}.cls_section-header h3{margin:0;display:flex;align-items:center;gap:.5rem;font-size:1.125rem;color:var(--color_text_primary)}.cls_form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.cls_form-group input[type=text],.cls_form-group input[type=password]{padding:.75rem;border:1px solid var(--color_border);border-radius:8px;background:var(--color_bg_input);color:var(--color_text_primary);font-size:.875rem;transition:all .2s ease}.cls_form-group input:focus{outline:none;border-color:var(--color_accent);box-shadow:0 0 0 3px var(--color_accent_bg)}.cls_form-group input:disabled{background:var(--color_bg_disabled);cursor:not-allowed;opacity:.6}.cls_form-group small{font-size:.75rem;color:var(--color_text_muted)}.cls_input-with-icon svg{position:absolute;left:.75rem;color:var(--color_text_muted);pointer-events:none}.cls_input-with-icon input{padding-left:2.5rem!important;padding-right:3rem!important;width:100%}.cls_toggle-secret{position:absolute;right:.75rem;background:none;border:none;color:var(--color_text_muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.cls_toggle-secret:hover{color:var(--color_text_primary)}.cls_checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-top:.5rem}.cls_checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.cls_checkbox-label span{font-size:.875rem;color:var(--color_text_primary)}.cls_actions-section{display:flex;flex-direction:column;gap:1rem}.cls_connection-status{min-height:40px}.cls_status-message{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem}.cls_status-message.cls_status-success{background-color:#d1fae5;border:1px solid #10B981;color:#065f46}.cls_status-message.cls_status-success svg{color:#10b981}.cls_status-message.cls_status-error{background-color:#fee2e2;border:1px solid #EF4444;color:#991b1b}.cls_status-message.cls_status-error svg{color:#ef4444}.cls_action-buttons{display:flex;justify-content:flex-end;gap:1rem}.cls_btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cls_btn:disabled{opacity:.6;cursor:not-allowed}.cls_btn--primary{background-color:var(--color_accent);color:#fff}.cls_btn--primary:hover:not(:disabled){background-color:var(--color_primary_dark_blue);box-shadow:0 4px 12px #00000026}.cls_btn--secondary{background-color:var(--color_bg_card);color:var(--color_text_primary);border:1px solid var(--color_border)}.cls_btn--secondary:hover:not(:disabled){background-color:var(--color_bg_hover);border-color:var(--color_accent)}.cls_info-box{padding:1.5rem;background:linear-gradient(135deg,#ebf8ff,#e0f2fe);border:1px solid #38BDF8;border-radius:12px}.cls_info-box h4{margin:0 0 1rem;color:#0c4a6e;font-size:1rem}.cls_info-box ul{margin:0;padding-left:1.5rem;color:#0c4a6e}.cls_info-box li{margin:.5rem 0;font-size:.875rem}.cls_db-config-restricted{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.cls_db-config-restricted svg{color:var(--color_text_muted);opacity:.5;margin-bottom:1rem}.cls_db-config-restricted h3{margin:0 0 .5rem;color:var(--color_text_primary)}.cls_db-config-restricted p{margin:0;color:var(--color_text_muted)}.cls_spinning{animation:spin 1s linear infinite}.cls_json-section{background:var(--color_bg);border:2px dashed var(--color_border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.cls_json-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.cls_json-header h4{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem;color:var(--color_text_primary)}.cls_json-header svg{color:var(--color_accent)}.cls_json-buttons{display:flex;gap:.5rem}.cls_btn--small{padding:.4rem .8rem;font-size:.875rem}.cls_json-input-area{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.cls_json-textarea{width:100%;min-height:180px;padding:.75rem;border:1px solid var(--color_border);border-radius:8px;background:var(--color_bg_card);color:var(--color_text_primary);font-family:Monaco,Courier New,monospace;font-size:.875rem;resize:vertical;transition:all .2s ease}.cls_json-textarea:focus{outline:none;border-color:var(--color_accent);box-shadow:0 0 0 3px #2563eb1a}.cls_json-textarea::placeholder{color:var(--color_text_muted);opacity:.6}.cls_json-error{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;font-size:.875rem}.cls_json-error svg{flex-shrink:0}.cls_form-divider{display:flex;align-items:center;text-align:center;margin:2rem 0;color:var(--color_text_muted);font-weight:500;font-size:.875rem}.cls_form-divider:before,.cls_form-divider:after{content:"";flex:1;border-bottom:1px solid var(--color_border)}.cls_form-divider span{padding:0 1rem}@media(max-width:768px){.cls_db-config-header{flex-direction:column;align-items:flex-start;gap:1rem}.cls_provider-grid,.cls_form-row{grid-template-columns:1fr}.cls_action-buttons{flex-direction:column}.cls_btn{width:100%;justify-content:center}.cls_json-header{flex-direction:column;align-items:flex-start;gap:1rem}.cls_json-buttons{width:100%}.cls_json-buttons button{flex:1}}.cls_logs-config-tab{display:flex;flex-direction:column;gap:2rem;max-width:1200px}.cls_logs-config-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:12px}.cls_header-content{display:flex;align-items:center;gap:.75rem;flex:1}.cls_settings-content .cls_header-content{justify-content:flex-start}.cls_header-content svg{color:var(--color_accent);flex-shrink:0}.cls_header-content h2{margin:0 0 .25rem;font-size:1.5rem;color:var(--color_text_primary)}.cls_header-content p{margin:0;color:var(--color_text_muted);font-size:.875rem}.cls_provider-section{background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:12px;padding:1.5rem}.cls_provider-section h3{margin:0 0 1rem;font-size:1.125rem;color:var(--color_text_primary)}.cls_provider-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.cls_provider-card{position:relative;padding:1.25rem;background:var(--color_bg_secondary);border:2px solid var(--color_border);border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:.75rem}.cls_provider-card:hover{border-color:var(--color_accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.cls_provider-card.cls_provider-active{border-color:var(--color_accent);background:var(--color_bg_card);box-shadow:0 0 0 3px #3b82f61a}.cls_provider-card.cls_provider-enabled{border-left:4px solid var(--color_success)}.cls_provider-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color_bg_primary);border-radius:8px}.cls_provider-info h4{margin:0;font-size:1rem;color:var(--color_text_primary)}.cls_provider-info p{margin:.25rem 0 0;font-size:.875rem;color:var(--color_text_muted);line-height:1.4}.cls_provider-category{display:inline-block;margin-top:.5rem;padding:.25rem .75rem;background:var(--color_accent);color:#fff;font-size:.75rem;font-weight:500;border-radius:4px}.cls_provider-status{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;background:var(--color_success_bg, rgba(34, 197, 94, .1));border-radius:6px;font-size:.875rem;color:var(--color_success)}.cls_status-icon-enabled{color:var(--color_success)}.cls_config-section{background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:12px;padding:1.5rem}.cls_config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color_border)}.cls_config-title{display:flex;align-items:center;gap:.5rem}.cls_config-title svg{color:var(--color_accent)}.cls_config-title h3{margin:0;font-size:1.125rem;color:var(--color_text_primary)}.cls_config-actions{display:flex;gap:.75rem}.cls_config-form{display:flex;flex-direction:column;gap:1.5rem}.cls_form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.cls_form-group{display:flex;flex-direction:column;gap:.5rem}.cls_form-group label{font-size:.875rem;font-weight:500;color:var(--color_text_primary)}.cls_required{color:var(--color_error, #ef4444);margin-left:.25rem}.cls_input-with-icon{position:relative;display:flex;align-items:center}.cls_input-with-icon svg:first-child{position:absolute;left:.75rem;color:var(--color_text_muted);pointer-events:none}.cls_input-with-icon input,.cls_input-with-icon select{width:100%;padding:.625rem 2.5rem;border:1px solid var(--color_border);border-radius:6px;font-size:.875rem;background:var(--color_bg_secondary);color:var(--color_text_primary);transition:all .2s ease}.cls_form-group input,.cls_form-group select{width:100%;padding:.625rem;border:1px solid var(--color_border);border-radius:6px;font-size:.875rem;background:var(--color_bg_secondary);color:var(--color_text_primary);transition:all .2s ease}.cls_input-with-icon input:focus,.cls_input-with-icon select:focus,.cls_form-group input:focus,.cls_form-group select:focus{outline:none;border-color:var(--color_accent);box-shadow:0 0 0 3px #3b82f61a}.cls_input-with-icon input:disabled,.cls_form-group input:disabled,.cls_form-group select:disabled{opacity:.5;cursor:not-allowed;background:var(--color_bg_primary)}.cls_toggle-secret{position:absolute;right:.5rem;padding:.375rem;background:transparent;border:none;color:var(--color_text_muted);cursor:pointer;border-radius:4px;transition:all .2s ease}.cls_toggle-secret:hover{color:var(--color_text_primary);background:var(--color_bg_primary)}.cls_field-hint{font-size:.75rem;color:var(--color_text_muted);margin-top:.25rem}.cls_select-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.cls_toggle-group{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem;background:var(--color_bg_secondary);border:1px solid var(--color_border);border-radius:8px}.cls_toggle-label label{display:block;font-size:.9375rem;font-weight:500;color:var(--color_text_primary);margin-bottom:.25rem}.cls_toggle-label p{margin:0;font-size:.8125rem;color:var(--color_text_muted)}.cls_toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color_border);border:1px solid var(--color_border);transition:.3s;border-radius:24px}.cls_toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border:1px solid rgba(0,0,0,.1);transition:.3s;border-radius:50%}.cls_toggle-switch input:checked+.cls_toggle-slider{background-color:var(--color_accent);border-color:var(--color_accent)}.cls_checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.cls_checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--color_bg_secondary);border:1px solid var(--color_border);border-radius:6px;cursor:pointer;transition:all .2s ease}.cls_checkbox-item:hover{border-color:var(--color_accent)}.cls_checkbox-item input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--color_accent)}.cls_checkbox-item span{font-size:.875rem;color:var(--color_text_primary)}.cls_checkbox-item input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.cls_checkbox-item:has(input:disabled){opacity:.5;cursor:not-allowed}.cls_section-divider{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color_border)}.cls_section-divider h4{margin:0 0 1rem;font-size:1rem;color:var(--color_text_primary);font-weight:600}.cls_status-message{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.cls_status-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:var(--color_success, #22c55e)}.cls_status-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color_error, #ef4444)}.cls_status-message svg{flex-shrink:0;margin-top:.125rem}.cls_status-message strong{display:block;margin-bottom:.25rem}.cls_status-message p{margin:0;font-size:.875rem;opacity:.9}.cls_provider-status-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color_border)}.cls_provider-status-section h4{margin:0 0 1rem;font-size:1rem;color:var(--color_text_primary);font-weight:600}.cls_status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.cls_status-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--color_bg_secondary);border-radius:6px}.cls_status-label{font-size:.75rem;color:var(--color_text_muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.cls_status-value{font-size:.9375rem;color:var(--color_text_primary);font-weight:500}.cls_text-success{color:var(--color_success, #22c55e)}.cls_text-muted{color:var(--color_text_muted)}.cls_btn-test,.cls_btn-save,.cls_btn-edit{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cls_btn-test{background:var(--color_bg_secondary);color:var(--color_text_primary);border:1px solid var(--color_border)}.cls_btn-test:hover:not(:disabled){background:var(--color_bg_primary);border-color:var(--color_accent)}.cls_btn-test-success{background:#f0f9ff!important;color:#059669!important;border-color:#10b981!important}.cls_btn-test-success:hover:not(:disabled){background:#e0f7fa!important;border-color:#00796b!important}.cls_btn-edit{background:#f8fafc;color:#64748b;border:1px solid #cbd5e1}.cls_btn-edit:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8;color:#475569}.cls_btn-edit:disabled{opacity:.4;cursor:not-allowed}.cls_btn-save{background:var(--color_accent);color:#fff}.cls_btn-save:hover:not(:disabled){background:var(--color_accent_hover, #2563eb);box-shadow:0 4px 12px #3b82f64d}.cls_btn-save-small{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;max-width:165px;border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;background:var(--color_accent);color:#fff}.cls_btn-save-small:hover:not(:disabled){background:var(--color_accent_hover, #2563eb);box-shadow:0 2px 8px #3b82f640}.cls_btn-test:disabled,.cls_btn-save:disabled,.cls_btn-save-small:disabled{opacity:.5;cursor:not-allowed}.cls_btn-save-small:disabled .cls_icon-spin{animation:spin 1s linear infinite}.cls_config-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color_border);display:flex;flex-direction:column;gap:1rem}.cls_test-status-indicator{margin-bottom:.5rem}.cls_test-status-success,.cls_test-status-warning,.cls_test-status-pending{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500}.cls_test-status-success{background-color:#f0f9ff;color:#059669;border:1px solid #10b981}.cls_test-status-warning{background-color:#fffbeb;color:#d97706;border:1px solid #f59e0b}.cls_test-status-pending{background-color:#f8fafc;color:#64748b;border:1px solid #cbd5e1}.cls_btn-disabled{background:#e5e7eb!important;color:#9ca3af!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.cls_save-note{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.875rem;color:var(--color_text_muted)}.cls_save-note svg{color:var(--color_warning, #f59e0b);flex-shrink:0}.cls_info-box{padding:1.5rem;background:var(--color_bg_secondary);border:1px solid var(--color_border);border-radius:10px;margin-top:1.5rem}.cls_info-box h4{margin:0 0 1rem;font-size:1rem;color:var(--color_text_primary)}.cls_info-box ul{margin:0;padding-left:1.5rem;display:flex;flex-direction:column;gap:.5rem}.cls_info-box li{font-size:.875rem;color:var(--color_text_primary);line-height:1.5}.cls_info-box code{padding:.125rem .375rem;background:var(--color_bg_primary);border:1px solid var(--color_border);border-radius:3px;font-size:.8125rem;font-family:Monaco,Courier New,monospace;color:var(--color_accent)}.cls_access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.cls_access-denied svg{color:var(--color_error, #ef4444);margin-bottom:1rem}.cls_access-denied h3{margin:0 0 .5rem;font-size:1.5rem;color:var(--color_text_primary)}.cls_access-denied p{margin:0;color:var(--color_text_muted);font-size:1rem}@media(max-width:768px){.cls_provider-grid,.cls_form-row{grid-template-columns:1fr}.cls_config-header{flex-direction:column;align-items:flex-start;gap:1rem}.cls_config-actions{width:100%}.cls_btn-test,.cls_btn-save{flex:1}.cls_config-footer{flex-direction:column;align-items:stretch}.cls_checkbox-grid{grid-template-columns:1fr}}.cls_page-settings-tab{max-width:1200px}.cls_page-settings-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--color_border)}.cls_page-settings-header h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:var(--color_text_primary)}.cls_page-settings-header p{margin:0;color:var(--color_text_secondary);font-size:.9375rem}.cls_btn-save-settings{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color_accent);color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .3s ease}.cls_btn-save-settings:hover:not(:disabled){background:var(--color_accent_hover);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.cls_btn-save-settings:disabled{opacity:.6;cursor:not-allowed}.cls_settings-info-box{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:2px solid var(--color_accent);border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.cls_settings-info-box h4{margin:0 0 1rem;font-size:1.125rem;font-weight:700;color:var(--color_text_primary);display:flex;align-items:center;gap:.5rem}.cls_settings-info-box ul{margin:0;padding-left:1.5rem}.cls_settings-info-box li{margin-bottom:.75rem;color:var(--color_text_secondary);line-height:1.6}.cls_settings-info-box li:last-child{margin-bottom:0}.cls_settings-info-box strong{color:var(--color_text_primary);font-weight:600}.cls_page-category-section{margin-bottom:3rem}.cls_category-title{font-size:1.25rem;font-weight:700;color:var(--color_text_primary);margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--color_border)}.cls_page-settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.cls_page-setting-card{background:var(--color_bg_secondary);border:2px solid var(--color_border);border-radius:.75rem;padding:1.5rem;transition:all .3s ease}.cls_page-setting-card:hover{border-color:var(--color_accent);box-shadow:0 4px 12px #0000001a}.cls_page-info{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color_border)}.cls_page-info h4{margin:0 0 .75rem;font-size:1.125rem;font-weight:600;color:var(--color_text_primary)}.cls_page-status{display:flex;gap:.5rem;flex-wrap:wrap}.cls_status-badge{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.cls_status-enabled{background:#22c55e33;color:#16a34a}.cls_status-disabled{background:#ef444433;color:#dc2626}.cls_status-visible{background:#3b82f633;color:#2563eb}.cls_status-hidden{background:#9ca3af33;color:#6b7280}.cls_status-coming-soon{background:#fbbf2433;color:#f59e0b}.cls_page-controls{display:flex;flex-direction:column;gap:1.25rem}.cls_control-item{display:flex;justify-content:space-between;align-items:center;gap:1rem}.cls_control-label{flex:1;display:flex;flex-direction:column;gap:.25rem}.cls_control-label>span{font-size:.9375rem;font-weight:600;color:var(--color_text_primary)}.cls_control-label>small{font-size:.8125rem;color:var(--color_text_secondary);font-weight:400}.cls_toggle-switch{position:relative;display:inline-block;width:48px;height:24px;flex-shrink:0}.cls_toggle-switch input{opacity:0;width:0;height:0}.cls_toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color_border);transition:.3s;border-radius:24px}.cls_toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.cls_toggle-switch input:checked+.cls_toggle-slider{background-color:var(--color_accent)}.cls_toggle-switch input:focus+.cls_toggle-slider{box-shadow:0 0 1px var(--color_accent)}.cls_toggle-switch input:checked+.cls_toggle-slider:before{transform:translate(24px)}.cls_toggle-switch input:disabled+.cls_toggle-slider{opacity:.5;cursor:not-allowed}.cls_page-settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.cls_page-settings-loading p{color:var(--color_text_secondary);font-size:1rem}.cls_icon-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cls_access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--color_text_secondary)}.cls_access-denied svg{color:var(--color_text_tertiary);margin-bottom:1rem}.cls_access-denied h3{margin:0 0 .5rem;color:var(--color_text_primary);font-size:1.5rem}.cls_access-denied p{margin:0;font-size:1rem}@media(max-width:768px){.cls_page-settings-grid{grid-template-columns:1fr}.cls_page-settings-header{flex-direction:column;gap:1rem}.cls_btn-save-settings{width:100%;justify-content:center}}.cls_role-control{border-top:1px solid var(--color_border);padding-top:1rem!important;margin-top:.75rem}.cls_role-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .2s ease}.cls_role-header:hover{opacity:.8}.cls_expand-button{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--color_accent);display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.cls_expand-button:hover{transform:scale(1.1)}.cls_role-selector{margin-top:1rem;padding:1rem;background:var(--color_background_secondary);border-radius:.5rem;border:1px solid var(--color_border)}.cls_role-help{margin:0 0 1rem;font-size:.8125rem;color:var(--color_text_secondary);line-height:1.5}.cls_role-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.cls_role-checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--color_background);border:1px solid var(--color_border);border-radius:.375rem;cursor:pointer;transition:all .2s ease}.cls_role-checkbox-item:hover{border-color:var(--color_accent);background:var(--color_background_hover)}.cls_role-checkbox-item input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color_accent)}.cls_role-checkbox-item input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.cls_role-checkbox-item span{font-size:.875rem;color:var(--color_text_primary);font-weight:500}.cls_role-checkbox-item input[type=checkbox]:checked+span{color:var(--color_accent);font-weight:600}.cls_mail-settings-tab{max-width:800px;margin:0 auto;padding:20px}.cls_mail-section{background-color:var(--color_bg_card);border-radius:12px;padding:25px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;border:1px solid var(--color_border)}.cls_mail-section-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--color_border)}.cls_mail-section-title{margin:0;font-size:18px;color:var(--color_text_primary)}.cls_mail-grid{display:grid;gap:15px}.cls_mail-label{display:block;margin-bottom:5px;font-weight:500;color:var(--color_text_primary)}.cls_mail-input{width:100%;padding:10px;border-radius:6px;border:1px solid var(--color_border);background-color:var(--color_bg_primary);color:var(--color_text_primary);outline:none}.cls_mail-input:focus{border-color:var(--color_accent)}.cls_mail-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cls_report-item{display:flex;justify-content:space-between;align-items:center}.cls_report-label{font-weight:600;color:var(--color_text_primary)}.cls_report-desc{font-size:13px;color:var(--color_text_muted)}.cls_report-actions{display:flex;align-items:center;gap:15px}.cls_btn-generate{padding:5px 10px;font-size:12px;background-color:var(--color_bg_secondary);border:1px solid var(--color_border);border-radius:4px;cursor:pointer;color:var(--color_text_primary)}.cls_btn-generate:hover{background-color:var(--color_bg_hover)}.cls_switch{position:relative;display:inline-block;width:50px;height:24px}.cls_switch input{opacity:0;width:0;height:0}.cls_slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;border-radius:24px;transition:.4s}.cls_slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.4s}input:checked+.cls_slider{background-color:var(--color_accent)}input:checked+.cls_slider:before{transform:translate(26px)}.cls_alert-config{margin-top:15px;padding:15px;background-color:var(--color_bg_secondary);border-radius:8px}.cls_alert-label{display:block;font-size:13px;font-weight:500;color:var(--color_text_primary);margin-bottom:8px}.cls_alert-input{width:100px;padding:8px;border-radius:6px;border:1px solid var(--color_border);background-color:var(--color_bg_primary);color:var(--color_text_primary);outline:none}.cls_alert-hint{font-size:12px;color:var(--color_text_muted);margin-left:10px}.cls_btn-save{background-color:var(--color_accent);color:#fff;border:none;padding:10px 25px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 6px -1px #e11d4833}.cls_btn-save:hover{opacity:.9}.cls_configuration-tab{max-width:1200px;margin:0 auto;padding:0}.cls_config-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid var(--color_border)}.cls_config-header h2{margin:0;font-size:24px;font-weight:600;color:var(--color_text_primary)}.cls_config-subtitle{margin:4px 0 0;font-size:14px;color:var(--color_text_secondary)}.cls_save-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--color_accent);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cls_save-button:hover:not(:disabled){background:var(--color_accent_hover);transform:translateY(-1px)}.cls_save-button:disabled{opacity:.6;cursor:not-allowed}.cls_search-container{margin-bottom:24px}.cls_header-search-wrapper{position:relative;display:flex;align-items:center;max-width:100%;background:var(--color_bg);border:2px solid var(--color_border);border-radius:10px;padding:0 16px;transition:all .3s ease}.cls_header-search-wrapper:focus-within{border-color:var(--color_accent);box-shadow:0 0 0 3px #3b82f61a}.cls_header-search-wrapper>svg{flex-shrink:0;color:var(--color_text_secondary);margin-right:12px}.cls_search-input{flex:1;padding:14px 0;border:none;background:transparent;font-size:15px;color:var(--color_text_primary);outline:none}.cls_search-input::placeholder{color:var(--color_text_secondary);opacity:.7}.cls_search-clear{display:flex;align-items:center;justify-content:center;padding:6px;background:transparent;border:none;border-radius:6px;color:var(--color_text_secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:8px}.cls_search-clear:hover{background:var(--color_bg_secondary);color:var(--color_accent)}.cls_search-results{margin:12px 0 0;padding:8px 16px;font-size:13px;color:var(--color_text_secondary);background:var(--color_bg_secondary);border-radius:6px;display:inline-block}.cls_no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--color_text_secondary)}.cls_no-results svg{opacity:.3;margin-bottom:16px}.cls_no-results h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--color_text_primary)}.cls_no-results p{margin:0;font-size:14px;opacity:.8}.cls_status-message{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.cls_status-success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.cls_status-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.cls_config-list{display:flex;flex-direction:column;gap:16px}.cls_config-section{background:var(--color_bg_secondary);border:1px solid var(--color_border);border-radius:12px;overflow:hidden;transition:all .2s ease}.cls_config-section:hover{border-color:var(--color_accent);box-shadow:0 2px 8px #0000000d}.cls_config-item{padding:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.cls_config-item-info{flex:1;display:flex;flex-direction:column;gap:8px}.cls_config-item-label{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--color_text_primary)}.cls_config-item-label svg{color:var(--color_accent)}.cls_config-item-label label{margin:0;cursor:pointer}.cls_config-item-description{margin:0;font-size:13px;color:var(--color_text_secondary);line-height:1.5}.cls_config-item-value{font-size:13px;color:var(--color_text_secondary);font-weight:400}.cls_config-input{flex:0 0 300px;padding:10px 14px;border:1px solid var(--color_border);border-radius:6px;font-size:14px;background:var(--color_bg);color:var(--color_text_primary);transition:all .2s ease}.cls_config-input:focus{outline:none;border-color:var(--color_accent);box-shadow:0 0 0 3px #3b82f61a}.cls_config-input:hover{border-color:var(--color_accent)}.cls_role-config{padding:0;display:block}.cls_config-item-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--color_bg_secondary);transition:background .2s ease}.cls_config-item-header:hover{background:var(--color_bg_hover)}.cls_expand-button{display:flex;align-items:center;justify-content:center;padding:6px;background:transparent;border:none;border-radius:4px;color:var(--color_text_secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.cls_expand-button:hover{background:var(--color_bg);color:var(--color_accent)}.cls_role-selector{padding:20px;background:var(--color_bg);border-top:1px solid var(--color_border)}.cls_role-help{margin:0 0 16px;font-size:13px;color:var(--color_text_secondary);line-height:1.5}.cls_role-checkboxes{display:flex;flex-direction:column;gap:10px}.cls_role-checkbox-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--color_bg_secondary);border:1px solid var(--color_border);border-radius:6px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.cls_role-checkbox-item:hover{border-color:var(--color_accent);background:var(--color_bg_hover)}.cls_role-checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color_accent)}.cls_role-checkbox-item span{font-size:14px;color:var(--color_text_primary);font-weight:500}.cls_config-footer{display:flex;justify-content:center;padding:24px;border-top:2px solid var(--color_border);margin-top:24px}.cls_save-button-large{padding:12px 32px;font-size:15px}@media(max-width:768px){.cls_configuration-tab{padding:16px}.cls_config-header{flex-direction:column;gap:16px}.cls_config-item{flex-direction:column;align-items:stretch}.cls_config-input{flex:1;width:100%}.cls_config-item-header{flex-direction:column;gap:12px}.cls_expand-button{align-self:flex-end}}.cls_theme-config-section{margin-bottom:24px;border-color:var(--color_accent);background:linear-gradient(to right,var(--color_bg_secondary),var(--color_bg))}.cls_theme-toggles{display:flex;gap:16px;flex-wrap:wrap}.cls_theme-toggle-item{position:relative;cursor:pointer}.cls_theme-toggle-item input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.cls_theme-toggle-content{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color_bg);border:1px solid var(--color_border);border-radius:8px;font-size:14px;font-weight:500;color:var(--color_text_secondary);transition:all .2s ease}.cls_theme-toggle-content svg{color:var(--color_text_secondary);transition:all .2s ease}.cls_theme-toggle-item:hover .cls_theme-toggle-content{border-color:var(--color_accent);background:var(--color_bg_hover)}.cls_theme-toggle-item input:checked+.cls_theme-toggle-content{background:var(--color_accent);border-color:var(--color_accent);color:#fff;box-shadow:0 2px 8px #2563eb33}.cls_theme-toggle-item input:checked+.cls_theme-toggle-content svg{color:#fff}.cls_theme-toggle-item input:focus+.cls_theme-toggle-content{box-shadow:0 0 0 3px #3b82f61a}.testing-page-content{padding:24px;max-width:1600px;margin:0 auto}.testing-controls{display:flex;justify-content:center;align-items:center;margin-bottom:30px;padding:20px;background:var(--color_accent_bg);border-radius:var(--radius_lg);box-shadow:var(--shadow_md)}.control-group{display:flex;gap:15px}.export-btn,.import-btn{padding:12px 24px;border:none;border-radius:var(--radius_md);cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;box-shadow:0 2px 4px #0003}.export-btn{background:var(--color_bg_card);color:var(--color_accent)}.export-btn:hover{background:var(--color_bg_hover);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.import-btn{background:var(--color_success);color:#fff;display:inline-block}.import-btn:hover{background:var(--color_success_dark);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.dashboard-card{background:var(--color_bg_card);border-radius:var(--radius_lg);box-shadow:var(--shadow_md);transition:all .3s ease;overflow:hidden;border:1px solid var(--color_border)}.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:40px}.module-testing-card{cursor:pointer;border:2px solid transparent}.module-testing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow_lg);border-color:var(--color_accent)}.card-header{padding:20px;background:var(--color_accent_bg);color:#fff;display:flex;justify-content:space-between;align-items:center}.card-header h3{margin:0;font-size:20px;font-weight:600}.module-icon{font-size:28px}.card-body{padding:20px}.card-info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--color_border)}.card-info-row:last-child{border-bottom:none}.card-info-row .label{font-weight:600;color:var(--color_text_primary);font-size:14px}.card-info-row .value{font-size:14px;color:var(--color_text_secondary)}.card-footer{padding:16px 20px;background:var(--color_bg_secondary);text-align:center;border-top:1px solid var(--color_border)}.edit-card-btn{background:transparent;border:none;color:var(--color_accent);font-weight:600;font-size:14px;cursor:pointer;transition:color .2s ease}.edit-card-btn:hover{color:var(--color_accent);opacity:.8}.modal-overlay{position:fixed;inset:0;background:var(--color_overlay);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{max-width:700px;width:90%;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:24px;background:linear-gradient(135deg,var(--accent_primary) 0%,var(--accent_dark) 100%);color:#fff;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:22px;font-weight:600}.close-btn{background:#fff3;border:none;color:#fff;font-size:24px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{overflow-y:auto;flex:1;background:var(--color_bg_card)}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-weight:600;color:var(--color_text_primary);margin-bottom:8px;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:12px;border:2px solid var(--color_border);border-radius:var(--radius_md);font-size:14px;font-family:inherit;transition:all .2s ease;box-sizing:border-box;background:var(--color_bg_card);color:var(--color_text_primary)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color_accent);box-shadow:0 0 0 3px var(--color_accent_bg)}.form-group textarea{resize:vertical;min-height:80px}.modal-footer{padding:20px 24px;background:var(--color_bg_secondary);display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--color_border)}.save-btn,.cancel-btn{padding:10px 24px;border:none;border-radius:var(--radius_md);cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.save-btn{background:var(--color_success);color:#fff}.save-btn:hover{background:var(--color_success_dark);transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.cancel-btn{background:var(--color_text_muted);color:#fff}.cancel-btn:hover{background:var(--color_text_secondary)}.testing-footer{padding:24px;margin-top:30px}.testing-footer h3{margin:0 0 16px;color:var(--color_text_primary);font-size:18px}.testing-footer p{margin:0 0 12px;font-size:14px;line-height:1.6;color:var(--color_text_secondary)}.testing-footer p:last-child{margin-bottom:0}.testing-footer strong{color:var(--color_text_primary);font-weight:600}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--color_bg_secondary);border-radius:var(--radius_sm)}.modal-body::-webkit-scrollbar-thumb{background:var(--color_text_muted);border-radius:var(--radius_sm)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--color_text_secondary)}[data-theme=dark] .testing-page-content,[data-theme=night] .testing-page-content{color:var(--color_text_primary)}[data-theme=dark] .dashboard-card,[data-theme=night] .dashboard-card{background:var(--color_bg_card);border-color:var(--color_border)}[data-theme=dark] .module-testing-card:hover,[data-theme=night] .module-testing-card:hover{box-shadow:var(--shadow_lg)}[data-theme=dark] .card-body,[data-theme=night] .card-body{background:var(--color_bg_card)}[data-theme=dark] .card-footer,[data-theme=night] .card-footer{background:var(--color_bg_secondary)}[data-theme=dark] .modal-body,[data-theme=night] .modal-body{background:var(--color_bg_card)}[data-theme=dark] .modal-footer,[data-theme=night] .modal-footer{background:var(--color_bg_secondary)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea,[data-theme=night] .form-group input,[data-theme=night] .form-group textarea{background:var(--color_bg_card);color:var(--color_text_primary);border-color:var(--color_border)}[data-theme=dark] .export-btn,[data-theme=night] .export-btn{background:var(--color_bg_card);color:var(--color_accent)}[data-theme=dark] .export-btn:hover,[data-theme=night] .export-btn:hover{background:var(--color_bg_hover)}@media(max-width:768px){.modules-grid{grid-template-columns:1fr}.testing-controls{flex-direction:column;gap:12px}.control-group{flex-direction:column;width:100%}.export-btn,.import-btn{width:100%}.testing-page-content{padding:16px}.modal-content{width:95%;max-height:95vh}.modal-header{padding:20px}.card-header h3{font-size:18px}}.access-denied-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.access-denied-content{background:#fff;border-radius:1rem;padding:3rem;max-width:600px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center}.access-denied-icon{display:flex;justify-content:center;margin-bottom:1.5rem;color:#dc2626;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.access-denied-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.access-denied-subtitle{font-size:1.125rem;color:#6b7280;margin-bottom:1.5rem}.access-denied-user-info{background:#f3f4f6;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;text-align:left}.access-denied-user-info p{margin:.25rem 0;color:#374151;font-size:.875rem}.access-denied-user-info strong{color:#1f2937;font-weight:600}.access-denied-message{text-align:left;color:#4b5563;margin-bottom:2rem;line-height:1.6}.access-denied-message ul{margin:1rem 0;padding-left:1.5rem}.access-denied-message li{margin:.5rem 0}.access-denied-actions{display:flex;flex-direction:column;gap:.75rem}.access-denied-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.access-denied-btn-primary{background:#667eea;color:#fff}.access-denied-btn-primary:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.access-denied-btn-secondary{background:#e5e7eb;color:#374151}.access-denied-btn-secondary:hover{background:#d1d5db;transform:translateY(-2px)}.access-denied-btn-tertiary{background:#10b981;color:#fff}.access-denied-btn-tertiary:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.access-denied-debug{margin-top:2rem;text-align:left;background:#1f2937;color:#f9fafb;border-radius:.5rem;padding:1rem}.access-denied-debug summary{cursor:pointer;font-weight:600;color:#fbbf24;margin-bottom:.5rem}.access-denied-debug pre{overflow-x:auto;font-size:.75rem;margin:0;padding:.5rem;background:#111827;border-radius:.25rem}[data-theme=dark] .access-denied-content{background:#1f2937}[data-theme=dark] .access-denied-title{color:#f9fafb}[data-theme=dark] .access-denied-subtitle{color:#d1d5db}[data-theme=dark] .access-denied-user-info{background:#374151}[data-theme=dark] .access-denied-user-info p{color:#d1d5db}[data-theme=dark] .access-denied-user-info strong{color:#f9fafb}[data-theme=dark] .access-denied-message{color:#d1d5db}[data-theme=night] .access-denied-content{background:#0f172a}[data-theme=night] .access-denied-title{color:#f1f5f9}[data-theme=night] .access-denied-subtitle{color:#cbd5e1}[data-theme=night] .access-denied-user-info{background:#1e293b}[data-theme=night] .access-denied-user-info p{color:#cbd5e1}[data-theme=night] .access-denied-user-info strong{color:#f1f5f9}[data-theme=night] .access-denied-message{color:#cbd5e1}@media(max-width:768px){.access-denied-content{padding:2rem}.access-denied-title{font-size:2rem}.access-denied-subtitle{font-size:1rem}}@media(min-width:640px){.access-denied-actions{flex-direction:row}}.mail-page-container{height:100vh;display:flex;flex-direction:column;--mail-card-bg: var(--color_bg_card, #ffffff);--mail-text-primary: var(--color_text_primary, #1f2937);--mail-text-secondary: var(--color_text_secondary, #6b7280);--mail-text-muted: var(--color_text_muted, #9ca3af);--mail-border: var(--color_border, #e5e7eb);--mail-hover-bg: var(--color_bg_hover, #f9fafb);--mail-selected-bg: #eff6ff;--mail-selected-border: #3b82f6;--mail-star-active: #fbbf24;--mail-star-inactive: #d1d5db}[data-theme=night] .mail-page-container{--mail-card-bg: var(--color_bg_card, #1e293b);--mail-text-primary: var(--color_text_primary, #f1f5f9);--mail-text-secondary: var(--color_text_secondary, #cbd5e1);--mail-text-muted: var(--color_text_muted, #64748b);--mail-border: var(--color_border, #334155);--mail-hover-bg: var(--color_bg_hover, #334155);--mail-selected-bg: #1e3a8a;--mail-star-inactive: #475569}.mail-page-content{flex:1;display:flex;overflow:hidden;padding:20px;gap:20px}.mail-sidebar{width:350px;background-color:var(--mail-card-bg);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--mail-border)}.mail-sidebar-header{padding:15px;border-bottom:1px solid var(--mail-border);display:flex;justify-content:space-between;align-items:center}.mail-sidebar-title{display:flex;align-items:center;gap:8px}.mail-sidebar-title h3{margin:0;font-size:18px;font-weight:600;color:var(--mail-text-primary)}.mail-refresh-btn{background:none;border:none;cursor:pointer;color:var(--mail-text-secondary);padding:4px;border-radius:4px;transition:background-color .2s}.mail-refresh-btn:hover{background-color:var(--mail-hover-bg)}.mail-search-container{padding:10px}.mail-search-wrapper{position:relative}.mail-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--mail-text-muted)}.mail-search-input{width:100%;padding:8px 10px 8px 35px;border-radius:6px;border:1px solid var(--mail-border);outline:none;background-color:var(--mail-card-bg);color:var(--mail-text-primary);transition:border-color .2s}.mail-search-input:focus{border-color:var(--mail-selected-border)}.mail-search-input::placeholder{color:var(--mail-text-muted)}.mail-list{flex:1;overflow-y:auto}.mail-list-loading,.mail-list-error,.mail-list-empty{padding:40px 20px;text-align:center;color:var(--mail-text-secondary)}.mail-list-loading{padding:20px}.mail-list-error{color:#ef4444}.mail-error-icon{margin:0 auto 15px;opacity:.5}.mail-retry-btn{margin-top:15px;padding:8px 16px;background-color:var(--mail-selected-border);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s}.mail-retry-btn:hover{background-color:#2563eb}.mail-empty-icon{margin:0 auto 15px;opacity:.3}.mail-empty-text{margin:0;color:var(--mail-text-secondary)}.mail-empty-hint{font-size:13px;color:var(--mail-text-muted);margin-top:8px}.mail-item{padding:15px;border-bottom:1px solid var(--mail-border);cursor:pointer;background-color:var(--mail-card-bg);border-left:3px solid transparent;transition:background-color .2s}.mail-item:hover{background-color:var(--mail-hover-bg)}.mail-item.active{background-color:var(--mail-selected-bg);border-left-color:var(--mail-selected-border)}.mail-item-header{display:flex;justify-content:space-between;margin-bottom:5px}.mail-item-to{font-weight:600;color:var(--mail-text-primary)}.mail-item-date{font-size:12px;color:var(--mail-text-muted)}.mail-item-subject{font-weight:500;font-size:14px;margin-bottom:5px;color:var(--mail-text-secondary)}.mail-item-recipients{font-size:12px;color:var(--mail-text-secondary);margin-top:5px}.mail-content-area{flex:1;background-color:var(--mail-card-bg);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--mail-border)}.mail-content-header{padding:20px;border-bottom:1px solid var(--mail-border)}.mail-content-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.mail-content-title{margin:0;font-size:20px;color:var(--mail-text-primary)}.mail-content-actions{display:flex;gap:10px}.mail-action-btn{background:none;border:none;cursor:pointer;color:var(--mail-text-secondary);padding:4px;border-radius:4px;transition:background-color .2s}.mail-action-btn:hover{background-color:var(--mail-hover-bg)}.mail-action-btn.starred{color:var(--mail-star-active)}.mail-action-btn.delete{color:#ef4444}.mail-content-meta{display:flex;align-items:center;gap:10px}.mail-sender-avatar{width:40px;height:40px;border-radius:50%;background-color:#dbeafe;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--mail-selected-border)}.mail-sender-info{flex:1}.mail-sender-from{font-weight:600;color:var(--mail-text-primary)}.mail-sender-to{font-size:12px;color:var(--mail-text-muted);margin-top:2px}.mail-content-date{margin-left:auto;font-size:13px;color:var(--mail-text-muted)}.mail-content-body{padding:30px;flex:1;overflow-y:auto;color:var(--mail-text-primary);line-height:1.6}[data-theme=night] .mail-content-body div,[data-theme=night] .mail-content-body h2,[data-theme=night] .mail-content-body h3{color:var(--mail-text-primary)!important}[data-theme=night] .mail-content-body p{color:var(--mail-text-secondary)!important}[data-theme=night] .mail-content-body div[style*=background]{background:var(--mail-hover-bg)!important;border:1px solid var(--mail-border)!important}[data-theme=night] .mail-content-body div[style*=border-top]{border-top-color:var(--mail-border)!important}.mail-content-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--mail-text-muted)}.mail-content-empty-icon{margin-bottom:15px;opacity:.5}.mail-content-empty p{margin:0}.mail-list::-webkit-scrollbar,.mail-content-body::-webkit-scrollbar{width:8px}.mail-list::-webkit-scrollbar-track,.mail-content-body::-webkit-scrollbar-track{background:var(--mail-hover-bg);border-radius:4px}.mail-list::-webkit-scrollbar-thumb,.mail-content-body::-webkit-scrollbar-thumb{background:var(--mail-border);border-radius:4px}.mail-list::-webkit-scrollbar-thumb:hover,.mail-content-body::-webkit-scrollbar-thumb:hover{background:var(--mail-text-muted)}@media(max-width:1024px){.mail-sidebar{width:300px}}@media(max-width:768px){.mail-page-content{flex-direction:column;padding:10px}.mail-sidebar{width:100%;max-height:40vh}}.import-preview-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.import-preview-modal{background:var(--card-bg, #fff);border-radius:12px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003}.import-preview-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color, #e5e7eb)}.import-preview-header h2{margin:0;font-size:1.5rem;color:var(--text-primary, #1f2937)}.import-preview-header .close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary, #6b7280);padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.import-preview-header .close-btn:hover{background:var(--hover-bg, #f3f4f6);color:var(--text-primary, #1f2937)}.import-preview-body{flex:1;overflow-y:auto;padding:20px 24px}.import-preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary, #6b7280);text-align:center}.import-preview-empty svg{margin-bottom:16px;opacity:.5}.import-preview-empty p{margin:0 0 20px;font-size:1.1rem}.import-preview-row{background:var(--input-bg, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:16px;margin-bottom:16px;transition:all .2s}.import-preview-row:hover{border-color:var(--primary-color, #3b82f6);box-shadow:0 2px 8px #3b82f61a}.import-preview-row.editing{border-color:var(--primary-color, #3b82f6);background:var(--card-bg, #fff);box-shadow:0 2px 12px #3b82f626}.import-preview-row.adding-new{border-color:var(--success-color, #10b981);box-shadow:0 2px 12px #10b98126}.import-preview-row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.import-preview-row-header h4{margin:0;font-size:1rem;color:var(--text-primary, #1f2937);display:flex;align-items:center;gap:8px}.row-number{font-weight:600;color:var(--primary-color, #3b82f6);font-size:.875rem}.import-preview-actions{display:flex;gap:8px}.import-preview-actions button{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.875rem;transition:all .2s}.edit-btn{background:var(--info-bg, #eff6ff);color:var(--info-color, #3b82f6)}.edit-btn:hover{background:var(--info-color, #3b82f6);color:#fff}.delete-btn{background:var(--danger-bg, #fef2f2);color:var(--danger-color, #ef4444)}.delete-btn:hover{background:var(--danger-color, #ef4444);color:#fff}.save-btn{background:var(--success-color, #10b981);color:#fff}.save-btn:hover{background:var(--success-dark, #059669)}.cancel-btn{background:var(--secondary-bg, #f3f4f6);color:var(--text-secondary, #6b7280)}.cancel-btn:hover{background:var(--secondary-hover, #e5e7eb);color:var(--text-primary, #1f2937)}.import-preview-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.import-preview-field-display{display:flex;flex-direction:column;gap:4px}.field-label{font-size:.75rem;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px}.field-value{font-size:.875rem;color:var(--text-primary, #1f2937);word-break:break-word}.confidence-badge{margin-top:12px;padding:4px 8px;background:var(--warning-bg, #fef3c7);color:var(--warning-color, #f59e0b);border-radius:4px;font-size:.75rem;font-weight:600;display:inline-block;width:fit-content}.import-preview-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.import-preview-field{display:flex;flex-direction:column;gap:6px}.import-preview-field label{font-size:.875rem;font-weight:600;color:var(--text-primary, #1f2937)}.import-preview-input{padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;font-size:.875rem;background:var(--input-bg, #fff);color:var(--text-primary, #1f2937);transition:all .2s}.import-preview-input:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.import-preview-input:disabled{background:var(--disabled-bg, #f9fafb);cursor:not-allowed;opacity:.6}.import-preview-input.error{border-color:var(--danger-color, #ef4444)}.import-preview-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.error-message{font-size:.75rem;color:var(--danger-color, #ef4444);margin-top:4px}.import-preview-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid var(--border-color, #e5e7eb);background:var(--footer-bg, #f9fafb);border-radius:0 0 12px 12px}.add-new-btn{padding:10px 16px;background:var(--success-bg, #d1fae5);color:var(--success-color, #10b981);border:1px solid var(--success-color, #10b981);border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:500;transition:all .2s}.add-new-btn:hover:not(:disabled){background:var(--success-color, #10b981);color:#fff}.add-new-btn:disabled{opacity:.5;cursor:not-allowed}.footer-actions{display:flex;gap:12px}.cancel-import-btn{padding:10px 20px;background:transparent;color:var(--text-secondary, #6b7280);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.cancel-import-btn:hover{background:var(--hover-bg, #f3f4f6);color:var(--text-primary, #1f2937)}.confirm-import-btn{padding:10px 20px;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.confirm-import-btn:hover:not(:disabled){background:var(--primary-dark, #2563eb);box-shadow:0 4px 12px #3b82f64d}.confirm-import-btn:disabled{opacity:.5;cursor:not-allowed}@media(prefers-color-scheme:dark){.import-preview-modal{--card-bg: #1f2937;--input-bg: #374151;--border-color: #4b5563;--text-primary: #f9fafb;--text-secondary: #9ca3af;--hover-bg: #374151;--disabled-bg: #374151;--footer-bg: #111827;--secondary-bg: #374151;--secondary-hover: #4b5563;--info-bg: #1e3a5f;--danger-bg: #7f1d1d;--success-bg: #064e3b;--warning-bg: #78350f}}@media(max-width:768px){.import-preview-modal{max-width:100%;max-height:100vh;border-radius:0}.import-preview-content,.import-preview-form{grid-template-columns:1fr}.import-preview-footer{flex-direction:column;gap:12px}.add-new-btn,.footer-actions{width:100%}.footer-actions{flex-direction:column}.cancel-import-btn,.confirm-import-btn{width:100%}}.migration-container{padding:2rem;background:var(--color_bg_primary);border-radius:12px;box-shadow:0 2px 8px var(--color_shadow);min-height:600px}.migration-steps{display:flex;justify-content:center;align-items:center;margin-bottom:3rem}.step{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;z-index:1}.step-number{width:32px;height:32px;border-radius:50%;background:var(--color_bg_secondary);color:var(--color_text_secondary);display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s ease}.step.active .step-number{background:var(--color_accent);color:#fff}.step-label{font-size:.875rem;color:var(--color_text_secondary);font-weight:500}.step.active .step-label{color:var(--color_text_primary);font-weight:600}.step-line{height:2px;width:100px;background:var(--color_border);margin:0 -10px 24px}.upload-zone{border:2px dashed var(--color_border);border-radius:12px;padding:4rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;background:var(--color_bg_secondary);transition:all .3s ease}.upload-zone:hover{border-color:var(--color_accent);background:var(--color_bg_hover)}.upload-icon{color:var(--color_text_secondary)}.upload-zone h3{color:var(--color_text_primary);margin:0}.upload-zone p{color:var(--color_text_secondary);margin:0}.file-input{display:none}.header-option{margin-top:1rem}.checkbox-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--color_text_secondary);-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color_accent)}.checkbox-label span{font-weight:500}.mapping-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color_border)}.collection-select{display:flex;flex-direction:column;gap:.5rem;min-width:250px}.collection-select label{font-weight:600;color:var(--color_text_primary);font-size:.875rem}.collection-select select,.preset-controls select{padding:.5rem;border:1px solid var(--color_border);border-radius:6px;font-size:.9rem;background:var(--color_bg_primary);color:var(--color_text_primary);transition:border-color .2s}.collection-select select:hover,.preset-controls select:hover{border-color:var(--color_accent)}.collection-select select:focus,.preset-controls select:focus{outline:none;border-color:var(--color_accent);box-shadow:0 0 0 3px var(--color_accent_shadow)}.preset-controls{display:flex;gap:1rem}.mapping-grid{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.drag-headers-section{margin:1.5rem 0;padding:1rem;background:var(--color_bg_secondary);border-radius:8px;border:1px solid var(--color_border)}.drag-headers-section h4{margin:0 0 1rem;color:var(--color_text_primary);font-size:.9rem;font-weight:600}.drag-headers-list{display:flex;flex-wrap:wrap;gap:.5rem}.drag-header-item{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color_bg_primary);border:2px solid var(--color_border);border-radius:6px;cursor:grab;font-size:.875rem;color:var(--color_text_primary);transition:all .2s;-webkit-user-select:none;user-select:none}.drag-header-item:hover{border-color:var(--color_accent);background:var(--color_bg_hover);transform:translateY(-2px);box-shadow:0 2px 8px var(--color_shadow)}.drag-header-item.dragging{opacity:.5;cursor:grabbing}.drag-header-item svg{color:var(--color_accent)}.mapping-row{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;padding:.75rem;background:var(--color_bg_secondary);border-radius:6px;border:1px solid var(--color_border);transition:all .2s}.mapping-row:hover{border-color:var(--color_accent);background:var(--color_bg_hover)}.mapping-row.drag-over{border-color:var(--color_accent);background:var(--color_bg_hover);border-style:dashed;border-width:2px;box-shadow:0 0 0 3px var(--color_accent_shadow)}.mapping-row.header{background:var(--color_bg_tertiary);font-weight:600;color:var(--color_text_primary)}.mapping-empty-state{padding:3rem 2rem;text-align:center;background:var(--color_bg_secondary);border-radius:8px;border:1px dashed var(--color_border);margin:1rem 0}.mapping-empty-state p{color:var(--color_text_secondary);margin:.5rem 0}.mapping-empty-state p:first-child{font-weight:600;color:var(--color_text_primary);font-size:1.1rem}.col-system{display:flex;align-items:center;gap:.5rem;color:var(--color_text_primary)}.field-name{font-weight:500}.required-badge{color:#ef4444;font-weight:700}.col-arrow{display:flex;justify-content:center;color:var(--color_text_muted)}.col-file select{width:100%;padding:.5rem;border:1px solid var(--color_border);border-radius:4px;background:var(--color_bg_primary);color:var(--color_text_primary);transition:border-color .2s}.col-file select:hover{border-color:var(--color_accent)}.col-file select:focus{outline:none;border-color:var(--color_accent);box-shadow:0 0 0 3px var(--color_accent_shadow)}.file-select-wrapper{width:100%}.mapped-value{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--color_accent);color:#fff;border-radius:4px;font-weight:500}.mapped-value svg{flex-shrink:0}.mapped-value span{flex:1}.mapped-value .btn-icon-small{color:#fff;background:#fff3;border-radius:4px;padding:.25rem .5rem}.mapped-value .btn-icon-small:hover{background:#ffffff4d}.drop-zone-hint{display:flex;align-items:center;color:var(--color_text_muted);font-size:.875rem;font-style:italic}.drop-zone-hint select{padding:.25rem .5rem;border:1px solid var(--color_border);border-radius:4px;background:var(--color_bg_primary);color:var(--color_text_primary);font-size:.875rem}.mapping-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--color_border)}.save-preset{display:flex;gap:.5rem}.save-preset input{padding:.5rem;border:1px solid var(--color_border);border-radius:6px;min-width:200px;background:var(--color_bg_primary);color:var(--color_text_primary);transition:border-color .2s}.save-preset input:focus{outline:none;border-color:var(--color_accent);box-shadow:0 0 0 3px var(--color_accent_shadow)}.save-preset input::placeholder{color:var(--color_text_muted)}.success-screen{text-align:center;padding:3rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.success-screen h2{color:var(--color_text_primary)}.success-screen p{color:var(--color_text_secondary)}.success-icon{color:#22c55e}.stats-card{display:flex;gap:3rem;background:var(--color_bg_secondary);padding:2rem;border-radius:12px;border:1px solid var(--color_border)}.stat-item{display:flex;flex-direction:column;gap:.5rem}.stat-label{color:var(--color_text_secondary);font-size:.9rem}.stat-value{font-size:2rem;font-weight:700;color:var(--color_text_primary)}.stat-value.success{color:#22c55e}.stat-value.error{color:#ef4444}.btn-primary{background:var(--color_accent);color:#fff;padding:.75rem 1.5rem;border-radius:6px;border:none;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.btn-primary:hover:not(:disabled){background:var(--color_accent_hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--color_accent_shadow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color_bg_primary);color:var(--color_text_primary);border:1px solid var(--color_border);padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.btn-secondary:hover:not(:disabled){background:var(--color_bg_hover);border-color:var(--color_accent)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.unique-key-select{min-width:200px}.unique-key-select select{background:var(--color_bg_primary);color:var(--color_text_primary)}.file-select-wrapper{display:flex;align-items:center;gap:.5rem;width:100%}.btn-icon-small{background:none;border:none;color:var(--color_text_muted);font-size:1.25rem;cursor:pointer;padding:0 .5rem;line-height:1;border-radius:4px;transition:all .2s}.btn-icon-small:hover{color:#ef4444;background:#fee2e2}.loading-overlay{position:fixed;inset:0;background:var(--color_overlay, rgba(0, 0, 0, .5));display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-overlay p{color:#fff;font-weight:600;font-size:1.1rem}.loading-spinner{width:40px;height:40px;border:4px solid var(--color_border);border-top-color:var(--color_accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.ap-page{display:flex;flex-direction:column;height:calc(100vh - 100px - 3rem);overflow:hidden;transition:all .3s ease}.cls_page-wrapper.ap-fullscreen{position:fixed;inset:0;width:100vw;height:100vh;z-index:9999;background:var(--color_bg_primary);overflow:hidden;padding:0!important;margin:0!important;min-height:100vh!important;border-radius:0!important}.cls_page-wrapper.ap-fullscreen .cls_header{display:none!important}.cls_dashboard-container:has(.ap-fullscreen) .cls_sidebar{display:none!important}.cls_dashboard-container:has(.ap-fullscreen) .cls_main-content{margin-left:0!important;width:100%!important;padding:0!important;min-height:100vh!important;height:100vh!important;overflow:hidden!important}.cls_page-wrapper.ap-fullscreen .ap-page{height:100vh!important;max-height:100vh!important;padding:0!important;margin:0!important}.ap-action-bar-right .fullscreen-toggle-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--color_bg_card);border:2px solid var(--color_border);border-radius:8px;cursor:pointer;color:var(--color_text_primary);transition:all .2s ease;flex-shrink:0}.ap-action-bar-right .fullscreen-toggle-btn:hover{background:var(--primary-color, #4a90e2);border-color:var(--primary-color, #4a90e2);color:#fff;transform:scale(1.05)}.cls_page-wrapper.ap-fullscreen .ap-action-bar-right .fullscreen-toggle-btn{background:var(--primary-color, #4a90e2);border-color:var(--primary-color, #4a90e2);color:#fff}.ap-action-bar{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.25rem;background:var(--color_bg_card, #fff);border-bottom:1px solid var(--color_border);flex-shrink:0}.ap-action-bar-left{display:flex;align-items:center;gap:1.25rem}.ap-action-bar-right{display:flex;align-items:center;gap:.5rem}.ap-product-id-badge{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:var(--color_bg_hover, #f1f5f9);border:1px solid var(--color_border);border-radius:6px;font-size:.85rem;color:var(--color_text_primary)}.ap-product-id-label{font-weight:500;color:var(--color_text_secondary)}.ap-product-id-value{font-weight:600;color:var(--color_primary, #3b82f6);font-family:SF Mono,Fira Code,monospace}.ap-date-display{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--color_text_muted, #94a3b8)}.ap-action-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:all .2s;white-space:nowrap}.ap-action-btn-primary{background:var(--color_primary, #3b82f6);color:#fff;box-shadow:0 1px 3px #3b82f64d}.ap-action-btn-primary:hover:not(:disabled){background:var(--color_primary_dark, #2563eb);transform:translateY(-1px);box-shadow:0 2px 6px #3b82f666}.ap-action-btn-primary:disabled{opacity:.6;cursor:not-allowed}.ap-action-btn-outline{background:transparent;color:var(--color_text_secondary);border:1px solid var(--color_border)}.ap-action-btn-outline:hover:not(:disabled){background:var(--color_bg_hover);color:var(--color_text_primary)}.ap-action-btn-outline:disabled{opacity:.6;cursor:not-allowed}.ap-action-btn-lg{padding:.65rem 1.75rem;font-size:.9rem}.ap-spinning{animation:ap-spin 1s linear infinite}@keyframes ap-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ap-content{flex:1;overflow-y:auto;padding:1.25rem 1.5rem 2rem}.ap-info-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1.25rem;margin-bottom:1.25rem;background:var(--color_bg_card, #fff);border:1px solid var(--color_border);border-radius:8px;padding:1rem 1.25rem}.pb-field{display:flex;flex-direction:column;gap:.3rem}.pb-label{font-size:.82rem;font-weight:500;color:var(--color_text_secondary)}.pb-required{color:#ef4444;font-weight:700}.pb-input{width:100%;padding:.55rem .7rem;border:1.5px solid #b0b7c3;border-radius:6px;background:var(--color_bg_primary);color:var(--color_text_primary);font-size:.88rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.pb-input:hover:not(:disabled):not(:focus){border-color:#8992a1}.pb-input:focus{border-color:var(--color_primary, #3b82f6);box-shadow:0 0 0 2px #3b82f626}.pb-input:disabled,.pb-input-disabled{background:var(--color_bg_hover, #f1f5f9);color:var(--color_text_muted, #94a3b8);cursor:not-allowed;opacity:.8;font-weight:600;color:var(--color_primary, #3b82f6)}.pb-input::placeholder{color:var(--color_text_muted, #94a3b8)}.pb-input-sm{padding:.4rem .55rem;font-size:.82rem}.pb-input-num{text-align:left}.pb-input-error{border-color:#ef4444!important;box-shadow:0 0 0 1.5px #ef444433}.pb-input-error:hover:not(:disabled):not(:focus){border-color:#dc2626!important}.pb-select-native{appearance:auto;-webkit-appearance:auto;-moz-appearance:auto;cursor:pointer;background-image:none}.pb-select{width:100%;padding:.55rem 1.8rem .55rem .7rem;border:1.5px solid #b0b7c3;border-radius:6px;background:var(--color_bg_primary);color:var(--color_text_primary);font-size:.85rem;font-family:inherit;outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 5.646a.5.5 0 0 1 .708 0L8 8.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;transition:border-color .2s;box-sizing:border-box}.pb-select:hover:not(:disabled):not(:focus){border-color:#8992a1}.pb-select:focus{border-color:var(--color_primary, #3b82f6)}.pb-select-sm{padding:.4rem 1.6rem .4rem .55rem;font-size:.82rem}.pb-date-wrapper{position:relative}.pb-date-icon{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);color:var(--color_text_muted, #94a3b8);pointer-events:none}.pb-date-input{padding-left:2rem}.pb-autocomplete-wrapper{position:relative}.pb-autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color_bg_card, #fff);border:1px solid var(--color_border);border-radius:6px;box-shadow:0 4px 16px #0000001a;z-index:100;max-height:200px;overflow-y:auto}.pb-autocomplete-option{padding:.5rem .75rem;cursor:pointer;font-size:.85rem;display:flex;justify-content:space-between;align-items:center;color:var(--color_text_primary);transition:background .12s}.pb-autocomplete-option:hover{background:var(--color_bg_hover, #f1f5f9)}.pb-option-name{font-weight:500}.pb-option-id{font-size:.75rem;color:var(--color_text_muted, #94a3b8)}.pb-autocomplete-create-new{display:flex;align-items:center;gap:.4rem;color:var(--color_primary, #3b82f6);border-top:1px solid var(--color_border);font-weight:500}.pb-autocomplete-create-new:hover{background:#3b82f60f}.pb-additional-fields-section{margin-bottom:.75rem}.pb-additional-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:1px dashed var(--color_border);border-radius:6px;background:none;color:var(--color_text_secondary);font-size:.85rem;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}.pb-additional-toggle:hover{background:var(--color_bg_hover);border-color:var(--color_primary, #3b82f6);color:var(--color_primary, #3b82f6)}.pb-additional-fields-grid{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding:.75rem;background:var(--color_bg_card);border:1px solid var(--color_border);border-radius:6px}.pb-additional-field-pair{display:flex;gap:.5rem;align-items:center}.pb-additional-field-pair .pb-input{flex:1}.pb-item-level-row{display:flex;justify-content:flex-end;margin-bottom:.5rem}.pb-item-level-toggle{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--color_text_secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.pb-item-level-toggle input{display:none}.pb-item-level-icon{font-size:1rem;opacity:.6}.pb-toggle-switch{display:inline-block;width:36px;height:20px;border-radius:20px;background:var(--color_border, #cbd5e1);position:relative;transition:background .2s;flex-shrink:0}.pb-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #00000026}.pb-toggle-switch.active{background:var(--color_primary, #3b82f6)}.pb-toggle-switch.active:after{transform:translate(16px)}.pb-items-table-wrapper{overflow-x:auto;margin-bottom:1.25rem;background:var(--color_bg_card, #fff);border:1px solid var(--color_border);border-radius:8px;padding:.5rem}.pb-items-table{width:100%;border-collapse:collapse;font-size:.85rem}.pb-items-table th{padding:.65rem .5rem;text-align:left;font-weight:600;font-size:.82rem;color:var(--color_text_secondary);border-bottom:2px solid var(--color_primary, #3b82f6);white-space:nowrap}.pb-th-item{min-width:200px}.pb-th-desc{min-width:140px}.pb-th-qty{width:80px}.pb-th-unit,.pb-th-price{width:120px}.pb-th-margin{width:90px}.pb-th-total{width:100px;text-align:left}.pb-th-action{width:36px}.pb-discount-wrapper{display:flex;align-items:center;gap:0}.pb-discount-wrapper .pb-discount-input{flex:1;min-width:0;border-top-right-radius:0;border-bottom-right-radius:0}.pb-discount-type-btn{display:flex;align-items:center;justify-content:center;width:30px;min-width:30px;height:100%;padding:.45rem .25rem;border:1px solid var(--color_border);border-left:none;border-radius:0 4px 4px 0;background:var(--color_bg_secondary, #f1f5f9);color:var(--color_text_secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit;line-height:1}.pb-discount-type-btn:hover{background:var(--color_bg_hover, #e2e8f0);color:var(--color_text_primary)}.pb-discount-type-btn.active-amt{background:var(--color_accent_bg, #eff6ff);color:var(--color_accent, #3b82f6);border-color:var(--color_accent, #3b82f6)}.pb-item-row .pb-discount-wrapper .pb-discount-input{border-color:var(--color_border);background:var(--color_bg_primary)}.pb-item-row .pb-discount-wrapper .pb-discount-input:focus{border-color:var(--color_primary, #3b82f6);background:var(--color_bg_primary)}.pb-item-row .pb-discount-wrapper .pb-discount-input:hover{border-color:var(--color_text_muted, #94a3b8)}.pb-item-row .pb-discount-type-btn{border-color:var(--color_border)}.pb-item-row .pb-discount-type-btn.active-amt{border-color:var(--color_accent, #3b82f6)}.pb-barcode-icon{opacity:.5;margin-left:.25rem;vertical-align:middle}.pb-discount-pct{font-weight:400;opacity:.6}.pb-item-row td{padding:.35rem;vertical-align:middle;border-bottom:1px solid var(--color_border)}.pb-item-row .pb-input,.pb-item-row .pb-select{border:1.5px solid #b0b7c3;background:var(--color_bg_primary);padding:.45rem .5rem}.pb-item-row .pb-input:focus,.pb-item-row .pb-select:focus{border-color:var(--color_primary, #3b82f6);box-shadow:0 0 0 2px #3b82f626;background:var(--color_bg_primary)}.pb-item-row .pb-input:hover:not(:disabled):not(:focus),.pb-item-row .pb-select:hover:not(:disabled):not(:focus){border-color:#8992a1}.pb-desc-textarea{resize:vertical;min-height:32px;max-height:80px;font-size:.85rem;line-height:1.3}.pb-td-item,.pb-item-search-wrapper{position:relative}.pb-td-total{text-align:left;font-weight:500;color:var(--color_text_primary);vertical-align:middle!important}.pb-items-footer td{padding:.5rem;border-top:1px solid var(--color_border);font-weight:500}.pb-footer-val{text-align:left;font-weight:600;color:var(--color_text_primary)}.pb-add-row-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;border:1px dashed var(--color_border);border-radius:5px;background:none;color:var(--color_text_secondary);font-size:.82rem;font-family:inherit;cursor:pointer;transition:all .15s}.pb-add-row-btn:hover{background:var(--color_bg_hover);border-color:var(--color_primary, #3b82f6);color:var(--color_primary, #3b82f6)}.pb-icon-btn-sm{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;cursor:pointer;color:var(--color_text_muted, #94a3b8);border-radius:4px;transition:all .15s;flex-shrink:0}.pb-icon-btn-sm:hover{background:#fef2f2;color:#ef4444}.pb-icon-btn-sm:disabled{opacity:.3;cursor:default}.pb-delete-btn:hover{background:#fef2f2;color:#ef4444}.pb-bottom-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem}.pb-payment-section{border:1px solid var(--color_border);border-radius:8px;padding:1rem;background:var(--color_bg_card)}.pb-payment-header{display:flex;justify-content:space-between;align-items:center;font-size:.88rem;font-weight:600;color:var(--color_text_primary);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--color_border)}.pb-payment-header span{display:flex;align-items:center;gap:.35rem}.pb-payment-info-icon{color:var(--color_text_muted);cursor:help}.pb-payment-total{font-weight:400;color:var(--color_text_secondary)}.pb-payment-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.pb-payment-row .pb-select-sm,.pb-payment-row .pb-input-sm{flex:1;min-width:120px;padding:.55rem .7rem!important;font-size:.88rem!important;height:38px}.pb-payment-row-group{margin-bottom:.5rem}.pb-payment-row-group .pb-payment-row{margin-bottom:.25rem}.pb-bank-account-row{margin-left:2.25rem;margin-bottom:.5rem}.pb-bank-account-row .pb-input{font-size:.82rem;padding:.4rem .55rem}.pb-payment-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.5rem}.pb-add-payment-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .65rem;border:1px dashed var(--color_border);border-radius:5px;background:none;color:var(--color_text_secondary);font-size:.8rem;font-family:inherit;cursor:pointer;transition:all .15s}.pb-add-payment-btn:hover{background:var(--color_bg_hover);color:var(--color_primary, #3b82f6);border-color:var(--color_primary, #3b82f6)}.pb-clear-all-btn{background:none;border:none;color:#ef4444;font-size:.82rem;font-family:inherit;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .15s}.pb-clear-all-btn:hover{background:#fef2f2}.pb-balance-row{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;margin-top:.5rem;border-top:1px solid var(--color_border);font-weight:600;font-size:.9rem}.pb-balance-label{color:var(--color_text_primary)}.pb-balance-value{font-size:.95rem}.pb-balance-value.pending{color:#ef4444}.pb-balance-value.paid{color:#16a34a}.pb-summary-section{display:flex;flex-direction:column;gap:0;border:1px solid var(--color_border);border-radius:8px;overflow:hidden;background:var(--color_bg_card);align-self:flex-start}.pb-summary-row{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem;font-size:.88rem;border-bottom:1px solid var(--color_border);color:var(--color_text_primary)}.pb-summary-clickable{display:flex;align-items:center;gap:.35rem;cursor:pointer;color:var(--color_text_secondary);transition:color .15s}.pb-summary-clickable:hover{color:var(--color_primary, #3b82f6)}.pb-summary-input{width:100px;text-align:left;padding:.3rem .5rem;font-size:.85rem}.pb-expense-entries{padding:.5rem 0}.pb-expense-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.pb-expense-row .pb-select-sm,.pb-expense-row .pb-input-sm{flex:1}.pb-expense-row .pb-input-num{max-width:100px}.pb-roundoff-options{display:flex;align-items:center;gap:.75rem}.pb-roundoff-label{display:flex;align-items:center;gap:.3rem;font-size:.82rem;color:var(--color_text_secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.pb-roundoff-label input[type=checkbox]{accent-color:var(--color_primary, #3b82f6);cursor:pointer}.pb-roundoff-value{font-size:.85rem;font-weight:500;color:var(--color_text_primary);min-width:50px;text-align:left}.pb-summary-total{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;font-size:1rem;font-weight:700;color:#fff;background:#1e293b}.pb-notes-section{margin-bottom:1rem}.pb-textarea{width:100%;padding:.65rem .75rem;border:1px solid var(--color_border);border-radius:6px;background:var(--color_bg_primary);color:var(--color_text_primary);font-size:.88rem;font-family:inherit;outline:none;resize:vertical;min-height:80px;transition:border-color .2s;box-sizing:border-box}.pb-textarea:focus{border-color:var(--color_primary, #3b82f6)}.pb-image-upload{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;border:2px dashed var(--color_border);border-radius:8px;color:var(--color_text_muted, #94a3b8);font-size:.85rem;cursor:pointer;transition:all .2s;margin-bottom:1rem}.pb-image-upload:hover{border-color:var(--color_primary, #3b82f6);color:var(--color_primary, #3b82f6);background:#3b82f608}.pb-upload-icon{opacity:.6}.pb-image-previews{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}.pb-image-preview{position:relative;width:80px;height:80px;border-radius:6px;overflow:hidden;border:1px solid var(--color_border)}.pb-image-preview img{width:100%;height:100%;object-fit:cover}.pb-image-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s}.pb-image-remove:hover{background:#ef4444}.pb-bottom-actions{display:flex;gap:.75rem;padding-top:1rem;margin-top:.5rem;border-top:1px solid var(--color_border)}.pb-spinning{animation:ap-spin 1s linear infinite}.ap-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem}.ap-modal{background:var(--color_bg_card, #fff);border-radius:12px;width:100%;max-width:640px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003}.ap-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color_border)}.ap-modal-header h3{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:600;color:var(--color_text_primary);margin:0}.ap-modal-close{background:none;border:none;cursor:pointer;padding:.35rem;border-radius:6px;color:var(--color_text_muted);transition:all .15s}.ap-modal-close:hover{background:var(--color_bg_hover, #f1f5f9);color:var(--color_text_primary)}.ap-modal-body{padding:1.25rem;overflow-y:auto;flex:1}.ap-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.ap-modal-field{display:flex;flex-direction:column;gap:.3rem}.ap-modal-field-full{grid-column:1 / -1}.ap-modal-field label{display:flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:500;color:var(--color_text_secondary)}.ap-modal-field .pb-input{font-size:.88rem}.ap-modal-field textarea.pb-input{resize:vertical;min-height:50px}.ap-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.85rem 1.25rem;border-top:1px solid var(--color_border)}@media(max-width:500px){.ap-modal-grid{grid-template-columns:1fr}}@media(max-width:900px){.ap-info-row{grid-template-columns:1fr 1fr}.pb-bottom-section{grid-template-columns:1fr}.ap-action-bar{flex-direction:column;gap:.75rem;align-items:stretch}.ap-action-bar-left,.ap-action-bar-right{justify-content:center}}@media(max-width:640px){.ap-content{padding:.75rem}.ap-info-row{grid-template-columns:1fr}.pb-payment-row{flex-wrap:wrap}.pb-bottom-actions{flex-direction:column}.ap-action-btn-lg{width:100%;justify-content:center}.pb-textarea,.pb-image-upload{max-width:100%}}.ap-page .custom-dropdown{width:100%;display:block}.ap-page .custom-dropdown .custom-dropdown-trigger{padding:.55rem .7rem;font-size:.85rem;min-height:unset;min-width:unset;border-width:1px;border-radius:6px;box-shadow:none;transform:none}.ap-page .custom-dropdown .custom-dropdown-trigger:focus{box-shadow:none;transform:none}.ap-page .custom-dropdown .custom-dropdown-trigger.open{box-shadow:none}.pb-item-row td{vertical-align:middle}.pb-item-row .custom-dropdown .custom-dropdown-trigger{border-color:var(--color_border);background:var(--color_bg_primary);padding:.45rem .5rem;border-radius:4px;border-width:1px;min-width:unset;height:100%}.pb-item-row .custom-dropdown:hover .custom-dropdown-trigger{border-color:var(--color_text_muted, #94a3b8)}.pb-item-row .custom-dropdown.open .custom-dropdown-trigger,.pb-item-row .custom-dropdown .custom-dropdown-trigger:focus{border-color:var(--color_primary, #3b82f6);background:var(--color_bg_primary)}.pb-payment-row .custom-dropdown,.pb-expense-row .custom-dropdown{flex:1;min-width:0}.pb-payment-row .custom-dropdown .custom-dropdown-trigger,.pb-expense-row .custom-dropdown .custom-dropdown-trigger{padding:.4rem .55rem;font-size:.82rem;min-height:unset;min-width:unset;border-width:1px}.ap-page .custom-dropdown-menu{z-index:1000}