@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-primary: #4F46E5;--color-primary-hover: #4338CA;--color-primary-light: #EEF2FF;--color-primary-dark: #3730A3;--color-primary-10: rgba(79, 70, 229, .1);--color-primary-20: rgba(79, 70, 229, .2);--color-success: #059669;--color-success-light: #ECFDF5;--color-success-dark: #047857;--color-warning: #D97706;--color-warning-light: #FFFBEB;--color-warning-dark: #B45309;--color-danger: #DC2626;--color-danger-light: #FEF2F2;--color-danger-dark: #B91C1C;--color-info: #0284C7;--color-info-light: #F0F9FF;--color-info-dark: #0369A1;--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-black: #000000;--color-bg: #F3F4F6;--color-bg-elevated: #FFFFFF;--color-bg-sunken: #E5E7EB;--color-bg-overlay: rgba(0, 0, 0, .45);--color-text: #111827;--color-text-secondary: #6B7280;--color-text-tertiary: #9CA3AF;--color-text-disabled: #D1D5DB;--color-text-inverse: #FFFFFF;--color-text-link: #4F46E5;--color-border: #E5E7EB;--color-border-dark: #D1D5DB;--color-border-light: #F3F4F6;--sidebar-bg: #1F2937;--sidebar-bg-hover: rgba(255, 255, 255, .06);--sidebar-bg-active: rgba(79, 70, 229, .15);--sidebar-text: #9CA3AF;--sidebar-text-active: #FFFFFF;--sidebar-width: 220px;--sidebar-width-collapsed: 60px;--sidebar-border: rgba(255, 255, 255, .06);--topbar-height: 48px;--topbar-bg: #FFFFFF;--topbar-border: #E5E7EB;--statusbar-height: 26px;--statusbar-bg: #1F2937;--statusbar-text: #9CA3AF;--font-family: "IBM Plex Sans Arabic", "Inter", system-ui, -apple-system, sans-serif;--font-family-latin: "Inter", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-family-mono: "JetBrains Mono", "Cascadia Code", "Fira Code", monospace;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-md: 12px;--font-size-base: 13px;--font-size-lg: 14px;--font-size-xl: 16px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.65;--space-0: 0;--space-1: 3px;--space-2: 6px;--space-3: 10px;--space-4: 14px;--space-5: 18px;--space-6: 22px;--space-7: 26px;--space-8: 30px;--space-9: 34px;--space-10: 38px;--space-11: 42px;--space-12: 48px;--space-16: 64px;--spacing-xs: var(--space-1);--spacing-sm: var(--space-2);--spacing-md: var(--space-4);--spacing-lg: var(--space-6);--spacing-xl: var(--space-8);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 6px rgba(0, 0, 0, .08);--shadow-lg: 0 6px 20px rgba(0, 0, 0, .1);--shadow-focus: 0 0 0 2px rgba(79, 70, 229, .18);--transition-fast: .12s ease;--transition-normal: .15s ease;--transition-slow: .25s ease;--z-dropdown: 100;--z-sticky: 200;--z-sidebar: 250;--z-modal-backdrop: 290;--z-modal: 300;--z-toast: 400;--z-tooltip: 500;--table-header-bg: #F9FAFB;--table-header-text: #374151;--table-row-hover: #F9FAFB;--table-row-stripe: #FAFBFC;--table-border: #E5E7EB}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: #111827;--color-bg-elevated: #1F2937;--color-bg-sunken: #0F172A;--color-bg-overlay: rgba(0, 0, 0, .6);--color-text: #F3F4F6;--color-text-secondary: #9CA3AF;--color-text-tertiary: #6B7280;--color-text-disabled: #4B5563;--color-border: #374151;--color-border-dark: #4B5563;--color-border-light: #1F2937;--color-primary-10: rgba(79, 70, 229, .15);--color-primary-20: rgba(79, 70, 229, .25);--color-success-light: rgba(5, 150, 105, .12);--color-warning-light: rgba(217, 119, 6, .12);--color-danger-light: rgba(220, 38, 38, .12);--color-info-light: rgba(2, 132, 199, .12);--topbar-bg: #1F2937;--topbar-border: #374151;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 6px 20px rgba(0, 0, 0, .4);--shadow-focus: 0 0 0 2px rgba(79, 70, 229, .35);--table-header-bg: #1F2937;--table-header-text: #D1D5DB;--table-row-hover: rgba(255, 255, 255, .04);--table-row-stripe: rgba(255, 255, 255, .02);--table-border: #374151}}[data-theme=dark]{--color-bg: #111827;--color-bg-elevated: #1F2937;--color-bg-sunken: #0F172A;--color-bg-overlay: rgba(0, 0, 0, .6);--color-text: #F3F4F6;--color-text-secondary: #9CA3AF;--color-text-tertiary: #6B7280;--color-text-disabled: #4B5563;--color-border: #374151;--color-border-dark: #4B5563;--color-border-light: #1F2937;--color-primary-10: rgba(79, 70, 229, .15);--color-primary-20: rgba(79, 70, 229, .25);--color-success-light: rgba(5, 150, 105, .12);--color-warning-light: rgba(217, 119, 6, .12);--color-danger-light: rgba(220, 38, 38, .12);--color-info-light: rgba(2, 132, 199, .12);--topbar-bg: #1F2937;--topbar-border: #374151;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 6px 20px rgba(0, 0, 0, .4);--shadow-focus: 0 0 0 2px rgba(79, 70, 229, .35);--table-header-bg: #1F2937;--table-header-text: #D1D5DB;--table-row-hover: rgba(255, 255, 255, .04);--table-row-stripe: rgba(255, 255, 255, .02);--table-border: #374151}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:13px;overscroll-behavior:none;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);direction:rtl;text-align:right;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;overflow-x:hidden;overscroll-behavior:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text);margin:0}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.02em}h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.01em}h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}h5{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}h6{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}p{margin:0;line-height:var(--line-height-relaxed)}small{font-size:var(--font-size-sm)}strong,b{font-weight:var(--font-weight-bold)}a{color:var(--color-text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}a:active{color:var(--color-primary-dark)}ul,ol{list-style:none}img,svg,video,canvas{display:block;max-width:100%}img{height:auto}table{border-collapse:collapse;border-spacing:0;width:100%}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;border:none;outline:none;background:none}button{cursor:pointer;-webkit-user-select:none;user-select:none}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary);opacity:1}fieldset{border:none;padding:0;margin:0}::selection{background-color:var(--color-primary-20);color:var(--color-text)}::-moz-selection{background-color:var(--color-primary-20);color:var(--color-text)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-400)}*{scrollbar-width:thin;scrollbar-color:var(--color-gray-300) transparent}:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.text-start{text-align:right}.text-end{text-align:left}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.text-muted{color:var(--color-text-secondary)}.font-mono{font-family:var(--font-family-mono)}.font-latin{font-family:var(--font-family-latin)}.font-bold{font-weight:var(--font-weight-bold)}.font-medium{font-weight:var(--font-weight-medium)}.font-normal{font-weight:var(--font-weight-normal)}.d-none{display:none}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-block{display:block}.d-grid{display:grid}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.m-0{margin:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.num,.currency{direction:ltr;unicode-bidi:embed;font-family:var(--font-family-latin);font-variant-numeric:tabular-nums}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.no-select{-webkit-user-select:none;user-select:none}.pointer{cursor:pointer}.w-full{width:100%}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.border{border:1px solid var(--color-border)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.app-layout{display:flex;flex-direction:row;min-height:100vh;width:100%;overflow:hidden}.sidebar{position:fixed;top:0;right:0;bottom:0;width:var(--sidebar-width);background-color:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;z-index:var(--z-sidebar);transition:width var(--transition-normal),transform var(--transition-normal);overflow:hidden;border-left:1px solid var(--sidebar-border)}.sidebar-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 16px 16px;min-height:88px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%)}.sidebar-logo{width:26px;height:26px;background-color:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);flex-shrink:0}.sidebar-company{overflow:hidden;text-align:center}.sidebar-company-name{text-align:center;line-height:1.5;margin-bottom:8px}.sidebar-company-line1,.sidebar-company-line2{font-size:1.15rem;font-weight:800;color:#fff;letter-spacing:.3px}.sidebar-subtitle,.sidebar-company-sub{font-size:var(--font-size-xs);color:var(--sidebar-text);white-space:nowrap}.sidebar-header h2{color:#ffffffeb;font-size:.88rem;font-weight:700;margin:0;line-height:1.4}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px 0}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:var(--radius-full)}.sidebar-nav .nav-icon{width:18px;text-align:center;font-size:14px;color:inherit;flex-shrink:0;line-height:1}.nav-section{padding:14px 14px 4px;font-size:.62rem;font-weight:700;color:#ffffff47;text-transform:uppercase;letter-spacing:1.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-section-label,.nav-section-title{font-size:inherit;font-weight:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit}.nav-item,.sidebar-nav button.nav-link{display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;color:var(--sidebar-text);font-size:.82rem;font-weight:500;border:none;background:none;width:100%;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;text-decoration:none;text-align:right;font-family:inherit;position:relative;border-radius:0}.nav-item:hover,.sidebar-nav button.nav-link:hover{background-color:#ffffff0f;color:#ffffffe6}.nav-item.active,.sidebar-nav button.nav-link.active{background-color:var(--sidebar-bg-active);color:var(--sidebar-text-active);border-right:3px solid var(--color-primary)}.nav-item-icon{width:18px;text-align:center;font-size:14px;flex-shrink:0;opacity:.65;line-height:1;color:inherit}.nav-item.active .nav-item-icon{opacity:1}.nav-item-text{overflow:hidden;text-overflow:ellipsis}.nav-item-badge{margin-right:auto;margin-left:0;background-color:var(--color-danger);color:var(--color-white);font-size:9px;font-weight:var(--font-weight-bold);padding:1px 6px;border-radius:var(--radius-full);line-height:1.4}.nav-divider{height:1px;background:#ffffff0f;margin:6px 14px}.sidebar-footer{border-top:1px solid rgba(255,255,255,.08);padding:8px 10px;flex-shrink:0}.sidebar-footer .nav-item,.sidebar-footer .nav-link{margin:0}.sidebar-year-select{width:100%;padding:4px 8px;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);background:#ffffff14;color:#fff;font-family:var(--font-family-latin);font-size:.8rem;font-weight:600;text-align:center;cursor:pointer;outline:none;margin-top:6px;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.sidebar-year-select:focus{border-color:var(--color-primary)}.sidebar-year-select option{background:#1f2937;color:#fff}.sidebar-pos-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:8px 12px;background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);cursor:pointer;transition:background-color var(--transition-fast);font-family:inherit}.sidebar-pos-btn:hover{background-color:var(--color-primary-hover)}.sidebar-collapsed .sidebar{width:var(--sidebar-width-collapsed)}.sidebar-collapsed .sidebar-company,.sidebar-collapsed .nav-section,.sidebar-collapsed .nav-section-title,.sidebar-collapsed .nav-item-text,.sidebar-collapsed .nav-item-badge,.sidebar-collapsed .sidebar-company-sub,.sidebar-collapsed .sidebar-company-name,.sidebar-collapsed .sidebar-year-select{display:none}.sidebar-collapsed .nav-item,.sidebar-collapsed .sidebar-nav button.nav-link{justify-content:center;padding:0;height:36px;margin:1px 6px;border-radius:var(--radius-sm)}.sidebar-collapsed .nav-item.active,.sidebar-collapsed .sidebar-nav button.nav-link.active{border-right:none}.sidebar-collapsed .nav-item-icon,.sidebar-collapsed .nav-icon{width:20px;font-size:15px}.sidebar-collapsed .sidebar-header{justify-content:center;padding:var(--space-3) var(--space-1);min-height:auto}.sidebar-collapsed .sidebar-logo{width:30px;height:30px}.sidebar-collapsed .sidebar-pos-btn span{display:none}.main-area{display:flex;flex-direction:column;flex:1;margin-right:var(--sidebar-width);min-height:100vh;min-width:0;background:var(--color-bg);transition:margin-right var(--transition-normal)}.sidebar-collapsed .main-area{margin-right:var(--sidebar-width-collapsed)}.topbar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);height:var(--topbar-height);padding:0 20px;background-color:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);z-index:var(--z-sticky);flex-shrink:0}.topbar-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast);cursor:pointer}.topbar-toggle:hover{background-color:var(--color-gray-100);color:var(--color-text)}.topbar-title,.top-bar-title{font-weight:var(--font-weight-bold);font-size:.92rem;color:var(--color-text)}.topbar-spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:8px}.topbar-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-text-secondary);position:relative;transition:background-color var(--transition-fast),color var(--transition-fast)}.topbar-icon-btn:hover{background-color:var(--color-gray-100);color:var(--color-text)}.topbar-icon-btn .dot{position:absolute;top:6px;left:6px;width:7px;height:7px;background-color:var(--color-danger);border:1.5px solid var(--topbar-bg);border-radius:50%}.topbar-breadcrumb{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-md);color:var(--color-text-secondary)}.topbar-breadcrumb span{color:var(--color-text);font-weight:var(--font-weight-medium)}.topbar-user{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.topbar-user:hover{background-color:var(--color-gray-100)}.topbar-avatar{width:26px;height:26px;background-color:var(--color-primary);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.topbar-user-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text)}.year-selector{flex-shrink:0;display:flex;align-items:center;gap:6px}.year-selector label{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:.8rem}.year-selector .form-select{height:30px;font-size:var(--font-size-md);min-width:80px;font-weight:var(--font-weight-bold)}.top-bar-year-select{padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;color:var(--color-text);font-family:var(--font-family-latin);font-size:.8rem;font-weight:600;cursor:pointer;outline:none;min-width:80px}.top-bar-year-select:focus{border-color:var(--color-primary)}.content-area{flex:1;padding:16px 20px;overflow-y:auto;overflow-x:hidden;background-color:var(--color-bg)}.statusbar{display:flex;align-items:center;justify-content:space-between;height:var(--statusbar-height);padding:0 var(--space-4);background-color:var(--statusbar-bg);color:var(--statusbar-text);font-size:var(--font-size-xs);flex-shrink:0;gap:var(--space-4)}.statusbar-section{display:flex;align-items:center;gap:var(--space-3)}.statusbar-item{display:flex;align-items:center;gap:var(--space-1)}.statusbar-spacer{flex:1}.statusbar-highlight{color:var(--color-white);font-weight:var(--font-weight-bold)}.statusbar-dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-success)}.breadcrumb{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-md);color:var(--color-text-secondary)}.breadcrumb-item{color:var(--color-text-tertiary)}.breadcrumb-item.current{color:var(--color-text);font-weight:var(--font-weight-medium)}.breadcrumb-separator{color:var(--color-text-tertiary);margin:0 2px}.global-search{display:flex;align-items:center;gap:var(--space-2);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-3);height:32px;min-width:180px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.global-search:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus);background-color:var(--color-white)}.global-search svg{width:14px;height:14px;color:var(--color-text-tertiary);flex-shrink:0}.global-search-input{border:none;background:none;outline:none;font-size:var(--font-size-md);color:var(--color-text);width:100%;font-family:inherit}.global-search-input::placeholder{color:var(--color-text-tertiary)}.burger-menu{display:none;position:fixed;top:8px;right:8px;z-index:calc(var(--z-sidebar) + 10);background:var(--sidebar-bg);color:#fff;border:none;padding:8px 12px;border-radius:var(--radius-sm);font-size:1rem;cursor:pointer;transition:background-color var(--transition-fast)}.burger-menu:hover{background:var(--color-gray-700)}.mobile-menu-trigger{display:none;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;background:var(--sidebar-bg);color:#fff;border:none;font-size:1rem}.mobile-menu-trigger:hover{background-color:var(--color-gray-600)}.page-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-16) 0;color:var(--color-text-secondary);font-size:var(--font-size-base)}.page-loading-spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}.page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-16) 0;text-align:center}.page-error-icon{font-size:38px;color:var(--color-text-tertiary)}.page-error-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.page-error-detail{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:400px}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;z-index:calc(var(--z-sidebar) - 1)}.sidebar-overlay.visible{display:block}.data-table-wrapper{overflow-x:auto}.data-table-empty{padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-base)}@media(max-width:1024px){.sidebar{transform:translate(100%);z-index:300;width:240px}.sidebar.open{transform:translate(0)}.sidebar-overlay.visible{display:block}.main-area,.sidebar-collapsed .main-area{margin-right:0}.burger-menu,.mobile-menu-trigger{display:flex}}@media(max-width:768px){.content-area{padding:12px}.topbar{padding:0 12px}.topbar-user-name{display:none}.global-search{min-width:120px}.kpi-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:480px){.content-area{padding:8px}.kpi-grid{grid-template-columns:1fr!important}.global-search{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 16px;font-size:.82rem;font-weight:var(--font-weight-semibold);line-height:1.4;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;color:var(--color-white);background-color:var(--color-gray-600);text-decoration:none;font-family:inherit;transition:all var(--transition-fast)}.btn:hover{filter:brightness(1.08)}.btn:active{filter:brightness(.95);transform:translateY(.5px)}.btn-primary{background-color:var(--color-primary);border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-success{background-color:var(--color-success);border-color:var(--color-success)}.btn-success:hover{background-color:var(--color-success-dark);border-color:var(--color-success-dark)}.btn-warning{background-color:var(--color-warning);border-color:var(--color-warning)}.btn-warning:hover{background-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}.btn-danger{background-color:var(--color-danger);border-color:var(--color-danger)}.btn-danger:hover{background-color:var(--color-danger-dark);border-color:var(--color-danger-dark)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover{background-color:var(--color-gray-100);color:var(--color-text)}.btn-outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-border-dark)}.btn-outline:hover{background-color:var(--color-primary-light);border-color:var(--color-primary)}.btn-cancel{background-color:var(--color-gray-500);border-color:var(--color-gray-500)}.btn-cancel:hover{background-color:var(--color-gray-600)}.btn-info{background-color:var(--color-info);border-color:var(--color-info)}.btn-info:hover{background-color:var(--color-info-dark)}.btn-full{width:100%}.btn-sm{padding:4px 10px;font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.btn-md{padding:7px 16px;font-size:.82rem}.btn-lg{padding:10px 22px;font-size:var(--font-size-base)}.btn-icon{width:30px;height:30px;padding:0}.btn-icon.btn-sm{width:24px;height:24px}.btn-icon.btn-lg{width:36px;height:36px}.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-group{display:flex;gap:var(--space-2);align-items:center}.form-group{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:10px}.form-label{font-size:.78rem;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);display:block;margin-bottom:3px}.form-label .required{color:var(--color-danger);margin-right:2px}.form-input,.form-select,.form-textarea{width:100%;height:38px;padding:0 12px;font-size:.84rem;color:var(--color-text);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--color-border-dark)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.form-input-sm{height:30px;padding:0 8px;font-size:var(--font-size-sm)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 8.825L1.175 4 2.238 2.938 6 6.7 9.763 2.938 10.825 4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 10px center;padding-left:28px;cursor:pointer}.form-textarea{height:auto;padding:8px 12px;resize:vertical;min-height:80px;line-height:var(--line-height-relaxed)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-row>.form-group{flex:1;min-width:140px}.form-group.form-error .form-input,.form-group.form-error .form-select,.form-group.form-error .form-textarea{border-color:var(--color-danger)}.form-group.form-error .form-input:focus,.form-group.form-error .form-select:focus{box-shadow:0 0 0 2px #dc262626}.form-error-message{font-size:var(--font-size-xs);color:var(--color-danger);margin-top:2px}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--color-bg-sunken);color:var(--color-text-disabled);cursor:not-allowed}.form-input[readonly]{background-color:var(--color-bg-sunken)}.form-checkbox,.form-radio{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-md);-webkit-user-select:none;user-select:none}.form-checkbox input,.form-radio input{width:15px;height:15px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text)}.card-body{padding:var(--space-4)}.card-footer{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border)}.table-container{overflow-x:auto;border:1px solid var(--table-border);border-radius:var(--radius-lg);background-color:var(--color-bg-elevated)}.data-table{width:100%;border-collapse:collapse;font-size:.82rem}.data-table thead{background-color:var(--table-header-bg);position:sticky;top:0;z-index:2}.data-table th{padding:10px 14px;font-size:.76rem;font-weight:var(--font-weight-semibold);color:var(--table-header-text);text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--color-border);text-transform:none;letter-spacing:0}.data-table th.sortable{cursor:pointer;transition:background-color var(--transition-fast)}.data-table th.sortable:hover{background-color:var(--color-gray-100)}.data-table th .sort-icon{display:inline-block;margin-right:var(--space-1);opacity:.35;font-size:10px}.data-table th.sorted .sort-icon{opacity:1;color:var(--color-primary)}.data-table td{padding:10px 14px;text-align:center;border-bottom:1px solid var(--table-border);vertical-align:middle;color:var(--color-text);font-weight:500;font-size:.82rem}.data-table td.num{font-variant-numeric:tabular-nums;font-family:var(--font-family-latin);direction:ltr;text-align:left}.data-table tbody tr{transition:background-color .08s ease}.data-table tbody tr:hover{background-color:var(--table-row-hover)}.data-table tbody tr:nth-child(2n){background-color:var(--table-row-stripe)}.data-table tbody tr:nth-child(2n):hover{background-color:var(--table-row-hover)}.data-table tbody tr.selected{background-color:var(--color-primary-10)}.data-table .col-actions{width:80px;text-align:center}.data-table .col-actions .btn{padding:3px 6px;font-size:var(--font-size-xs)}.data-table .table-empty{text-align:center;padding:var(--space-10) var(--space-4);color:var(--color-text-tertiary)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.kpi-card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:14px 16px;display:flex;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast);position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;right:0;bottom:0;width:3px;background-color:var(--color-border)}.kpi-card:hover{box-shadow:var(--shadow-md)}.kpi-card--blue:before{background-color:var(--color-primary)}.kpi-card--green:before{background-color:var(--color-success)}.kpi-card--orange:before{background-color:var(--color-warning)}.kpi-card--red:before{background-color:var(--color-danger)}.kpi-card--purple:before{background-color:#7c3aed}.kpi-card--cyan:before{background-color:#0891b2}.kpi-card--teal:before{background-color:#0d9488}.kpi-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px}.kpi-card--blue .kpi-icon{background-color:var(--color-primary-10);color:var(--color-primary)}.kpi-card--green .kpi-icon{background-color:var(--color-success-light);color:var(--color-success)}.kpi-card--orange .kpi-icon{background-color:var(--color-warning-light);color:var(--color-warning)}.kpi-card--red .kpi-icon{background-color:var(--color-danger-light);color:var(--color-danger)}.kpi-card--purple .kpi-icon{background-color:#7c3aed1a;color:#7c3aed}.kpi-card--cyan .kpi-icon{background-color:#0891b21a;color:#0891b2}.kpi-card--teal .kpi-icon{background-color:#0d94881a;color:#0d9488}.kpi-content{flex:1;min-width:0}.kpi-label,.stat-title{font-size:.78rem;color:var(--color-text-secondary);margin-bottom:3px;font-weight:var(--font-weight-medium)}.kpi-value,.stat-value{font-size:1.35rem;font-weight:var(--font-weight-extrabold);color:var(--color-text);font-family:var(--font-family-latin);font-variant-numeric:tabular-nums;direction:ltr;text-align:right;line-height:1.2;margin:0}.kpi-card--blue .kpi-value{color:var(--color-primary-dark)}.kpi-card--green .kpi-value{color:var(--color-success-dark)}.kpi-card--orange .kpi-value{color:var(--color-warning-dark)}.kpi-card--red .kpi-value{color:var(--color-danger-dark)}.kpi-card--purple .kpi-value{color:#6d28d9}.kpi-card--cyan .kpi-value{color:#0e7490}.kpi-card--teal .kpi-value{color:#0f766e}.kpi-change{font-size:var(--font-size-xs);margin-top:2px;font-weight:var(--font-weight-medium)}.kpi-change.up{color:var(--color-success)}.kpi-change.down{color:var(--color-danger)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stats-grid>*{min-width:0}.stat-card{background:var(--color-bg-elevated);padding:14px 16px;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:box-shadow var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;width:3px}.stat-card.primary:before{background:var(--color-primary)}.stat-card.success:before{background:var(--color-success)}.stat-card.warning:before{background:var(--color-warning)}.stat-card.danger:before{background:var(--color-danger)}.stat-card.primary .stat-value{color:var(--color-primary-dark)}.stat-card.success .stat-value{color:var(--color-success-dark)}.stat-card.warning .stat-value{color:var(--color-warning-dark)}.stat-card.danger .stat-value{color:var(--color-danger-dark)}.stat-icon{position:absolute;top:14px;left:14px;font-size:1.6rem;opacity:.08;color:var(--color-text-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:16px;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.modal-overlay.open{opacity:1;visibility:visible}.modal{background-color:var(--color-bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .18s ease}@keyframes modalSlideIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-sm{max-width:400px}.modal-md{max-width:560px}.modal-lg{max-width:800px}.modal-xl{max-width:1040px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px var(--space-4);border-bottom:1px solid var(--color-border);flex-shrink:0}.modal-title{font-size:.95rem;font-weight:var(--font-weight-bold);color:var(--color-text)}.modal-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);color:var(--color-text-tertiary);font-size:var(--font-size-lg);transition:background-color var(--transition-fast),color var(--transition-fast);cursor:pointer;border:none;background:none}.modal-close:hover{background-color:var(--color-gray-100);color:var(--color-text)}.modal-body{padding:var(--space-4);overflow-y:auto;flex:1}.modal-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:10px var(--space-4);border-top:1px solid var(--color-border);flex-shrink:0}.toast-container{position:fixed;top:calc(var(--topbar-height) + var(--space-3));left:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:10px var(--space-4);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:260px;max-width:380px;pointer-events:auto;animation:toastSlideIn .25s ease forwards;border-right:3px solid var(--color-border)}.toast.removing{animation:toastSlideOut .2s ease forwards}@keyframes toastSlideIn{0%{transform:translate(-110%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(-110%);opacity:0}}.toast--success{border-right-color:var(--color-success)}.toast--warning{border-right-color:var(--color-warning)}.toast--danger{border-right-color:var(--color-danger)}.toast--info{border-right-color:var(--color-info)}.toast-icon{flex-shrink:0;font-size:16px}.toast--success .toast-icon{color:var(--color-success)}.toast--warning .toast-icon{color:var(--color-warning)}.toast--danger .toast-icon{color:var(--color-danger)}.toast--info .toast-icon{color:var(--color-info)}.toast-message{flex:1;font-size:var(--font-size-md);color:var(--color-text)}.toast-close{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:background-color var(--transition-fast);border:none;background:none}.toast-close:hover{background-color:var(--color-gray-200);color:var(--color-text)}.pagination{display:flex;align-items:center;gap:var(--space-1);direction:ltr}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg-elevated);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 var(--space-2)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);line-height:1.5;white-space:nowrap;background-color:var(--color-gray-100);color:var(--color-text-secondary)}.badge--primary{background-color:var(--color-primary-light);color:var(--color-primary)}.badge--success{background-color:var(--color-success-light);color:var(--color-success-dark)}.badge--warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.badge--danger{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.badge--info{background-color:var(--color-info-light);color:var(--color-info-dark)}.tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border)}.tab-item{padding:var(--space-2) var(--space-4);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);cursor:pointer;position:relative;transition:color var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;background:none;border:none;font-family:inherit}.tab-item:hover{color:var(--color-text)}.tab-item.active{color:var(--color-primary)}.tab-item.active:after{content:"";position:absolute;bottom:-2px;right:0;left:0;height:2px;background-color:var(--color-primary)}.tab-content{padding:var(--space-4) 0}.dropdown{position:relative;display:inline-flex}.dropdown-menu{position:absolute;top:100%;right:0;min-width:160px;padding:var(--space-1) 0;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity var(--transition-fast),visibility var(--transition-fast),transform var(--transition-fast)}.dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-3);font-size:var(--font-size-md);color:var(--color-text);cursor:pointer;transition:background-color var(--transition-fast);white-space:nowrap;border:none;background:none;width:100%;font-family:inherit;text-align:right}.dropdown-item:hover{background-color:var(--color-gray-50)}.dropdown-item.danger{color:var(--color-danger)}.dropdown-item.danger:hover{background-color:var(--color-danger-light)}.dropdown-divider{height:1px;background-color:var(--color-border);margin:var(--space-1) 0}.search-box{position:relative;display:flex;align-items:center}.search-box .search-icon{position:absolute;right:10px;font-size:13px;color:var(--color-text-tertiary);pointer-events:none}.search-box .form-input{padding-right:30px}.search-box .search-clear{position:absolute;left:8px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;color:var(--color-text-tertiary);cursor:pointer;transition:background-color var(--transition-fast);border:none;background:none}.search-box .search-clear:hover{background-color:var(--color-gray-200);color:var(--color-text)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-4);text-align:center}.empty-state-icon{font-size:40px;margin-bottom:var(--space-3);color:var(--color-gray-300)}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-1)}.empty-state-text{font-size:var(--font-size-md);color:var(--color-text-tertiary);max-width:340px;margin-bottom:var(--space-4)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-3);flex-wrap:wrap;padding:8px 0}.page-header-right{display:flex;flex-direction:column;gap:2px}.page-header-left,.page-actions{display:flex;align-items:center;gap:var(--space-2)}.page-title{font-size:1.1rem;font-weight:var(--font-weight-bold);color:var(--color-text);line-height:1.3}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}.toolbar-spacer{flex:1}.toolbar-divider{width:1px;height:22px;background-color:var(--color-border)}.spinner{width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}.spinner-sm{width:12px;height:12px;border-width:1.5px}.spinner-lg{width:28px;height:28px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{display:flex;align-items:center;justify-content:center;padding:var(--space-10);color:var(--color-text-tertiary);gap:var(--space-3)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;right:50%;transform:translate(50%) translateY(-4px);padding:4px 8px;background-color:var(--color-gray-800);color:var(--color-white);font-size:var(--font-size-xs);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast);z-index:var(--z-tooltip)}[data-tooltip]:hover:after{opacity:1;visibility:visible}.dashboard-container{padding:0;background:var(--color-bg);overflow:visible}.charts-grid{display:grid;grid-template-columns:3fr 2fr;gap:12px;margin-bottom:0}.chart-card{background:var(--color-bg-elevated);padding:14px 16px;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.chart-card canvas{max-height:300px!important;width:100%!important}.chart-title{font-size:.92rem;font-weight:700;color:var(--color-text);margin-top:0;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--color-border-light)}@media print{.sidebar,.topbar,.statusbar,.burger-menu,.mobile-menu-trigger,.toast-container,.modal-overlay,.toolbar .btn,.page-actions{display:none!important}.main-area{margin-right:0!important}.content-area{padding:0!important}body{background:#fff!important;color:#000!important;font-size:11px!important}.card{box-shadow:none!important;border:1px solid #ddd!important;break-inside:avoid}.data-table th{background-color:#f0f0f0!important;color:#000!important}.data-table td,.data-table th{padding:6px 8px!important;border:1px solid #ccc!important}.kpi-card,.stat-card{break-inside:avoid;box-shadow:none!important}.page-title{font-size:14px!important}}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.charts-grid{grid-template-columns:1fr}}@media(max-width:768px){.stats-grid,.kpi-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:stretch}.page-actions{justify-content:flex-start}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.modal{max-width:100%;max-height:95vh;margin:var(--space-2);border-radius:var(--radius-md)}.modal-footer{flex-direction:column;align-items:stretch}.modal-footer .btn{width:100%;min-width:unset}}@media print{.sidebar,.topbar,.statusbar,.sidebar-overlay,.toast-container,.modal-overlay,.burger-menu,.no-print,.mobile-menu-trigger,.global-search,.year-selector,.page-header .btn,.pagination,.toolbar{display:none!important}body{background:#fff!important;color:#000!important;font-size:11pt!important}.app-layout{display:block!important}.main-area{margin:0!important}.content-area{padding:0!important;overflow:visible!important}.data-table{border-collapse:collapse!important;width:100%!important}.data-table th,.data-table td{border:1px solid #000!important;padding:4px 8px!important;font-size:10pt!important;color:#000!important;background:#fff!important}.data-table th{background:#e5e7eb!important;font-weight:700!important}.kpi-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important}.kpi-card{border:1px solid #ccc!important;box-shadow:none!important;page-break-inside:avoid!important}.chart-card canvas{max-height:250px!important}.card{page-break-inside:avoid!important}h1,h2,h3{page-break-after:avoid!important}.invoice-print-area{display:block!important;padding:20px!important}}