html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{width:100%;min-height:100vh;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-header{z-index:100;background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000000f}.header-left{align-items:center;gap:20px;display:flex}.toggle-btn{width:40px;height:40px;font-size:18px;transition:all .3s}.toggle-btn:hover{background:#f3f4f6}.masjid-title h2{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:18px;font-weight:700}.header-right{align-items:center;gap:16px;display:flex}.role-tag{border-radius:20px;padding:4px 12px;font-weight:600}.notification-btn{width:40px;height:40px;font-size:18px}.notification-btn:hover{background:#f3f4f6}.user-profile{cursor:pointer;border-radius:8px;padding:4px 12px;transition:all .3s}.user-profile:hover{background:#f3f4f6}.user-avatar{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%)}.user-info{flex-direction:column;align-items:flex-start;display:flex}.user-fullname{color:#111827;font-size:14px;font-weight:600;line-height:1.2}.user-username{color:#6b7280;font-size:12px;line-height:1.2}@media (max-width:768px){.masjid-title h2{font-size:14px}.role-tag,.user-info{display:none}}.profile-modal .ant-modal-content{border-radius:16px;max-height:600px;overflow:hidden;box-shadow:0 18px 50px #0f172a40}.profile-modal .ant-modal-header{border-bottom:1px solid #e5e7eb;padding:16px 24px}.profile-modal-header{color:#111827;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.profile-modal .ant-modal-body{background:#f9fafb;padding:20px 24px 24px}.profile-content{background:#fff;border-radius:14px;padding:16px 18px 18px;box-shadow:0 6px 18px #94a3b84d}.profile-avatar-section{align-items:center;gap:16px;display:flex}.profile-avatar{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);box-shadow:0 8px 24px #4f46e559}.profile-name-section{flex-direction:column;gap:4px;display:flex}.profile-fullname{color:#111827;margin:0;font-size:18px;font-weight:700}.profile-name-section .ant-tag{border-radius:999px;align-self:flex-start;padding:2px 10px;font-size:12px}.profile-modal .ant-divider-horizontal{margin:14px 0}.profile-details{flex-direction:column;gap:10px;display:flex}.detail-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.detail-label{color:#4b5563;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.detail-value{color:#111827;font-size:13px;font-weight:500}.detail-item .ant-tag{border-radius:999px;margin:0;padding:0 10px;font-size:12px}.profile-actions{flex-direction:column;gap:8px;margin-top:8px;display:flex}.profile-actions .ant-btn-primary{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:none}.profile-actions .ant-btn-primary:hover,.profile-actions .ant-btn-primary:focus{background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 100%)}.settings-modal .ant-modal-content{border-radius:16px;overflow:hidden}.settings-modal .ant-modal-header{border-bottom:1px solid #e5e7eb;padding:16px 24px}.settings-modal-header{color:#111827;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.settings-modal .ant-modal-body{background:#f9fafb;padding:20px 24px 24px}.settings-content{background:#fff;border-radius:14px;padding:16px 18px 18px;box-shadow:0 6px 18px #94a3b84d}.settings-section{margin-bottom:16px}.settings-section h4{color:#111827;margin:0 0 8px;font-size:14px;font-weight:600}.settings-item{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;display:flex}.settings-item input[type=checkbox]{width:16px;height:16px}.settings-item select{border:1px solid #d1d5db;border-radius:6px;padding:4px 8px;font-size:13px}.custom-sidebar{background:#fff;border-right:1px solid #e2e8f0;height:100vh;transition:all .3s;position:sticky;top:0;left:0;overflow:hidden;box-shadow:2px 0 12px #00000014}.sidebar-logo{background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border-bottom:2px solid #f0f4f8;justify-content:center;align-items:center;height:70px;padding:0 16px;transition:all .3s;display:flex}.logo-content{align-items:center;gap:12px;width:100%;display:flex}.logo-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border-radius:10px;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 12px #8b5cf64d}.logo-icon:hover{transform:scale(1.05);box-shadow:0 6px 16px #8b5cf666}.logo-icon-collapsed{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:flex;box-shadow:0 4px 12px #8b5cf64d}.logo-text{flex-direction:column;gap:2px;display:flex}.logo-title{color:#1f2937;letter-spacing:.5px;font-size:14px;font-weight:700}.logo-subtitle{color:#8b5cf6;letter-spacing:.3px;font-size:11px;font-weight:600}.sidebar-scroll{height:calc(100vh - 70px);padding:8px 0;overflow:hidden auto}.sidebar-scroll::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-track{background:#f8fafc}.sidebar-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;transition:all .3s}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sidebar-menu{background:0 0;border-right:none;padding:0}.sidebar-menu .ant-menu-item,.sidebar-menu .ant-menu-submenu-title{border-radius:8px;width:calc(100% - 20px);height:42px;margin:6px 10px;font-weight:500;line-height:42px;transition:all .3s;position:relative;overflow:hidden}.sidebar-menu .ant-menu-item:before,.sidebar-menu .ant-menu-submenu-title:before{content:"";background:#8b5cf6;width:4px;transition:transform .3s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.sidebar-menu .ant-menu-item-selected:before,.sidebar-menu .ant-menu-submenu-open>.ant-menu-submenu-title:before{transform:scaleY(1)}.sidebar-menu .ant-menu-item-selected{color:#8b5cf6;background:linear-gradient(135deg,#ede9fe 0%,#f3e8ff 100%);font-weight:600;box-shadow:0 2px 8px #8b5cf626}.sidebar-menu .ant-menu-item:hover,.sidebar-menu .ant-menu-submenu-title:hover,.sidebar-menu .ant-menu-submenu-open>.ant-menu-submenu-title{color:#8b5cf6;background:#f8f5ff}.sidebar-menu .ant-menu-sub{border-left:2px solid #e2e8f0;margin-left:10px;background:#fafbfc!important}.sidebar-menu .ant-menu-sub .ant-menu-item{color:#4b5563;width:calc(100% - 16px);height:38px;margin:4px 8px;font-size:13px;font-weight:500;line-height:38px;padding-left:48px!important}.sidebar-menu .ant-menu-sub .ant-menu-item:hover{color:#8b5cf6;background:#f0e8ff}.sidebar-menu .ant-menu-sub .ant-menu-item-selected{color:#8b5cf6;background:#ede9fe;font-weight:600}.sidebar-menu .ant-menu-item-icon,.sidebar-menu .ant-menu-submenu-title-content .anticon{margin-right:10px;font-size:16px;transition:all .3s}.sidebar-menu .ant-menu-item-selected .ant-menu-item-icon,.sidebar-menu .ant-menu-submenu-open>.ant-menu-submenu-title .anticon{color:#8b5cf6;transform:scale(1.1)}.sidebar-menu .ant-menu-item:hover .ant-menu-item-icon,.sidebar-menu .ant-menu-submenu-title:hover .anticon{color:#8b5cf6}.sidebar-menu-logout{background:0 0;border-top:2px solid #f0f4f8;border-right:none;margin-top:auto;padding:8px 0}.logout-item{color:#ef4444!important;border-radius:8px!important;width:calc(100% - 20px)!important;height:42px!important;margin:8px 10px!important;font-weight:600!important;line-height:42px!important;transition:all .3s!important}.logout-item:hover{color:#dc2626!important;background:#fee2e2!important;box-shadow:0 2px 8px #ef444426!important}.logout-item .ant-menu-item-icon{color:#ef4444}.custom-sidebar.ant-layout-sider-collapsed{width:80px}.custom-sidebar.ant-layout-sider-collapsed .sidebar-logo{height:70px;padding:0}.custom-sidebar.ant-layout-sider-collapsed .sidebar-menu .ant-menu-item,.custom-sidebar.ant-layout-sider-collapsed .sidebar-menu .ant-menu-submenu-title{text-align:center;width:50px;margin:6px auto;padding:0!important}.custom-sidebar.ant-layout-sider-collapsed .sidebar-menu .ant-menu-item-icon,.custom-sidebar.ant-layout-sider-collapsed .sidebar-menu .ant-menu-submenu-title-content .anticon{margin-right:0}.custom-sidebar.ant-layout-sider-collapsed .sidebar-menu .ant-menu-submenu-title-content{display:none}.custom-sidebar.ant-layout-sider-collapsed .sidebar-menu .ant-menu-sub{border-left:none;margin-left:0}.custom-sidebar.ant-layout-sider-collapsed .sidebar-menu .ant-menu-sub .ant-menu-item{padding-left:0!important}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sidebar-menu .ant-menu-item,.sidebar-menu .ant-menu-submenu{animation:.3s ease-out slideIn}@media (max-width:768px){.custom-sidebar{z-index:1000;height:100vh;position:fixed;top:0;left:0}.custom-sidebar.ant-layout-sider-collapsed{width:0}.sidebar-logo{height:60px}.sidebar-scroll{height:calc(100vh - 60px)}.sidebar-menu .ant-menu-item,.sidebar-menu .ant-menu-submenu-title{width:calc(100% - 16px);height:40px;margin:5px 8px;line-height:40px}.sidebar-menu .ant-menu-sub .ant-menu-item{height:36px;line-height:36px}}@media (max-width:480px){.logo-title{font-size:12px}.logo-subtitle{font-size:10px}.sidebar-menu .ant-menu-item,.sidebar-menu .ant-menu-submenu-title{height:38px;font-size:13px;line-height:38px}.sidebar-menu .ant-menu-item-icon,.sidebar-menu .ant-menu-submenu-title-content .anticon{font-size:14px}}@media print{.custom-sidebar{display:none}}*{box-sizing:border-box;margin:0;padding:0}.panel-container{background:linear-gradient(135deg,#f5f7fa 0%,#e9ecef 100%);min-height:100vh;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.super-dashboard-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:28px;display:grid}.super-dashboard-stat-card{background:#fff;border-left:5px solid;border-radius:16px;align-items:center;gap:18px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f}.super-dashboard-stat-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#fffc 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-50%;right:-50%}.super-dashboard-stat-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0000001f}.super-dashboard-stat-card.primary{background:linear-gradient(135deg,#fff 0%,#faf8ff 100%);border-left-color:#8b5cf6}.super-dashboard-stat-card.secondary{background:linear-gradient(135deg,#fff 0%,#ecfdf5 100%);border-left-color:#06b6d4}.super-dashboard-stat-card.tertiary{background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%);border-left-color:#10b981}.super-dashboard-stat-card.quaternary{background:linear-gradient(135deg,#fff 0%,#fffbeb 100%);border-left-color:#f59e0b}.super-dashboard-stat-card.quinary{background:linear-gradient(135deg,#fff 0%,#fef2f2 100%);border-left-color:#ef4444}.super-dashboard-stat-icon{z-index:1;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;display:flex;position:relative}.super-dashboard-stat-card.primary .super-dashboard-stat-icon{color:#8b5cf6;background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%)}.super-dashboard-stat-card.secondary .super-dashboard-stat-icon{color:#06b6d4;background:linear-gradient(135deg,#cffafe 0%,#a5f3fc 100%)}.super-dashboard-stat-card.tertiary .super-dashboard-stat-icon{color:#10b981;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}.super-dashboard-stat-card.quaternary .super-dashboard-stat-icon{color:#f59e0b;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.super-dashboard-stat-card.quinary .super-dashboard-stat-icon{color:#ef4444;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%)}.super-dashboard-stat-content{z-index:1;flex:1;position:relative}.super-dashboard-stat-content h3{color:#9ca3af;text-transform:uppercase;letter-spacing:.6px;margin:0 0 8px;font-size:13px;font-weight:700}.super-dashboard-stat-value{color:#1f2937;margin:0 0 6px;font-size:32px;font-weight:800;line-height:1}.super-dashboard-stat-change{color:#10b981;margin:0;font-size:13px;font-weight:600}.super-dashboard-info-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:18px;margin-bottom:28px;display:grid}.super-dashboard-info-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000f}.super-dashboard-info-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.greeting-card{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);align-items:center;gap:20px;min-height:140px;padding:24px;display:flex;position:relative;overflow:hidden}.greeting-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff26 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-40%;right:-20%}.greeting-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:250px;height:250px;position:absolute;bottom:-30%;left:-10%}.greeting-icon-wrapper{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative;box-shadow:0 8px 32px #0000001a}.greeting-icon-wrapper svg{color:#fff;width:52px;height:52px}.greeting-content{z-index:1;position:relative}.greeting-date{opacity:.9;margin:0 0 6px;font-size:14px;font-weight:600}.greeting-time{margin:0 0 10px;font-size:32px;font-weight:800;line-height:1}.greeting-message{opacity:.95;margin:0;font-size:15px;font-weight:500}.greeting-message strong{font-weight:700}.company-card{color:#1f2937;background:#fff;border:1px solid #e5e7eb;gap:20px;min-height:140px;padding:24px;display:flex;position:relative;overflow:hidden}.company-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#667eea14 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-40%;right:-20%}.company-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#667eea0d 0%,#0000 70%);border-radius:50%;width:250px;height:250px;position:absolute;bottom:-30%;left:-10%}.company-icon-wrapper{z-index:1;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative;box-shadow:0 8px 24px #667eea4d}.company-icon-wrapper svg{color:#fff;width:52px;height:52px}.company-details{z-index:1;flex-direction:column;flex:1;justify-content:center;display:flex;position:relative}.company-title{color:#667eea;text-transform:uppercase;letter-spacing:.8px;margin:0 0 12px;font-size:12px;font-weight:800}.company-info{flex-direction:column;gap:8px;display:flex}.company-info p{color:#374151;align-items:center;gap:10px;margin:0;font-size:12px;font-weight:500;line-height:1.5;display:flex}.company-info svg{color:#667eea;flex-shrink:0;width:14px;height:14px}.company-info strong{color:#1f2937;font-weight:700}.whatsapp-link{color:#10b981;align-items:center;gap:6px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.whatsapp-link:hover{color:#059669;text-decoration:underline}.system-status-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;margin-bottom:28px;padding:24px;box-shadow:0 2px 8px #0000000f}.system-status-title{color:#1f2937;align-items:center;gap:12px;margin:0 0 20px;font-size:16px;font-weight:700;display:flex}.system-status-title svg{color:#667eea;width:20px;height:20px}.system-status-grid-horizontal{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:24px;display:flex}.system-status-item-horizontal{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:12px;min-width:140px;max-width:180px;padding:12px;transition:all .3s;display:flex}.system-status-item-horizontal:hover{background:linear-gradient(135deg,#f0f4f8 0%,#e9ecef 100%);border-color:#d1d5db}.system-status-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:12px;font-weight:700}.super-dashboard-charts-row{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:18px;margin-bottom:28px;display:grid}.super-dashboard-charts-row-3{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:18px;margin-bottom:28px;display:grid}.super-dashboard-chart-card,.super-dashboard-chart-card-3{background:#fff;border:1px solid #f3f4f6;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000f}.super-dashboard-chart-card:hover,.super-dashboard-chart-card-3:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.super-dashboard-chart-title{color:#1f2937;align-items:center;gap:12px;margin:0 0 18px;font-size:16px;font-weight:700;display:flex}.super-dashboard-chart-title svg{color:#667eea;width:20px;height:20px}.super-dashboard-loading{background:linear-gradient(135deg,#f5f7fa 0%,#e9ecef 100%);flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;display:flex}.super-dashboard-loading p{color:#4b5563;font-size:18px;font-weight:600}.super-dashboard-spinner{border:5px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.super-dashboard-error{background:linear-gradient(135deg,#f5f7fa 0%,#e9ecef 100%);flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}.super-dashboard-error p{color:#6b7280;text-align:center;font-size:18px;font-weight:600}.super-dashboard-error button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;padding:14px 32px;font-size:15px;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #667eea66}.super-dashboard-error button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea99}.panel-container-access{background:linear-gradient(135deg,#f5f7fa 0%,#e9ecef 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.no-access-panel{text-align:center;background:#fff;border:1px solid #f3f4f6;border-radius:20px;width:100%;max-width:500px;padding:60px 40px;animation:.5s ease-out slideUp;box-shadow:0 20px 60px #00000026}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.no-access-image{object-fit:contain;width:100%;max-width:240px;height:auto;margin-bottom:30px;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.no-access-panel h3{color:#dc2626;letter-spacing:.5px;margin:25px 0 18px;font-size:28px;font-weight:800}.no-access-panel p{color:#6b7280;margin:0 0 18px;font-size:16px;line-height:1.7}.no-access-panel p strong{color:#1f2937;font-weight:700}.no-access-panel:before{content:"🔒";margin-bottom:20px;font-size:64px;animation:.5s ease-in-out shake;display:block}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.sales-table-spinner{border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:50px;height:50px;margin:0 auto;animation:1s linear infinite spin}@media (max-width:1400px){.super-dashboard-charts-row{grid-template-columns:1fr}.super-dashboard-charts-row-3{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.system-status-grid-horizontal{gap:16px}.system-status-item-horizontal{min-width:130px;max-width:160px}}@media (max-width:1200px){.super-dashboard-info-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.system-status-grid-horizontal{gap:12px}.system-status-item-horizontal{min-width:120px;max-width:150px}}@media (max-width:1024px){.panel-container{padding:18px}.super-dashboard-info-grid{grid-template-columns:1fr}.super-dashboard-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.greeting-card{gap:16px;min-height:130px;padding:20px}.greeting-icon-wrapper{width:90px;height:90px}.greeting-icon-wrapper svg{width:44px;height:44px}.greeting-time{font-size:28px}.greeting-date{font-size:13px}.greeting-message{font-size:14px}.company-card{gap:16px;min-height:130px;padding:20px}.company-icon-wrapper{width:90px;height:90px}.company-icon-wrapper svg{width:44px;height:44px}.company-title{margin-bottom:10px;font-size:11px}.company-info p{gap:8px;font-size:11px}.system-status-grid-horizontal{flex-direction:row;gap:10px}.system-status-item-horizontal{min-width:110px;max-width:140px;padding:10px}}@media (max-width:768px){.panel-container{padding:14px}.super-dashboard-stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.super-dashboard-stat-card{text-align:center;flex-direction:column;gap:12px;padding:16px}.super-dashboard-stat-icon{width:52px;height:52px;font-size:26px}.super-dashboard-stat-value{font-size:24px}.super-dashboard-stat-content h3,.super-dashboard-stat-change{font-size:11px}.super-dashboard-info-grid{grid-template-columns:1fr;gap:14px}.greeting-card{text-align:center;flex-direction:column;gap:14px;min-height:auto;padding:18px}.greeting-icon-wrapper{width:80px;height:80px}.greeting-icon-wrapper svg{width:40px;height:40px}.greeting-time{font-size:24px}.greeting-date{font-size:12px}.greeting-message{font-size:13px}.greeting-content{text-align:center}.company-card{text-align:center;flex-direction:column;gap:14px;min-height:auto;padding:18px}.company-icon-wrapper{width:80px;height:80px;margin:0 auto}.company-icon-wrapper svg{width:40px;height:40px}.company-details{text-align:center}.company-title{margin-bottom:10px;font-size:11px}.company-info{gap:6px}.company-info p{justify-content:center;font-size:11px}.system-status-card{margin-bottom:20px;padding:18px}.system-status-title{margin-bottom:16px;font-size:14px}.system-status-grid-horizontal{flex-direction:row;justify-content:center;gap:8px}.system-status-item-horizontal{min-width:100px;max-width:130px;padding:8px}.super-dashboard-chart-card,.super-dashboard-chart-card-3{padding:16px}.super-dashboard-charts-row,.super-dashboard-charts-row-3{grid-template-columns:1fr;gap:12px}.super-dashboard-chart-title{margin-bottom:14px;font-size:14px}}@media (max-width:600px){.panel-container{padding:12px}.super-dashboard-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.super-dashboard-stat-card{gap:10px;padding:12px}.super-dashboard-stat-icon{width:48px;height:48px;font-size:22px}.super-dashboard-stat-value{font-size:20px}.super-dashboard-stat-content h3{font-size:10px}.super-dashboard-info-grid{gap:12px;margin-bottom:20px}.greeting-card{gap:12px;min-height:auto;padding:14px}.greeting-icon-wrapper{width:70px;height:70px}.greeting-icon-wrapper svg{width:36px;height:36px}.greeting-time{margin-bottom:8px;font-size:20px}.greeting-date{margin-bottom:4px;font-size:11px}.greeting-message{font-size:12px}.company-card{gap:12px;min-height:auto;padding:14px}.company-icon-wrapper{width:70px;height:70px}.company-icon-wrapper svg{width:36px;height:36px}.company-title{margin-bottom:8px;font-size:10px}.company-info p{gap:6px;font-size:10px}.company-info svg{width:12px;height:12px}.system-status-card{margin-bottom:16px;padding:14px}.system-status-title{margin-bottom:12px;font-size:13px}.system-status-grid-horizontal{flex-direction:row;justify-content:space-between;gap:6px}.system-status-item-horizontal{gap:8px;min-width:80px;max-width:110px;padding:6px}.system-status-label{font-size:10px}.super-dashboard-chart-card,.super-dashboard-chart-card-3{padding:12px}.super-dashboard-chart-title{gap:8px;margin-bottom:12px;font-size:12px}.super-dashboard-chart-title svg{width:16px;height:16px}.no-access-panel{border-radius:16px;padding:40px 24px}.no-access-image{max-width:160px;margin-bottom:20px}.no-access-panel h3{margin:15px 0 12px;font-size:22px}.no-access-panel p{margin-bottom:12px;font-size:13px}.no-access-panel:before{margin-bottom:15px;font-size:48px}}@media (max-width:480px){.panel-container{padding:10px}.super-dashboard-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.super-dashboard-stat-card{border-radius:12px;gap:8px;padding:10px}.super-dashboard-stat-icon{width:44px;height:44px;font-size:20px}.super-dashboard-stat-value{font-size:18px}.super-dashboard-stat-content h3{font-size:9px}.super-dashboard-stat-change{font-size:10px}.super-dashboard-info-grid{gap:10px;margin-bottom:16px}.super-dashboard-info-card{border-radius:12px;padding:12px}.greeting-card{gap:10px;min-height:auto;padding:12px}.greeting-icon-wrapper{width:64px;height:64px}.greeting-icon-wrapper svg{width:32px;height:32px}.greeting-time{margin-bottom:6px;font-size:18px}.greeting-date{margin-bottom:3px;font-size:10px}.greeting-message{font-size:11px}.company-card{gap:10px;min-height:auto;padding:12px}.company-icon-wrapper{width:64px;height:64px}.company-icon-wrapper svg{width:32px;height:32px}.company-title{margin-bottom:6px;font-size:9px}.company-info p{gap:5px;font-size:9px}.company-info svg{width:11px;height:11px}.system-status-card{margin-bottom:14px;padding:12px}.system-status-title{gap:8px;margin-bottom:10px;font-size:12px}.system-status-title svg{width:16px;height:16px}.system-status-grid-horizontal{flex-direction:row;justify-content:space-between;gap:4px}.system-status-item-horizontal{border-radius:10px;gap:6px;min-width:70px;max-width:100px;padding:5px}.system-status-label{font-size:9px}.super-dashboard-chart-card,.super-dashboard-chart-card-3{border-radius:12px;padding:10px}.super-dashboard-chart-title{gap:6px;margin-bottom:10px;font-size:11px}.super-dashboard-chart-title svg{width:14px;height:14px}.no-access-panel{border-radius:14px;padding:30px 16px}.no-access-image{max-width:140px;margin-bottom:16px}.no-access-panel h3{margin:12px 0 10px;font-size:20px}.no-access-panel p{margin-bottom:10px;font-size:12px}.no-access-panel:before{margin-bottom:12px;font-size:40px}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.super-dashboard-stat-card{animation:.5s ease-out slideInUp}.super-dashboard-chart-card,.super-dashboard-chart-card-3{animation:.6s ease-out fadeIn}.greeting-card,.company-card,.system-status-card{animation:.6s ease-out slideInUp}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media print{.panel-container{background:#fff;padding:0}.super-dashboard-stat-card,.super-dashboard-info-card,.super-dashboard-chart-card,.super-dashboard-chart-card-3,.system-status-card{box-shadow:none;page-break-inside:avoid;border:1px solid #e5e7eb}.greeting-card:before,.greeting-card:after,.company-card:before,.company-card:after{display:none}}.text-center{text-align:center}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}@media (prefers-color-scheme:dark){.panel-container{background:linear-gradient(135deg,#1f2937 0%,#111827 100%)}.super-dashboard-stat-card,.super-dashboard-info-card,.super-dashboard-chart-card,.super-dashboard-chart-card-3,.system-status-card{background:#1f2937;border-color:#374151}.super-dashboard-stat-content h3,.system-status-title,.super-dashboard-chart-title{color:#e5e7eb}.super-dashboard-stat-value{color:#f3f4f6}.company-card{background:#1f2937;border-color:#374151}.company-info p{color:#d1d5db}.company-info strong{color:#e5e7eb}.system-status-item-horizontal{background:linear-gradient(135deg,#374151 0%,#1f2937 100%);border-color:#4b5563}.system-status-label{color:#9ca3af}}.profile-image-container{width:150px;height:150px;margin:0 auto 20px;position:relative}.profile-image-wrapper{cursor:pointer;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border:3px dashed #ccc;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.profile-image-wrapper:hover{border-color:var(--system-main-color,#4a90e2);transform:scale(1.05);box-shadow:0 8px 25px #00000026}.profile-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.profile-image-wrapper:hover img{transform:scale(1.1)}.profile-image-placeholder{text-align:center;color:#999;pointer-events:none}.profile-image-placeholder svg{margin-bottom:8px}.profile-image-placeholder-text{font-size:12px;font-weight:500;line-height:1.4}.profile-camera-icon{background:var(--system-main-color,#4a90e2);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;position:absolute;bottom:5px;right:5px;box-shadow:0 2px 8px #0003}.profile-image-wrapper:hover .profile-camera-icon{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.profile-image-badge{color:#fff;z-index:3;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:700;animation:2s infinite pulse;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 8px #10b98166}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.image-upload-hint{text-align:center;color:#666;margin-top:8px;font-size:11px;font-weight:500}.image-upload-hint strong{color:var(--system-main-color,#4a90e2);font-weight:600}@media (max-width:768px){.profile-image-container,.profile-image-wrapper{width:120px;height:120px}.profile-camera-icon{width:30px;height:30px}.profile-image-badge{width:25px;height:25px;font-size:12px}}.panel-container{background:#f9fafb;min-height:100vh;padding:24px}.common-header-section{margin-bottom:20px}.common-page-title{color:#111827;margin:0;font-size:28px;font-weight:700}.dashboard-panels-grid-gradient{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;display:grid}.dashboard-panel-gradient{cursor:pointer;position:relative;overflow:hidden;border-radius:12px!important;padding:12px 16px!important}.dashboard-panel-icon-gradient{justify-content:center;align-items:center;display:flex;margin-bottom:8px!important}.dashboard-panel-icon-gradient svg{width:24px!important;height:24px!important}.dashboard-panel-content-gradient{text-align:center}.dashboard-panel-title-gradient{text-transform:uppercase;letter-spacing:.5px;opacity:.9;margin:0;margin-bottom:6px!important;font-size:11px!important;font-weight:500!important}.dashboard-panel-value-gradient{line-height:1;margin-bottom:3px!important;font-size:18px!important;font-weight:700!important}.dashboard-panel-subvalue-gradient{opacity:.8;margin-top:2px;font-size:9px!important}.filters-container{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.search-input-common{background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:10px 16px;font-size:14px;transition:all .2s}.search-input-common:focus{border-color:var(--system-main-color,#8b5cf6);box-shadow:0 0 0 3px #8b5cf61a}.common-button-design{background:var(--system-main-color,#8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.common-button-design:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.common-button-design:disabled{cursor:not-allowed;background:#9ca3af;transform:none}.panel-container-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.common-table-container{overflow-x:auto}.common-table{border-collapse:collapse;width:100%;font-size:14px}.common-table thead{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.common-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:16px 12px;font-size:12px;font-weight:600}.common-table tbody tr{border-bottom:1px solid #f3f4f6}.common-table tbody tr:last-child{border-bottom:none}.common-table tbody td{color:#374151;padding:14px 12px}.table-row-hover:hover{background:#f9fafb;transition:background .2s}.table-index{color:#6b7280;text-align:center;font-weight:600}.text-cell-bold{color:#111827;font-weight:600}.text-cell{color:#4b5563}.text-cell.left-align{text-align:left}.status-badge{white-space:nowrap}.icon-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:inline-flex}.icon-btn:hover{transform:scale(1.1)}.icon-btn.edit-btn:hover{background:#dbeafe}.icon-btn.reset-btn:hover{background:#fef3c7}.icon-btn.delete-btn:hover{background:#fecaca}.no-data-row td{border:none!important}.no-data-table-cell{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.no-data-image{opacity:.6;width:180px;height:180px;margin-bottom:20px}.no-data-text{color:#6b7280;font-size:16px;font-weight:500}.spinner{border:3px solid #f3f4f6;border-top:3px solid var(--system-main-color,#8b5cf6);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}.pagination-panel{background:#fafafa;border-top:1px solid #e5e7eb;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex}.pagination-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 14px;font-weight:600;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--system-main-color,#8b5cf6);color:#fff;border-color:var(--system-main-color,#8b5cf6)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-arrow{font-size:18px}.pagination-goto{color:#6b7280;align-items:center;gap:8px;font-size:14px;display:flex}.pagination-input{text-align:center;border:1px solid #d1d5db;border-radius:6px;width:60px;padding:6px 10px;font-size:14px}.pagination-total{color:#374151;font-size:14px}.table-footer{background:#fafafa;border-top:1px solid #e5e7eb;padding:16px 20px}.export-buttons-common{justify-content:flex-end;gap:12px;display:flex}.export-button-common{cursor:pointer;color:#fff;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.export-button-common.excel{background:#10b981}.export-button-common.excel:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.export-button-common.csv{background:#3b82f6}.export-button-common.csv:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.export-button-common.pdf{background:#ef4444}.export-button-common.pdf:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.model-overlay-adduser{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.model-content-adduser{background:#fff;border-radius:12px;animation:.3s modalSlideIn;box-shadow:0 20px 60px #0000004d}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.common-close-button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:24px;transition:all .2s}.common-close-button:hover{color:#ef4444;background:#f3f4f6}.common-form-row-1{margin-bottom:16px}.common-form-group{flex-direction:column;display:flex}.common-form-group label{color:#374151;margin-bottom:6px;font-size:14px;font-weight:600}.common-form-group input,.common-form-group select,.common-form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:all .2s}.common-form-group input:focus,.common-form-group select:focus,.common-form-group textarea:focus{border-color:var(--system-main-color,#8b5cf6);box-shadow:0 0 0 3px #8b5cf61a}.common-form-group input:disabled,.common-form-group select:disabled,.common-form-group textarea:disabled{cursor:not-allowed;background:#f3f4f6}.form-error,.form-success{align-items:center;gap:8px;display:flex}.form-actions{margin-top:24px}.common-button-design-remove{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.common-button-design-remove:hover{background:#4b5563;transform:translateY(-1px)}.edit-button{background:var(--system-main-color,#8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.edit-button:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.edit-button:disabled,.common-button-design-remove:disabled{opacity:.6;cursor:not-allowed;transform:none}.swal-delete-btn,.swal-cancel-btn{font-weight:600!important}@media (max-width:768px){.dashboard-panels-grid-gradient{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.dashboard-panel-gradient{padding:10px 12px!important}.dashboard-panel-icon-gradient svg{width:20px!important;height:20px!important}.dashboard-panel-value-gradient{font-size:16px!important}.filters-container{flex-direction:column;align-items:stretch}.search-input-common{width:100%;min-width:auto!important}.common-button-design{justify-content:center;width:100%}.export-buttons-common{flex-direction:column}.export-button-common{justify-content:center;width:100%}.pagination-panel{flex-wrap:wrap;gap:8px}.common-table{font-size:12px}.common-table thead th,.common-table tbody td{padding:10px 8px}}@media (max-width:480px){.panel-container{padding:16px}.common-page-title{font-size:22px}.dashboard-panel-value-gradient{font-size:14px!important}.dashboard-panel-title-gradient{font-size:10px!important}.model-content-adduser{width:95%!important;max-width:95%!important}}:root{--system-main-color:#8b5cf6;--system-main-hover:#7c3aed;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--info-color:#3b82f6}.modal-overlay-common{z-index:9999;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.3s ease-in-out fadeInOverlay;display:flex;position:fixed;inset:0}@keyframes fadeInOverlay{0%{background:0 0}to{background:#00000080}}.modal-content-common{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:85vh;padding:20px;animation:.3s ease-in-out slideUpModal;display:flex;overflow:hidden auto;box-shadow:0 25px 50px -12px #00000040}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header-common{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-bottom:2px solid #e5e7eb;border-radius:16px 16px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.modal-header-common h2{flex:1;margin:0;font-size:24px;font-weight:700}.modal-close-common{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:10px 14px;font-size:24px;transition:all .3s;display:flex}.modal-close-common:hover{background:#ffffff4d;transform:scale(1.1)}.modal-content-common>div:nth-child(2){flex:1;padding:24px;overflow-y:auto}.modal-footer-common{background:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 16px 16px;flex-shrink:0;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.modal-footer-common .common-button-design{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s}.modal-footer-common .common-button-design:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 10px 20px #6366f133}.modal-content-common::-webkit-scrollbar{width:10px}.modal-content-common::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.modal-content-common::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f1f5f9;border-radius:10px}.modal-content-common::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-content-common{scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.modal-content-common h3{color:#1f2937;border-bottom:2px solid #e5e7eb;margin:24px 0 16px;padding-bottom:12px;font-size:18px;font-weight:700}.modal-content-common h3:first-of-type{margin-top:0}.modal-content-common h4{color:#4b5563;margin:16px 0 8px;font-size:14px;font-weight:600}.modal-content-common>div:nth-child(2)>div>div>div{border-bottom:1px solid #f3f4f6;grid-template-columns:200px 1fr;align-items:start;gap:16px;padding:12px 0;display:grid}.modal-content-common>div:nth-child(2)>div>div>div>span:first-child{color:#6b7280;font-weight:600}.modal-content-common>div:nth-child(2)>div>div>div>span:last-child{color:#374151;word-break:break-word;line-height:1.5}.modal-content-common div[style*="background: #f9fafb"]{border:1px solid #e5e7eb;border-radius:10px;margin-bottom:16px;transition:all .3s;background:#f9fafb!important;padding:16px!important}.modal-content-common div[style*="background: #f9fafb"]:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014;background:#fff!important}.modal-content-common div[style*="background: #f9fafb"] h4{color:#1f2937;margin-top:0}.modal-content-common div[style*="gridTemplateColumns: 1fr 1fr"]{margin-top:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:12px!important;display:grid!important}.modal-content-common a{color:#3b82f6;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.modal-content-common a:hover{color:#1e40af;background:linear-gradient(135deg,#e0e7ff 0%,#dbeafe 100%);border-color:#3b82f6;transform:translateY(-3px);box-shadow:0 8px 16px #3b82f633}.modal-content-common ul{margin:8px 0;padding:0;list-style:none}.modal-content-common li{color:#555;padding:8px 0 8px 16px;font-size:14px;line-height:1.6;position:relative}.modal-content-common li:before{content:"•";color:#6366f1;font-weight:700;position:absolute;left:0}.modal-content-common span[style*="borderRadius: 12px"]{white-space:nowrap;border-radius:12px!important;padding:6px 14px!important;font-size:12px!important;font-weight:600!important;display:inline-block!important}.modal-content-common p{color:#555;margin:8px 0;font-size:14px;line-height:1.6}@media (max-width:1024px){.modal-content-common{max-width:95%}.modal-header-common{padding:20px}.modal-header-common h2{font-size:20px}.modal-content-common>div:nth-child(2){padding:20px}.modal-footer-common{padding:16px 20px}}@media (max-width:768px){.modal-overlay-common{padding:12px}.modal-content-common{max-width:100%;max-height:90vh}.modal-header-common{flex-wrap:wrap;padding:16px}.modal-header-common h2{flex:1;min-width:200px;font-size:18px}.modal-content-common>div:nth-child(2){padding:16px}.modal-content-common>div:nth-child(2)>div>div>div{grid-template-columns:1fr;gap:8px}.modal-content-common div[style*="gridTemplateColumns: 1fr 1fr"]{grid-template-columns:1fr!important}.modal-footer-common{flex-direction:column;padding:12px 16px}.modal-footer-common .common-button-design{width:100%}.modal-content-common h3{margin:20px 0 12px;font-size:16px}.modal-content-common h4{font-size:13px}}@media (max-width:480px){.modal-overlay-common{padding:8px}.modal-header-common{gap:8px;padding:12px}.modal-header-common h2{font-size:16px}.modal-close-common{min-width:40px;min-height:40px;padding:8px 10px;font-size:20px}.modal-content-common>div:nth-child(2){padding:12px}.modal-content-common div[style*="gridTemplateColumns: 1fr 1fr"]{grid-template-columns:1fr!important;gap:8px!important}.modal-footer-common{padding:10px 12px}.modal-footer-common .common-button-design{padding:10px 16px;font-size:13px}.modal-content-common h3{margin:16px 0 10px;font-size:14px}.modal-content-common li{padding:6px 0 6px 14px;font-size:13px}.modal-content-common a{padding:10px 12px;font-size:12px}}@media print{.modal-overlay-common{background:0 0;position:static}.modal-content-common{box-shadow:none;border-radius:0;max-height:none}.modal-header-common,.modal-footer-common{display:none}.modal-content-common>div:nth-child(2){padding:0}}@media (prefers-color-scheme:dark){.modal-content-common{color:#e5e7eb;background:#1f2937}.modal-header-common{background:linear-gradient(135deg,#4f46e5 0%,#3730a3 100%)}.modal-footer-common{background:#111827;border-top-color:#374151}.modal-content-common h3{color:#f3f4f6;border-bottom-color:#374151}.modal-content-common h4{color:#d1d5db}.modal-content-common>div:nth-child(2)>div>div>div>span:first-child{color:#9ca3af}.modal-content-common>div:nth-child(2)>div>div>div>span:last-child{color:#e5e7eb}.modal-content-common div[style*="background: #f9fafb"]{border-color:#4b5563;background:#374151!important}.modal-content-common a{background:linear-gradient(135deg,#374151 0%,#1f2937 100%);border-color:#4b5563}.modal-content-common a:hover{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1e40af 100%)}}.subject-overview-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.subject-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:12px;padding:14px 18px;box-shadow:0 2px 8px #667eea40}.subject-header-content{max-width:100%}.subject-title{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.subject-subtitle{opacity:.95;margin:0;font-size:11px;font-weight:500}.subject-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.subject-stat-card{background:#fff;border-left:3px solid;border-radius:8px;padding:12px 14px;transition:all .2s;box-shadow:0 1px 4px #0000000f}.subject-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.subject-stat-card.purple{border-left-color:#8b5cf6}.subject-stat-card.blue{border-left-color:#06b6d4}.subject-stat-card.green{border-left-color:#10b981}.subject-stat-card.orange{border-left-color:#f59e0b}.subject-stat-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.subject-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.subject-stat-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.subject-stat-value{color:#1f2937;margin:4px 0;font-size:20px;font-weight:700;line-height:1}.subject-stat-footer{color:#6b7280;font-size:10px;font-weight:500}.subject-filters{background:#fff;border-radius:8px;margin-bottom:12px;padding:12px 14px;box-shadow:0 1px 4px #0000000f}.subject-filters-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:10px;display:grid}.subject-filter-group{flex-direction:column;gap:4px;display:flex}.subject-filter-label{color:#374151;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.subject-filter-input,.subject-filter-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;width:100%;height:32px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s}.subject-filter-input:hover,.subject-filter-select:hover{border-color:#d1d5db}.subject-filter-input:focus,.subject-filter-select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 2px #8b5cf61a}.subject-filter-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}.subject-filter-actions{gap:8px;margin-top:10px;display:flex}.subject-btn-primary,.subject-btn-secondary{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:5px;height:32px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.subject-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.subject-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.subject-btn-primary:disabled{opacity:.5;cursor:not-allowed}.subject-btn-secondary{color:#374151;background:#f3f4f6}.subject-btn-secondary:hover{background:#e5e7eb}.subject-tabs{background:#fff;border-radius:8px;gap:6px;margin-bottom:12px;padding:6px;display:flex;box-shadow:0 1px 4px #0000000f}.subject-tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;height:36px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.subject-tab:hover{color:#374151;background:#f9fafb}.subject-tab.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 2px 6px #667eea40}.subject-table-container{background:#fff;border-radius:8px;margin-bottom:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.subject-table-wrapper{border-radius:8px;margin-bottom:12px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.subject-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.subject-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.subject-table th{text-align:left;white-space:nowrap;padding:12px 8px;font-size:12px;font-weight:600}.subject-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px 8px}.subject-table tbody tr:hover{background-color:#f9fafb}.subject-table tbody tr:last-child td{border-bottom:none}.subject-id-cell{color:#3b82f6;font-weight:600}.subject-name-cell{color:#1f2937;font-weight:500}.subject-status-badge{text-transform:capitalize;white-space:nowrap;border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.subject-status-badge.active{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}.subject-status-badge.inactive{color:#991b1b;background-color:#fee2e2;border:1px solid #fca5a5}.subject-action-buttons{justify-content:center;align-items:center;gap:8px;display:flex}.subject-action-icon{cursor:pointer;opacity:.7;width:20px;height:20px;transition:all .2s}.subject-action-icon:hover{opacity:1;transform:scale(1.1)}.subject-action-icon:active{transform:scale(.95)}.subject-pagination{justify-content:center;align-items:center;gap:1rem;margin:1rem 0;padding:1rem;display:flex}.subject-page-btn{color:#fff;cursor:pointer;background-color:#667eea;border:none;border-radius:4px;min-width:80px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.subject-page-btn:hover:not(:disabled){background-color:#5568d3;transform:translateY(-1px);box-shadow:0 2px 4px #667eea4d}.subject-page-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #667eea4d}.subject-page-btn:disabled{cursor:not-allowed;opacity:.6;background-color:#6c757d}.subject-page-goto{color:#495057;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.subject-page-input{text-align:center;border:2px solid #dee2e6;border-radius:4px;width:60px;padding:.25rem .5rem;font-size:.9rem;transition:border-color .2s}.subject-page-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea40}.subject-page-info{color:#6b7280;margin-left:8px;font-weight:400}.subject-analytics-content{flex-direction:column;gap:12px;display:flex}.subject-chart-card-full{background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 4px #0000000f}.subject-chart-title{color:#1f2937;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.subject-chart-title:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px;width:3px;height:16px}.subject-analytics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.subject-analytics-item{text-align:center;background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-left:3px solid #667eea;border-radius:8px;padding:16px}.subject-analytics-label{color:#6b7280;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600}.subject-analytics-value{color:#1f2937;margin-bottom:4px;font-size:28px;font-weight:700}.subject-analytics-percent{color:#667eea;font-size:12px;font-weight:600}.subject-export{background:#fff;border-radius:8px;margin-top:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.subject-export-title{color:#1f2937;margin:0 0 10px;font-size:13px;font-weight:700}.subject-export-buttons{flex-wrap:wrap;gap:8px;display:flex}.subject-export-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-width:110px;height:36px;padding:8px 16px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.subject-export-btn.excel{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.subject-export-btn.csv{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.subject-export-btn.pdf{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c)}.subject-export-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #00000026}.subject-export-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.subject-no-data{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.subject-no-data img{opacity:.5;width:200px;height:auto;margin-bottom:20px}.subject-no-data p{color:#6b7280;margin:0;font-size:16px}.subject-spinner{border:3px solid #f3f4f6;border-top-color:#8b5cf6;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@media (max-width:1600px){.subject-stats-grid,.subject-filters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.subject-filters-grid{grid-template-columns:1fr}.subject-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.subject-overview-container{padding:10px}.subject-header{padding:12px 14px}.subject-title{font-size:16px}.subject-subtitle{font-size:10px}.subject-stats-grid,.subject-filters-grid{grid-template-columns:1fr}.subject-export-buttons{flex-direction:column}.subject-export-btn{width:100%}.subject-pagination{flex-direction:column;gap:.75rem}.subject-page-btn{min-width:100px}}@media (max-width:480px){.subject-pagination{margin:1rem 0;padding:.5rem}.subject-page-btn{padding:.75rem 1rem;font-size:1rem}.subject-page-goto{font-size:1rem}.subject-page-input{width:70px;padding:.5rem;font-size:1rem}}.school-overview-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.school-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:12px;padding:14px 18px;box-shadow:0 2px 8px #667eea40}.school-header-content{max-width:100%}.school-title{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.school-subtitle{opacity:.95;margin:0;font-size:11px;font-weight:500}.school-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.school-stat-card{background:#fff;border-left:3px solid;border-radius:8px;padding:12px 14px;transition:all .2s;box-shadow:0 1px 4px #0000000f}.school-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.school-stat-card.purple{border-left-color:#8b5cf6}.school-stat-card.blue{border-left-color:#06b6d4}.school-stat-card.green{border-left-color:#10b981}.school-stat-card.orange{border-left-color:#f59e0b}.school-stat-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.school-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.school-stat-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.school-stat-value{color:#1f2937;margin:4px 0;font-size:20px;font-weight:700;line-height:1}.school-stat-footer{color:#6b7280;font-size:10px;font-weight:500}.school-filters{background:#fff;border-radius:8px;margin-bottom:12px;padding:12px 14px;box-shadow:0 1px 4px #0000000f}.school-filters-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:10px;display:grid}.school-filter-group{flex-direction:column;gap:4px;display:flex}.school-filter-label{color:#374151;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.school-filter-input,.school-filter-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;width:100%;height:32px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s}.school-filter-input:hover,.school-filter-select:hover{border-color:#d1d5db}.school-filter-input:focus,.school-filter-select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 2px #8b5cf61a}.school-filter-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}.school-filter-actions{gap:8px;margin-top:10px;display:flex}.school-btn-primary,.school-btn-secondary{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:5px;height:32px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.school-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.school-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.school-btn-primary:disabled{opacity:.5;cursor:not-allowed}.school-btn-secondary{color:#374151;background:#f3f4f6}.school-btn-secondary:hover{background:#e5e7eb}.school-tabs{background:#fff;border-radius:8px;gap:6px;margin-bottom:12px;padding:6px;display:flex;box-shadow:0 1px 4px #0000000f}.school-tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;height:36px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.school-tab:hover{color:#374151;background:#f9fafb}.school-tab.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 2px 6px #667eea40}.school-table-container{background:#fff;border-radius:8px;margin-bottom:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.school-table-wrapper{border-radius:8px;margin-bottom:12px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.school-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.school-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.school-table th{text-align:left;white-space:nowrap;padding:12px 8px;font-size:12px;font-weight:600}.school-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px 8px}.school-table tbody tr:hover{background-color:#f9fafb}.school-table tbody tr:last-child td{border-bottom:none}.school-id-cell{color:#3b82f6;font-weight:600}.school-name-cell{color:#1f2937;font-weight:500}.school-status-badge{text-transform:capitalize;white-space:nowrap;border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.school-status-badge.active{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}.school-status-badge.inactive{color:#991b1b;background-color:#fee2e2;border:1px solid #fca5a5}.school-action-buttons{justify-content:center;align-items:center;gap:8px;display:flex}.school-action-icon{cursor:pointer;opacity:.7;width:20px;height:20px;transition:all .2s}.school-action-icon:hover{opacity:1;transform:scale(1.1)}.school-action-icon:active{transform:scale(.95)}.school-pagination{justify-content:center;align-items:center;gap:1rem;margin:1rem 0;padding:1rem;display:flex}.school-page-btn{color:#fff;cursor:pointer;background-color:#667eea;border:none;border-radius:4px;min-width:80px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.school-page-btn:hover:not(:disabled){background-color:#5568d3;transform:translateY(-1px);box-shadow:0 2px 4px #667eea4d}.school-page-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #667eea4d}.school-page-btn:disabled{cursor:not-allowed;opacity:.6;background-color:#6c757d}.school-page-goto{color:#495057;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.school-page-input{text-align:center;border:2px solid #dee2e6;border-radius:4px;width:60px;padding:.25rem .5rem;font-size:.9rem;transition:border-color .2s}.school-page-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea40}.school-page-info{color:#6b7280;margin-left:8px;font-weight:400}.school-analytics-content{flex-direction:column;gap:12px;display:flex}.school-chart-card-full{background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 4px #0000000f}.school-chart-title{color:#1f2937;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.school-chart-title:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px;width:3px;height:16px}.school-analytics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.school-analytics-item{text-align:center;background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-left:3px solid #667eea;border-radius:8px;padding:16px}.school-analytics-label{color:#6b7280;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600}.school-analytics-value{color:#1f2937;margin-bottom:4px;font-size:28px;font-weight:700}.school-analytics-percent{color:#667eea;font-size:12px;font-weight:600}.school-export{background:#fff;border-radius:8px;margin-top:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.school-export-title{color:#1f2937;margin:0 0 10px;font-size:13px;font-weight:700}.school-export-buttons{flex-wrap:wrap;gap:8px;display:flex}.school-export-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-width:110px;height:36px;padding:8px 16px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.school-export-btn.excel{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.school-export-btn.csv{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.school-export-btn.pdf{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c)}.school-export-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #00000026}.school-export-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.school-no-data{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.school-no-data img{opacity:.5;width:200px;height:auto;margin-bottom:20px}.school-no-data p{color:#6b7280;margin:0;font-size:16px}.school-spinner{border:3px solid #f3f4f6;border-top-color:#8b5cf6;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@media (max-width:1600px){.school-stats-grid,.school-filters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.school-filters-grid{grid-template-columns:1fr}.school-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.school-overview-container{padding:10px}.school-header{padding:12px 14px}.school-title{font-size:16px}.school-subtitle{font-size:10px}.school-stats-grid,.school-filters-grid{grid-template-columns:1fr}.school-export-buttons{flex-direction:column}.school-export-btn{width:100%}.school-pagination{flex-direction:column;gap:.75rem}.school-page-btn{min-width:100px}}@media (max-width:480px){.school-pagination{margin:1rem 0;padding:.5rem}.school-page-btn{padding:.75rem 1rem;font-size:1rem}.school-page-goto{font-size:1rem}.school-page-input{width:70px;padding:.5rem;font-size:1rem}}.area-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.3s ease-in-out fadeInOverlay;display:flex;position:fixed;inset:0}.area-modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;animation:.3s ease-out slideUpModal;overflow-y:auto;box-shadow:0 10px 40px #0003}.area-modal-header{border-bottom:2px solid var(--system-main-color,#4a90e2);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.area-modal-header h2{color:#fff;letter-spacing:.5px;margin:0;font-size:18px;font-weight:700}.area-modal-close{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:28px;line-height:1;transition:all .3s;display:flex}.area-modal-close:hover{background:#fff3;transform:rotate(90deg)}.area-form{padding:24px}.area-form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.area-form-group:last-of-type{margin-bottom:24px}.area-form-group label{color:#374151;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}.area-form-group input,.area-form-group select{color:#1f2937;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s}.area-form-group input::placeholder{color:#9ca3af;font-weight:400}.area-form-group input:focus,.area-form-group select:focus{border-color:var(--system-main-color,#4a90e2);background:#fafbff;outline:none;box-shadow:0 0 0 3px #4a90e21a}.area-form-group input:hover,.area-form-group select:hover{background:#f9fafb;border-color:#d1d5db}.area-form-group input:disabled,.area-form-group select:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f3f4f6;border-color:#e5e7eb}.area-form-group 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='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.area-form-group select option{color:#1f2937;background:#fff;padding:8px;font-weight:500}.area-form-group select option:hover{background:var(--system-main-color,#4a90e2);color:#fff}.area-form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;display:flex}.area-btn-cancel,.area-btn-submit{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:100px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.area-btn-cancel{color:#374151;background-color:#f3f4f6;border:1.5px solid #e5e7eb}.area-btn-cancel:hover{background-color:#e5e7eb;border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.area-btn-cancel:active{transform:translateY(0)}.area-btn-submit{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;box-shadow:0 4px 12px #667eea4d}.area-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.area-btn-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #667eea4d}.area-btn-submit:disabled{opacity:.6;cursor:not-allowed;animation:1.5s ease-in-out infinite pulse}.area-modal-content::-webkit-scrollbar{width:8px}.area-modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.area-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.area-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.area-modal-overlay{padding:16px}.area-modal-content{width:100%;max-width:95%}.area-modal-header{padding:16px 20px}.area-modal-header h2{font-size:16px}.area-modal-close{width:28px;height:28px;font-size:24px}.area-form{padding:20px}.area-form-group{margin-bottom:16px}.area-form-group label{font-size:13px}.area-form-group input,.area-form-group select{padding:10px 12px;font-size:13px}.area-form-actions{gap:8px;margin-top:20px}.area-btn-cancel,.area-btn-submit{min-width:90px;padding:9px 16px;font-size:13px}}@media (max-width:480px){.area-modal-overlay{padding:12px}.area-modal-content{max-width:100%;max-height:95vh}.area-modal-header{padding:14px 16px}.area-modal-header h2{font-size:15px}.area-modal-close{width:24px;height:24px;font-size:20px}.area-form{padding:16px}.area-form-group{margin-bottom:14px}.area-form-group label{font-size:12px}.area-form-group input,.area-form-group select{padding:9px 10px;font-size:12px}.area-form-actions{flex-direction:column;gap:10px;margin-top:16px}.area-btn-cancel,.area-btn-submit{width:100%;padding:11px 14px;font-size:12px}}.area-btn-cancel:focus-visible,.area-btn-submit:focus-visible,.area-form-group input:focus-visible,.area-form-group select:focus-visible{outline:2px solid var(--system-main-color,#4a90e2);outline-offset:2px}@media (prefers-color-scheme:dark){.area-modal-content{color:#f3f4f6;background:#1f2937}.area-modal-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom-color:#667eea}.area-form-group label{color:#e5e7eb}.area-form-group input,.area-form-group select{color:#f3f4f6;background:#111827;border-color:#374151}.area-form-group input:focus,.area-form-group select:focus{background:#1f2937;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.area-form-group input::placeholder{color:#6b7280}.area-btn-cancel{color:#e5e7eb;background-color:#374151;border-color:#4b5563}.area-btn-cancel:hover{background-color:#4b5563;border-color:#6b7280}}.area-overview-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.area-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:12px;padding:14px 18px;box-shadow:0 2px 8px #667eea40}.area-header-content{max-width:100%}.area-title{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.area-subtitle{opacity:.95;margin:0;font-size:11px;font-weight:500}.area-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.area-stat-card{background:#fff;border-left:3px solid;border-radius:8px;padding:12px 14px;transition:all .2s;box-shadow:0 1px 4px #0000000f}.area-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.area-stat-card.purple{border-left-color:#8b5cf6}.area-stat-card.blue{border-left-color:#06b6d4}.area-stat-card.green{border-left-color:#10b981}.area-stat-card.orange{border-left-color:#f59e0b}.area-stat-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.area-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.area-stat-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.area-stat-value{color:#1f2937;margin:4px 0;font-size:20px;font-weight:700;line-height:1}.area-stat-footer{color:#6b7280;font-size:10px;font-weight:500}.area-filters{background:#fff;border-radius:8px;margin-bottom:12px;padding:12px 14px;box-shadow:0 1px 4px #0000000f}.area-filters-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:10px;display:grid}.area-filter-group{flex-direction:column;gap:4px;display:flex}.area-filter-label{color:#374151;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.area-filter-input,.area-filter-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;width:100%;height:32px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s}.area-filter-input:hover,.area-filter-select:hover{border-color:#d1d5db}.area-filter-input:focus,.area-filter-select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 2px #8b5cf61a}.area-filter-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}.area-filter-actions{gap:8px;margin-top:10px;display:flex}.area-btn-primary,.area-btn-secondary{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:5px;height:32px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.area-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.area-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.area-btn-primary:disabled{opacity:.5;cursor:not-allowed}.area-btn-secondary{color:#374151;background:#f3f4f6}.area-btn-secondary:hover{background:#e5e7eb}.area-tabs{background:#fff;border-radius:8px;gap:6px;margin-bottom:12px;padding:6px;display:flex;box-shadow:0 1px 4px #0000000f}.area-tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;height:36px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.area-tab:hover{color:#374151;background:#f9fafb}.area-tab.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 2px 6px #667eea40}.area-table-container{background:#fff;border-radius:8px;margin-bottom:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.area-table-wrapper{border-radius:8px;margin-bottom:12px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.area-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.area-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.area-table th{text-align:left;white-space:nowrap;padding:12px 8px;font-size:12px;font-weight:600}.area-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px 8px}.area-table tbody tr:hover{background-color:#f9fafb}.area-table tbody tr:last-child td{border-bottom:none}.area-id-cell{color:#3b82f6;font-weight:600}.area-name-cell{color:#1f2937;font-weight:500}.area-code-cell{color:#6b7280;font-family:Courier New,monospace;font-weight:500}.area-status-badge{text-transform:capitalize;white-space:nowrap;border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.area-status-badge.active{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}.area-status-badge.inactive{color:#991b1b;background-color:#fee2e2;border:1px solid #fca5a5}.area-action-buttons{justify-content:center;align-items:center;gap:8px;display:flex}.area-action-icon{cursor:pointer;opacity:.7;width:20px;height:20px;transition:all .2s}.area-action-icon:hover{opacity:1;transform:scale(1.1)}.area-action-icon:active{transform:scale(.95)}.area-pagination{justify-content:center;align-items:center;gap:1rem;margin:1rem 0;padding:1rem;display:flex}.area-page-btn{color:#fff;cursor:pointer;background-color:#667eea;border:none;border-radius:4px;min-width:80px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.area-page-btn:hover:not(:disabled){background-color:#5568d3;transform:translateY(-1px);box-shadow:0 2px 4px #667eea4d}.area-page-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #667eea4d}.area-page-btn:disabled{cursor:not-allowed;opacity:.6;background-color:#6c757d}.area-page-goto{color:#495057;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.area-page-input{text-align:center;border:2px solid #dee2e6;border-radius:4px;width:60px;padding:.25rem .5rem;font-size:.9rem;transition:border-color .2s}.area-page-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea40}.area-page-info{color:#6b7280;margin-left:8px;font-weight:400}.area-analytics-content{flex-direction:column;gap:12px;display:flex}.area-chart-card-full{background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 4px #0000000f}.area-chart-title{color:#1f2937;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.area-chart-title:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px;width:3px;height:16px}.area-analytics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.area-analytics-item{text-align:center;background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-left:3px solid #667eea;border-radius:8px;padding:16px}.area-analytics-label{color:#6b7280;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600}.area-analytics-value{color:#1f2937;margin-bottom:4px;font-size:28px;font-weight:700}.area-analytics-percent{color:#667eea;font-size:12px;font-weight:600}.area-export{background:#fff;border-radius:8px;margin-top:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.area-export-title{color:#1f2937;margin:0 0 10px;font-size:13px;font-weight:700}.area-export-buttons{flex-wrap:wrap;gap:8px;display:flex}.area-export-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-width:110px;height:36px;padding:8px 16px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.area-export-btn.excel{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.area-export-btn.csv{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.area-export-btn.pdf{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c)}.area-export-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #00000026}.area-export-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.area-no-data{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.area-no-data img{opacity:.5;width:200px;height:auto;margin-bottom:20px}.area-no-data p{color:#6b7280;margin:0;font-size:16px}.area-spinner{border:3px solid #f3f4f6;border-top-color:#8b5cf6;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@media (max-width:1600px){.area-stats-grid,.area-filters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.area-filters-grid{grid-template-columns:1fr}.area-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.area-overview-container{padding:10px}.area-header{padding:12px 14px}.area-title{font-size:16px}.area-subtitle{font-size:10px}.area-stats-grid,.area-filters-grid{grid-template-columns:1fr}.area-export-buttons{flex-direction:column}.area-export-btn{width:100%}.area-pagination{flex-direction:column;gap:.75rem}.area-page-btn{min-width:100px}}@media (max-width:480px){.area-pagination{margin:1rem 0;padding:.5rem}.area-page-btn{padding:.75rem 1rem;font-size:1rem}.area-page-goto{font-size:1rem}.area-page-input{width:70px;padding:.5rem;font-size:1rem}}.user-overview-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.user-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:12px;padding:14px 18px;box-shadow:0 2px 8px #667eea40}.user-header-content{max-width:100%}.user-title{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.user-subtitle{opacity:.95;margin:0;font-size:11px;font-weight:500}.user-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.user-stat-card{background:#fff;border-left:3px solid;border-radius:8px;padding:12px 14px;transition:all .2s;box-shadow:0 1px 4px #0000000f}.user-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.user-stat-card.purple{border-left-color:#8b5cf6}.user-stat-card.blue{border-left-color:#06b6d4}.user-stat-card.green{border-left-color:#10b981}.user-stat-card.orange{border-left-color:#f59e0b}.user-stat-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.user-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.user-stat-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.user-stat-value{color:#1f2937;margin:4px 0;font-size:20px;font-weight:700;line-height:1}.user-stat-footer{color:#6b7280;font-size:10px;font-weight:500}.user-filters{background:#fff;border-radius:8px;margin-bottom:12px;padding:12px 14px;box-shadow:0 1px 4px #0000000f}.user-filters-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:10px;display:grid}.user-filter-group{flex-direction:column;gap:4px;display:flex}.user-filter-label{color:#374151;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.user-filter-input,.user-filter-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;width:100%;height:32px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s}.user-filter-input:hover,.user-filter-select:hover{border-color:#d1d5db}.user-filter-input:focus,.user-filter-select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 2px #8b5cf61a}.user-filter-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}.user-filter-actions{gap:8px;margin-top:10px;display:flex}.user-btn-primary,.user-btn-secondary{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:5px;height:32px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.user-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.user-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.user-btn-primary:disabled{opacity:.5;cursor:not-allowed}.user-btn-secondary{color:#374151;background:#f3f4f6}.user-btn-secondary:hover{background:#e5e7eb}.user-tabs{background:#fff;border-radius:8px;gap:6px;margin-bottom:12px;padding:6px;display:flex;box-shadow:0 1px 4px #0000000f}.user-tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;height:36px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.user-tab:hover{color:#374151;background:#f9fafb}.user-tab.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 2px 6px #667eea40}.user-table-container{background:#fff;border-radius:8px;margin-bottom:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.user-table-wrapper{border-radius:8px;margin-bottom:12px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.user-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.user-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.user-table th{text-align:left;white-space:nowrap;padding:12px 8px;font-size:12px;font-weight:600}.user-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px 8px}.user-table tbody tr:hover{background-color:#f9fafb}.user-table tbody tr:last-child td{border-bottom:none}.user-id-cell{color:#3b82f6;font-weight:600}.user-username-cell,.user-name-cell{color:#1f2937;font-weight:500}.user-status-badge{text-transform:capitalize;white-space:nowrap;border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.user-status-badge.active{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}.user-status-badge.inactive{color:#991b1b;background-color:#fee2e2;border:1px solid #fca5a5}.user-role-badge{white-space:nowrap;border-radius:16px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.user-role-badge.admin{color:#92400e;background:#fef3c7;border:1px solid #f59e0b}.user-role-badge.manager{color:#1e40af;background:#dbeafe;border:1px solid #3b82f6}.user-role-badge.user{color:#374151;background:#f3f4f6;border:1px solid #9ca3af}.user-action-buttons{justify-content:center;align-items:center;gap:8px;display:flex}.user-action-icon{cursor:pointer;opacity:.7;width:20px;height:20px;transition:all .2s}.user-action-icon:hover{opacity:1;transform:scale(1.1)}.user-action-icon:active{transform:scale(.95)}.user-pagination{justify-content:center;align-items:center;gap:1rem;margin:1rem 0;padding:1rem;display:flex}.user-page-btn{color:#fff;cursor:pointer;background-color:#667eea;border:none;border-radius:4px;min-width:80px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.user-page-btn:hover:not(:disabled){background-color:#5568d3;transform:translateY(-1px);box-shadow:0 2px 4px #667eea4d}.user-page-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #667eea4d}.user-page-btn:disabled{cursor:not-allowed;opacity:.6;background-color:#6c757d}.user-page-goto{color:#495057;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.user-page-input{text-align:center;border:2px solid #dee2e6;border-radius:4px;width:60px;padding:.25rem .5rem;font-size:.9rem;transition:border-color .2s}.user-page-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea40}.user-page-info{color:#6b7280;margin-left:8px;font-weight:400}.user-analytics-content{flex-direction:column;gap:12px;display:flex}.user-chart-card-full{background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 4px #0000000f}.user-chart-title{color:#1f2937;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.user-chart-title:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px;width:3px;height:16px}.user-analytics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.user-analytics-item{text-align:center;background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-left:3px solid #667eea;border-radius:8px;padding:16px}.user-analytics-label{color:#6b7280;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600}.user-analytics-value{color:#1f2937;margin-bottom:4px;font-size:28px;font-weight:700}.user-analytics-percent{color:#667eea;font-size:12px;font-weight:600}.user-export{background:#fff;border-radius:8px;margin-top:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.user-export-title{color:#1f2937;margin:0 0 10px;font-size:13px;font-weight:700}.user-export-buttons{flex-wrap:wrap;gap:8px;display:flex}.user-export-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-width:110px;height:36px;padding:8px 16px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.user-export-btn.excel{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.user-export-btn.csv{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.user-export-btn.pdf{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c)}.user-export-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #00000026}.user-export-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.user-no-data{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.user-no-data img{opacity:.5;width:200px;height:auto;margin-bottom:20px}.user-no-data p{color:#6b7280;margin:0;font-size:16px}.user-spinner{border:3px solid #f3f4f6;border-top-color:#8b5cf6;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@media (max-width:1600px){.user-stats-grid,.user-filters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.user-filters-grid{grid-template-columns:1fr}.user-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.user-overview-container{padding:10px}.user-header{padding:12px 14px}.user-title{font-size:16px}.user-subtitle{font-size:10px}.user-stats-grid,.user-filters-grid{grid-template-columns:1fr}.user-export-buttons{flex-direction:column}.user-export-btn{width:100%}.user-pagination{flex-direction:column;gap:.75rem}.user-page-btn{min-width:100px}}@media (max-width:480px){.user-pagination{margin:1rem 0;padding:.5rem}.user-page-btn{padding:.75rem 1rem;font-size:1rem}.user-page-goto{font-size:1rem}.user-page-input{width:70px;padding:.5rem;font-size:1rem}}.disease-overview-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.disease-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:12px;padding:14px 18px;box-shadow:0 2px 8px #667eea40}.disease-header-content{max-width:100%}.disease-title{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.disease-subtitle{opacity:.95;margin:0;font-size:11px;font-weight:500}.disease-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.disease-stat-card{background:#fff;border-left:3px solid;border-radius:8px;padding:12px 14px;transition:all .2s;box-shadow:0 1px 4px #0000000f}.disease-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.disease-stat-card.purple{border-left-color:#8b5cf6}.disease-stat-card.blue{border-left-color:#06b6d4}.disease-stat-card.green{border-left-color:#10b981}.disease-stat-card.orange{border-left-color:#f59e0b}.disease-stat-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.disease-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.disease-stat-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.disease-stat-value{color:#1f2937;margin:4px 0;font-size:20px;font-weight:700;line-height:1}.disease-stat-footer{color:#6b7280;font-size:10px;font-weight:500}.disease-filters{background:#fff;border-radius:8px;margin-bottom:12px;padding:12px 14px;box-shadow:0 1px 4px #0000000f}.disease-filters-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:10px;display:grid}.disease-filter-group{flex-direction:column;gap:4px;display:flex}.disease-filter-label{color:#374151;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.disease-filter-input,.disease-filter-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;width:100%;height:32px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s}.disease-filter-input:hover,.disease-filter-select:hover{border-color:#d1d5db}.disease-filter-input:focus,.disease-filter-select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 2px #8b5cf61a}.disease-filter-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}.disease-filter-actions{gap:8px;margin-top:10px;display:flex}.disease-btn-primary,.disease-btn-secondary{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:5px;height:32px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.disease-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.disease-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.disease-btn-primary:disabled{opacity:.5;cursor:not-allowed}.disease-btn-secondary{color:#374151;background:#f3f4f6}.disease-btn-secondary:hover{background:#e5e7eb}.disease-tabs{background:#fff;border-radius:8px;gap:6px;margin-bottom:12px;padding:6px;display:flex;box-shadow:0 1px 4px #0000000f}.disease-tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;height:36px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.disease-tab:hover{color:#374151;background:#f9fafb}.disease-tab.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 2px 6px #667eea40}.disease-table-container{background:#fff;border-radius:8px;margin-bottom:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.disease-table-wrapper{border-radius:8px;margin-bottom:12px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.disease-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.disease-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.disease-table th{text-align:left;white-space:nowrap;padding:12px 8px;font-size:12px;font-weight:600}.disease-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px 8px}.disease-table tbody tr:hover{background-color:#f9fafb}.disease-table tbody tr:last-child td{border-bottom:none}.disease-id-cell{color:#3b82f6;font-weight:600}.disease-name-cell{color:#1f2937;font-weight:500}.disease-status-badge{text-transform:capitalize;white-space:nowrap;border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.disease-status-badge.active{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}.disease-status-badge.inactive{color:#991b1b;background-color:#fee2e2;border:1px solid #fca5a5}.disease-action-buttons{justify-content:center;align-items:center;gap:8px;display:flex}.disease-action-icon{cursor:pointer;opacity:.7;width:20px;height:20px;transition:all .2s}.disease-action-icon:hover{opacity:1;transform:scale(1.1)}.disease-action-icon:active{transform:scale(.95)}.disease-pagination{justify-content:center;align-items:center;gap:1rem;margin:1rem 0;padding:1rem;display:flex}.disease-page-btn{color:#fff;cursor:pointer;background-color:#667eea;border:none;border-radius:4px;min-width:80px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.disease-page-btn:hover:not(:disabled){background-color:#5568d3;transform:translateY(-1px);box-shadow:0 2px 4px #667eea4d}.disease-page-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #667eea4d}.disease-page-btn:disabled{cursor:not-allowed;opacity:.6;background-color:#6c757d}.disease-page-goto{color:#495057;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.disease-page-input{text-align:center;border:2px solid #dee2e6;border-radius:4px;width:60px;padding:.25rem .5rem;font-size:.9rem;transition:border-color .2s}.disease-page-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea40}.disease-page-info{color:#6b7280;margin-left:8px;font-weight:400}.disease-analytics-content{flex-direction:column;gap:12px;display:flex}.disease-chart-card-full{background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 4px #0000000f}.disease-chart-title{color:#1f2937;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.disease-chart-title:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px;width:3px;height:16px}.disease-analytics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.disease-analytics-item{text-align:center;background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-left:3px solid #667eea;border-radius:8px;padding:16px}.disease-analytics-label{color:#6b7280;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600}.disease-analytics-value{color:#1f2937;margin-bottom:4px;font-size:28px;font-weight:700}.disease-analytics-percent{color:#667eea;font-size:12px;font-weight:600}.disease-export{background:#fff;border-radius:8px;margin-top:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.disease-export-title{color:#1f2937;margin:0 0 10px;font-size:13px;font-weight:700}.disease-export-buttons{flex-wrap:wrap;gap:8px;display:flex}.disease-export-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-width:110px;height:36px;padding:8px 16px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.disease-export-btn.excel{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.disease-export-btn.csv{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.disease-export-btn.pdf{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c)}.disease-export-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #00000026}.disease-export-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.disease-no-data{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.disease-no-data img{opacity:.5;width:200px;height:auto;margin-bottom:20px}.disease-no-data p{color:#6b7280;margin:0;font-size:16px}.disease-spinner{border:3px solid #f3f4f6;border-top-color:#8b5cf6;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@media (max-width:1600px){.disease-stats-grid,.disease-filters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.disease-filters-grid{grid-template-columns:1fr}.disease-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.disease-overview-container{padding:10px}.disease-header{padding:12px 14px}.disease-title{font-size:16px}.disease-subtitle{font-size:10px}.disease-stats-grid,.disease-filters-grid{grid-template-columns:1fr}.disease-export-buttons{flex-direction:column}.disease-export-btn{width:100%}.disease-pagination{flex-direction:column;gap:.75rem}.disease-page-btn{min-width:100px}}@media (max-width:480px){.disease-pagination{margin:1rem 0;padding:.5rem}.disease-page-btn{padding:.75rem 1rem;font-size:1rem}.disease-page-goto{font-size:1rem}.disease-page-input{width:70px;padding:.5rem;font-size:1rem}}.branch-overview-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.branch-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:12px;padding:14px 18px;box-shadow:0 2px 8px #667eea40}.branch-header-content{max-width:100%}.branch-title{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.branch-subtitle{opacity:.95;margin:0;font-size:11px;font-weight:500}.branch-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.branch-stat-card{background:#fff;border-left:3px solid;border-radius:8px;padding:12px 14px;transition:all .2s;box-shadow:0 1px 4px #0000000f}.branch-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.branch-stat-card.purple{border-left-color:#8b5cf6}.branch-stat-card.green{border-left-color:#10b981}.branch-stat-card.orange{border-left-color:#f59e0b}.branch-stat-card.blue{border-left-color:#06b6d4}.branch-stat-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.branch-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.branch-stat-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.branch-stat-value{color:#1f2937;margin:4px 0;font-size:20px;font-weight:700;line-height:1}.branch-stat-footer{color:#6b7280;font-size:10px;font-weight:500}.branch-filters{background:#fff;border-radius:8px;margin-bottom:12px;padding:12px 14px;box-shadow:0 1px 4px #0000000f}.branch-filters-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px;display:grid}.branch-filter-group{flex-direction:column;gap:4px;display:flex}.branch-filter-label{color:#374151;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.branch-filter-input,.branch-filter-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;width:100%;height:32px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s}.branch-filter-input:focus,.branch-filter-select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 2px #8b5cf61a}.branch-filter-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}.branch-filter-actions{gap:8px;margin-top:10px;display:flex}.branch-btn-primary,.branch-btn-secondary{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:5px;height:32px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.branch-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.branch-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.branch-btn-secondary{color:#374151;background:#f3f4f6}.branch-btn-secondary:hover{background:#e5e7eb}.branch-tabs{background:#fff;border-radius:8px;gap:6px;margin-bottom:12px;padding:6px;display:flex;box-shadow:0 1px 4px #0000000f}.branch-tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;height:36px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.branch-tab:hover{color:#374151;background:#f9fafb}.branch-tab.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 2px 6px #667eea40}.branch-dashboard-content,.branch-analytics-content{flex-direction:column;gap:12px;display:flex}.branch-charts-row{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.branch-chart-card,.branch-chart-card-full{background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 4px #0000000f}.branch-chart-card-full{grid-column:1/-1}.branch-chart-title{color:#1f2937;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.branch-chart-title:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px;width:3px;height:16px}.branch-table-wrapper{border-radius:8px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.branch-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.branch-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.branch-table th{text-align:left;white-space:nowrap;padding:12px 8px;font-size:12px;font-weight:600}.branch-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px 8px}.branch-table tbody tr:hover{background-color:#f9fafb}.branch-index{text-align:center;color:#6b7280;font-weight:600}.branch-city-cell,.branch-contact-cell,.branch-email-cell{color:#6b7280;align-items:center;gap:4px;font-size:12px;display:flex}.branch-status-badge{border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.branch-status-badge.active{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}.branch-status-badge.inactive{color:#991b1b;background-color:#fee2e2;border:1px solid #fca5a5}.branch-action-buttons{justify-content:center;gap:8px;display:flex}.branch-action-icon{cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.branch-action-icon:hover{background:#e5e7eb;transform:scale(1.05)}.branch-action-icon img{width:18px;height:18px}.branch-pagination{justify-content:center;align-items:center;gap:1rem;margin:2rem 0;padding:1rem;display:flex}.branch-page-btn{color:#fff;cursor:pointer;background-color:#667eea;border:none;border-radius:4px;min-width:80px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.branch-page-btn:hover:not(:disabled){background-color:#5568d3;transform:translateY(-1px);box-shadow:0 2px 4px #667eea4d}.branch-page-btn:disabled{cursor:not-allowed;opacity:.6;background-color:#d1d5db}.branch-page-goto{color:#495057;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.branch-page-input{text-align:center;border:2px solid #dee2e6;border-radius:4px;width:60px;padding:.25rem .5rem;font-size:.9rem;transition:border-color .2s}.branch-page-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea40}.branch-page-info{color:#6b7280;font-size:.85rem}.branch-no-data{text-align:center;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.branch-no-data img{opacity:.5;width:200px;height:auto;margin-bottom:20px}.branch-no-data p{color:#6b7280;margin:0;font-size:16px}.branch-spinner{border:3px solid #f3f4f6;border-top-color:#8b5cf6;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.branch-export{background:#fff;border-radius:8px;margin-top:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.branch-export-title{color:#1f2937;margin:0 0 10px;font-size:13px;font-weight:700}.branch-export-buttons{flex-wrap:wrap;gap:8px;display:flex}.branch-export-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-width:110px;height:36px;padding:8px 16px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.branch-export-btn.excel{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.branch-export-btn.csv{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.branch-export-btn.pdf{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c)}.branch-export-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #00000026}.branch-export-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:1600px){.branch-stats-grid,.branch-filters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.branch-stats-grid{grid-template-columns:repeat(2,1fr)}.branch-filters-grid,.branch-charts-row{grid-template-columns:1fr}}@media (max-width:768px){.branch-overview-container{padding:10px}.branch-stats-grid{grid-template-columns:1fr}.branch-export-buttons{flex-direction:column}.branch-export-btn{width:100%}}.expense-table-wrapper{border-radius:8px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.expense-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.expense-index{text-align:center;color:#6b7280;font-weight:600}.expense-amount-cell{text-align:right;color:#1f2937;font-weight:600}.expense-status-badge{border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.expense-action-icon{cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.expense-pagination{justify-content:center;align-items:center;gap:1rem;margin:2rem 0;padding:1rem;display:flex}.expense-page-btn{color:#fff;cursor:pointer;background-color:#667eea;border:none;border-radius:4px;min-width:80px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.expense-page-goto{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.expense-overview-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.expense-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:12px;padding:14px 18px;box-shadow:0 2px 8px #667eea40}.expense-header-content{max-width:100%}.expense-title{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.expense-subtitle{opacity:.95;margin:0;font-size:11px;font-weight:500}.expense-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.expense-stat-card{background:#fff;border-left:3px solid;border-radius:8px;padding:12px 14px;transition:all .2s;box-shadow:0 1px 4px #0000000f}.expense-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.expense-stat-card.purple{border-left-color:#8b5cf6}.expense-stat-card.green{border-left-color:#10b981}.expense-stat-card.orange{border-left-color:#f59e0b}.expense-stat-card.blue{border-left-color:#06b6d4}.expense-stat-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.expense-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.expense-stat-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.expense-stat-value{color:#1f2937;margin:4px 0;font-size:18px;font-weight:700;line-height:1}.expense-stat-footer{color:#6b7280;font-size:10px;font-weight:500}.expense-filters{background:#fff;border-radius:8px;margin-bottom:12px;padding:12px 14px;box-shadow:0 1px 4px #0000000f}.expense-filters-grid{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:10px;display:grid}.expense-filter-group{flex-direction:column;gap:4px;display:flex}.expense-filter-label{color:#374151;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.expense-filter-input,.expense-filter-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;width:100%;height:32px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s}.expense-filter-input:focus,.expense-filter-select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 2px #8b5cf61a}.expense-filter-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}.expense-filter-actions{gap:8px;margin-top:10px;display:flex}.expense-btn-primary,.expense-btn-secondary{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:5px;height:32px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.expense-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.expense-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.expense-btn-primary:disabled{opacity:.6;cursor:not-allowed}.expense-btn-secondary{color:#374151;background:#f3f4f6}.expense-btn-secondary:hover{background:#e5e7eb}.expense-tabs{background:#fff;border-radius:8px;gap:6px;margin-bottom:12px;padding:6px;display:flex;box-shadow:0 1px 4px #0000000f}.expense-tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;height:36px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.expense-tab:hover{color:#374151;background:#f9fafb}.expense-tab.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 2px 6px #667eea40}.expense-dashboard-content,.expense-analytics-content{flex-direction:column;gap:12px;display:flex}.expense-charts-row{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.expense-chart-card,.expense-chart-card-full{background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 4px #0000000f}.expense-chart-card-full{grid-column:1/-1}.expense-chart-title{color:#1f2937;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.expense-chart-title:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px;width:3px;height:16px}.expense-table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.expense-no-data{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.expense-no-data img{opacity:.7;width:120px;height:120px;margin-bottom:16px}.expense-no-data p{margin:0;font-size:14px;font-weight:500}.expense-spinner{border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;margin-bottom:12px;animation:.8s linear infinite spin}.expense-table-wrapper{overflow-x:auto}.expense-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.expense-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:sticky;top:0}.expense-table th{text-align:left;white-space:nowrap;padding:12px 8px;font-size:12px;font-weight:600}.expense-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px 8px}.expense-table tbody tr:hover{background-color:#f9fafb}.expense-index{text-align:center;color:#6b7280;width:40px;font-weight:600}.expense-category-cell,.expense-description-cell,.expense-amount-cell{color:#6b7280;align-items:center;gap:4px;font-size:12px;display:flex}.expense-amount-cell{text-align:right;color:#1f2937;width:120px;font-weight:600}.expense-status-badge{border-radius:16px;align-items:center;gap:4px;width:fit-content;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.expense-status-badge.active{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}.expense-status-badge.inactive{color:#991b1b;background-color:#fee2e2;border:1px solid #fca5a5}.expense-action-buttons{justify-content:center;gap:8px;display:flex}.expense-action-icon{cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.expense-action-icon:hover{background:#e5e7eb;transform:scale(1.05)}.expense-action-icon img{width:18px;height:18px}.expense-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin:1.5rem 0;padding:0 14px 14px;display:flex}.expense-page-btn{color:#fff;cursor:pointer;background-color:#667eea;border:none;border-radius:6px;min-width:80px;height:32px;padding:.5rem 1rem;font-size:12px;font-weight:600;transition:all .2s}.expense-page-btn:hover:not(:disabled){background-color:#5568d3;transform:translateY(-1px);box-shadow:0 2px 4px #667eea4d}.expense-page-btn:disabled{cursor:not-allowed;opacity:.6;background-color:#d1d5db}.expense-page-goto{color:#374151;align-items:center;gap:.5rem;font-size:12px;font-weight:500;display:flex}.expense-page-input{text-align:center;border:1.5px solid #e5e7eb;border-radius:4px;width:50px;padding:.4rem .6rem;font-size:12px;font-weight:600;transition:all .2s}.expense-page-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.expense-page-info{color:#6b7280;align-items:center;gap:.5rem;display:flex}.expense-export{background:#fff;border-radius:8px;margin-top:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.expense-export-title{color:#1f2937;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.expense-export-title:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px;width:3px;height:16px}.expense-export-buttons{flex-wrap:wrap;gap:10px;display:flex}.expense-export-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;height:36px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.expense-export-btn:disabled{opacity:.5;cursor:not-allowed}.expense-export-btn.excel{color:#fff;background:#10b981}.expense-export-btn.excel:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 2px 6px #10b9814d}.expense-export-btn.csv{color:#fff;background:#06b6d4}.expense-export-btn.csv:hover:not(:disabled){background:#0891b2;transform:translateY(-1px);box-shadow:0 2px 6px #06b6d44d}.expense-export-btn.pdf{color:#fff;background:#ef4444}.expense-export-btn.pdf:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 2px 6px #ef44444d}@media (max-width:1400px){.expense-stats-grid{grid-template-columns:repeat(2,1fr)}.expense-charts-row{grid-template-columns:1fr}}@media (max-width:1024px){.expense-filters-grid{grid-template-columns:repeat(3,1fr)}.expense-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.expense-overview-container{padding:8px}.expense-header{padding:10px 12px}.expense-title{font-size:16px}.expense-stats-grid{grid-template-columns:1fr}.expense-stat-card{padding:10px 12px}.expense-filters-grid{grid-template-columns:1fr}.expense-filter-actions{flex-direction:column}.expense-filter-actions button{width:100%}.expense-tabs{flex-wrap:wrap}.expense-table{font-size:11px}.expense-table th,.expense-table td{padding:8px 6px}.expense-pagination{gap:.5rem;margin:1rem 0}.expense-page-btn{min-width:70px;padding:.4rem .8rem;font-size:11px}.expense-export-buttons{flex-direction:column}.expense-export-btn{justify-content:center;width:100%}}@media (max-width:480px){.expense-header{padding:8px 10px}.expense-title{font-size:14px}.expense-subtitle{font-size:10px}.expense-stat-card{padding:8px 10px}.expense-stat-value{font-size:16px}.expense-filters-grid{grid-template-columns:1fr}.expense-tabs{gap:4px}.expense-tab{padding:6px 8px;font-size:11px}.expense-table{font-size:10px}.expense-table th,.expense-table td{padding:6px 4px}.expense-action-buttons{gap:4px}.expense-action-icon{width:28px;height:28px}.expense-action-icon img{width:16px;height:16px}.expense-pagination{gap:.25rem;font-size:11px}.expense-page-goto{flex-direction:column;gap:.25rem}.expense-export-btn{padding:6px 12px;font-size:11px}}.hadiya-overview-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.hadiya-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:12px;padding:14px 18px;box-shadow:0 2px 8px #667eea40}.hadiya-header-content{max-width:100%}.hadiya-title{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.hadiya-subtitle{opacity:.95;margin:0;font-size:11px;font-weight:500}.hadiya-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.hadiya-stat-card{background:#fff;border-left:3px solid;border-radius:8px;padding:12px 14px;transition:all .2s;box-shadow:0 1px 4px #0000000f}.hadiya-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.hadiya-stat-card.purple{border-left-color:#8b5cf6}.hadiya-stat-card.green{border-left-color:#10b981}.hadiya-stat-card.orange{border-left-color:#f59e0b}.hadiya-stat-card.blue{border-left-color:#06b6d4}.hadiya-stat-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.hadiya-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.hadiya-stat-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.hadiya-stat-value{color:#1f2937;margin:4px 0;font-size:18px;font-weight:700;line-height:1}.hadiya-stat-footer{color:#6b7280;font-size:10px;font-weight:500}.hadiya-filters{background:#fff;border-radius:8px;margin-bottom:12px;padding:12px 14px;box-shadow:0 1px 4px #0000000f}.hadiya-filters-grid{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:10px;display:grid}.hadiya-filter-group{flex-direction:column;gap:4px;display:flex}.hadiya-filter-label{color:#374151;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.hadiya-filter-input,.hadiya-filter-select{box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;width:100%;height:32px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s}.hadiya-filter-input:focus,.hadiya-filter-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.hadiya-filter-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}.hadiya-filter-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.hadiya-btn-primary,.hadiya-btn-secondary{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;justify-content:center;align-items:center;gap:5px;height:32px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.hadiya-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.hadiya-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.hadiya-btn-primary:disabled{opacity:.6;cursor:not-allowed}.hadiya-btn-secondary{color:#374151;background:#f3f4f6}.hadiya-btn-secondary:hover{background:#e5e7eb}.hadiya-tabs{background:#fff;border-radius:8px;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding:6px;display:flex;box-shadow:0 1px 4px #0000000f}.hadiya-tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;min-width:120px;height:36px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.hadiya-tab:hover{color:#374151;background:#f9fafb}.hadiya-tab.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 2px 6px #667eea40}.hadiya-dashboard-content,.hadiya-analytics-content{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.hadiya-charts-row{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.hadiya-chart-card,.hadiya-chart-card-full{background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 4px #0000000f}.hadiya-chart-card-full{grid-column:1/-1}.hadiya-chart-title{color:#1f2937;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.hadiya-chart-title:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px;flex-shrink:0;width:3px;height:16px}.hadiya-table-container{background:#fff;border-radius:8px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.hadiya-no-data{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.hadiya-no-data img{opacity:.7;width:120px;height:120px;margin-bottom:16px}.hadiya-no-data p{margin:0;font-size:14px;font-weight:500}.hadiya-spinner{border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;margin-bottom:12px;animation:.8s linear infinite spin}.hadiya-table-wrapper{overflow-x:auto}.hadiya-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.hadiya-table thead{color:#fff;z-index:10;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:sticky;top:0}.hadiya-table th{text-align:left;white-space:nowrap;border:none;padding:12px 10px;font-size:12px;font-weight:600}.hadiya-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px}.hadiya-table tbody tr{transition:background-color .15s}.hadiya-table tbody tr:hover{background-color:#f9fafb}.hadiya-index{text-align:center;color:#6b7280;flex-shrink:0;width:50px;font-weight:600}.hadiya-category-cell,.hadiya-donor-cell,.hadiya-description-cell{color:#374151;align-items:center;gap:6px;font-size:12px;display:flex}.hadiya-description-cell{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.hadiya-amount-cell{text-align:right;color:#1f2937;flex-shrink:0;width:110px;font-weight:700}.hadiya-status-badge{white-space:nowrap;border-radius:16px;align-items:center;gap:4px;width:fit-content;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.hadiya-status-badge.active{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}.hadiya-status-badge.inactive{color:#991b1b;background-color:#fee2e2;border:1px solid #fca5a5}.hadiya-action-icon{cursor:pointer;background:#f3f4f6;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex}.hadiya-action-icon:hover{background:#e5e7eb;transform:scale(1.08)}.hadiya-action-icon.edit:hover{background:#dbeafe}.hadiya-action-icon.delete:hover{background:#fee2e2}.hadiya-action-icon img{object-fit:contain;width:14px;height:14px}.hadiya-pagination{background:#fff;border-top:1px solid #f3f4f6;border-radius:0 0 8px 8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:0;padding:12px 14px;display:flex}.hadiya-page-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#667eea;border:none;border-radius:6px;min-width:75px;height:32px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.hadiya-page-btn:hover:not(:disabled){background-color:#764ba2;transform:translateY(-1px);box-shadow:0 2px 4px #667eea4d}.hadiya-page-btn:disabled{cursor:not-allowed;opacity:.6;background-color:#d1d5db}.hadiya-page-goto{color:#374151;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.hadiya-page-input{text-align:center;box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:4px;width:45px;padding:5px 8px;font-size:12px;font-weight:600;transition:all .2s}.hadiya-page-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.hadiya-page-info{color:#6b7280;align-items:center;gap:6px;font-size:12px;display:flex}.hadiya-export{background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 4px #0000000f}.hadiya-export-title{color:#1f2937;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.hadiya-export-title:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px;flex-shrink:0;width:3px;height:16px}.hadiya-export-buttons{flex-wrap:wrap;gap:10px;display:flex}.hadiya-export-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:36px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.hadiya-export-btn:disabled{opacity:.5;cursor:not-allowed}.hadiya-export-btn.excel{color:#fff;background:#10b981}.hadiya-export-btn.excel:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 2px 6px #10b9814d}.hadiya-export-btn.csv{color:#fff;background:#06b6d4}.hadiya-export-btn.csv:hover:not(:disabled){background:#0891b2;transform:translateY(-1px);box-shadow:0 2px 6px #06b6d44d}.hadiya-export-btn.pdf{color:#fff;background:#ef4444}.hadiya-export-btn.pdf:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 2px 6px #ef44444d}@media (max-width:1400px){.hadiya-stats-grid{grid-template-columns:repeat(2,1fr)}.hadiya-charts-row{grid-template-columns:1fr}}@media (max-width:1024px){.hadiya-filters-grid{grid-template-columns:repeat(3,1fr)}.hadiya-stats-grid{grid-template-columns:repeat(2,1fr)}.hadiya-tab{min-width:100px;padding:6px 10px;font-size:11px}}@media (max-width:768px){.hadiya-overview-container{padding:8px}.hadiya-header{padding:10px 12px}.hadiya-title{font-size:16px}.hadiya-stats-grid{grid-template-columns:1fr}.hadiya-stat-card{padding:10px 12px}.hadiya-filters-grid{grid-template-columns:repeat(2,1fr)}.hadiya-filter-actions{flex-direction:column;width:100%}.hadiya-filter-actions button{width:100%}.hadiya-tabs{flex-wrap:wrap}.hadiya-tab{flex:0 calc(50% - 3px);min-width:auto}.hadiya-table{font-size:11px}.hadiya-table th,.hadiya-table td{padding:8px 6px}.hadiya-action-icon{width:26px;height:26px}.hadiya-action-icon img{width:13px;height:13px}.hadiya-pagination{gap:8px;padding:10px 12px}.hadiya-page-btn{min-width:65px;height:30px;padding:5px 10px;font-size:11px}.hadiya-page-input{width:40px;padding:4px 6px;font-size:11px}.hadiya-export-buttons{flex-direction:column}.hadiya-export-btn{justify-content:center;width:100%}}@media (max-width:480px){.hadiya-overview-container{padding:6px}.hadiya-header{margin-bottom:8px;padding:8px 10px}.hadiya-title{gap:6px;font-size:14px}.hadiya-subtitle{font-size:9px}.hadiya-stats-grid{grid-template-columns:1fr;gap:8px;margin-bottom:8px}.hadiya-stat-card{padding:8px 10px}.hadiya-stat-value{font-size:16px}.hadiya-stat-label,.hadiya-stat-footer{font-size:9px}.hadiya-filters{margin-bottom:8px;padding:8px 10px}.hadiya-filters-grid{grid-template-columns:1fr;gap:8px;margin-bottom:8px}.hadiya-filter-input,.hadiya-filter-select{height:30px;padding:5px 8px;font-size:11px}.hadiya-filter-label{font-size:9px}.hadiya-filter-actions{gap:6px}.hadiya-btn-primary,.hadiya-btn-secondary{height:30px;padding:5px 10px;font-size:10px}.hadiya-tabs{gap:4px;margin-bottom:8px;padding:4px}.hadiya-tab{flex:0 calc(50% - 2px);min-width:auto;height:32px;padding:5px 6px;font-size:10px}.hadiya-table-container{margin-bottom:8px}.hadiya-table{font-size:10px}.hadiya-table th,.hadiya-table td{padding:6px 4px}.hadiya-index{width:40px}.hadiya-category-cell,.hadiya-donor-cell,.hadiya-description-cell{gap:3px;font-size:10px}.hadiya-description-cell{max-width:120px}.hadiya-amount-cell{width:90px;font-size:11px}.hadiya-status-badge{padding:4px 8px;font-size:10px}.hadiya-action-buttons{gap:4px}.hadiya-action-icon{width:24px;height:24px}.hadiya-action-icon img{width:12px;height:12px}.hadiya-pagination{gap:6px;padding:8px 10px;font-size:11px}.hadiya-page-btn{min-width:60px;height:28px;padding:4px 8px;font-size:10px}.hadiya-page-goto{gap:4px;font-size:10px}.hadiya-page-input{width:35px;padding:3px 5px;font-size:10px}.hadiya-page-info{gap:4px;font-size:10px}.hadiya-export{margin-top:8px;padding:10px}.hadiya-export-title{margin-bottom:8px;font-size:12px}.hadiya-export-buttons{gap:6px}.hadiya-export-btn{height:32px;padding:6px 12px;font-size:10px}.hadiya-chart-card,.hadiya-chart-card-full{padding:10px}.hadiya-chart-title{margin-bottom:8px;font-size:12px}}.hadiya-action-icon.view{background:#eff6ff;border:1px solid #3b82f6;justify-content:center;align-items:center;padding:6px;display:flex}.hadiya-action-icon.view:hover{background:#dbeafe;transform:scale(1.1)}.hadiya-action-buttons{justify-content:center;align-items:center;gap:6px;display:flex}.nikah-member-autocomplete-filter{width:100%;position:relative}.nikah-member-search-input-filter{padding-left:36px!important;padding-right:32px!important}.nikah-member-search-icon-filter{color:#9ca3af;pointer-events:none;z-index:1;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.nikah-member-clear-btn-filter{cursor:pointer;color:#fff;z-index:1;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.nikah-member-clear-btn-filter:hover{background:#dc2626;transform:translateY(-50%)scale(1.1)}.nikah-member-dropdown-filter{z-index:1000;background:#fff;border:2px solid #667eea;border-radius:8px;max-height:280px;animation:.2s ease-out nikahDropdownSlide;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 40px #0003}.nikah-member-dropdown-filter::-webkit-scrollbar{width:6px}.nikah-member-dropdown-filter::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.nikah-member-dropdown-filter::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.nikah-member-option-filter{cursor:pointer;border-bottom:1px solid #f3f4f6;flex-direction:column;gap:4px;padding:12px 16px;transition:all .2s;display:flex}.nikah-member-option-filter:last-child{border-bottom:none}.nikah-member-option-filter:hover{background:#f0f4ff}.nikah-member-option-filter.selected{background:#e0e7ff;border-left:4px solid #667eea}.nikah-member-option-id-filter{color:#667eea;text-transform:uppercase;font-size:11px;font-weight:700}.nikah-member-option-name-filter{color:#1f2937;font-size:13px;font-weight:600}.nikah-member-no-results-filter{text-align:center;color:#9ca3af;padding:20px;font-size:13px;font-weight:500}.nikah-form-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000a6;justify-content:center;align-items:center;padding:15px;animation:.3s ease-in-out nikahFadeIn;display:flex;position:fixed;inset:0}@keyframes nikahFadeIn{0%{opacity:0}to{opacity:1}}.nikah-form-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:1100px;max-height:94vh;animation:.4s cubic-bezier(.16,1,.3,1) nikahSlideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000059}@keyframes nikahSlideUp{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.nikah-form-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:2px solid #5a67d8;justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:relative;overflow:hidden}.nikah-form-header:before{content:"";background:#ffffff14;border-radius:50%;width:180px;height:180px;animation:6s ease-in-out infinite nikahFloat;position:absolute;top:-50%;right:-10%}@keyframes nikahFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(180deg)}}.nikah-form-title-wrapper{z-index:1;align-items:center;gap:10px;display:flex}.nikah-form-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:10px;justify-content:center;align-items:center;padding:8px;display:flex}.nikah-form-title{color:#fff;text-shadow:0 2px 4px #0003;margin:0;font-size:20px;font-weight:700}.nikah-form-close-btn{cursor:pointer;color:#fff;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:700;transition:all .3s;display:flex}.nikah-form-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)scale(1.1)}.nikah-form-body{background:linear-gradient(#f9fafb 0%,#fff 100%);flex:1;padding:18px 22px;overflow-y:auto}.nikah-form-body::-webkit-scrollbar{width:7px}.nikah-form-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.nikah-form-body::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.nikah-form-body::-webkit-scrollbar-thumb:hover{background:#5a67d8}.nikah-id-display{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:2px solid #34d399;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:12px 18px;display:flex;box-shadow:0 3px 12px #10b9814d}.nikah-id-label{color:#ffffffe6;text-transform:uppercase;letter-spacing:.8px;font-size:12px;font-weight:600}.nikah-id-value{color:#fff;text-shadow:0 2px 4px #0003;letter-spacing:1.5px;font-family:Courier New,monospace;font-size:22px;font-weight:800}.nikah-section-divider{align-items:center;gap:10px;margin:20px 0 14px;display:flex}.nikah-section-line{background:linear-gradient(90deg,#0000,#667eea,#0000);flex:1;height:1.5px}.nikah-section-title{color:#667eea;text-transform:uppercase;letter-spacing:1.2px;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:700;display:flex}.nikah-form-row-3{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;display:grid}.nikah-col-span-2{grid-column:span 2}.nikah-form-row-full{grid-template-columns:1fr;margin-bottom:14px;display:grid}.nikah-form-group{flex-direction:column;gap:6px;display:flex}.nikah-form-label{color:#374151;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.nikah-required{color:#ef4444;font-weight:700}.nikah-optional{color:#9ca3af;font-size:10px;font-style:italic;font-weight:400}.nikah-form-input,.nikah-form-select,.nikah-form-textarea{color:#1f2937;background:#fff;border:2px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:12px;font-weight:500;transition:all .3s}.nikah-form-input:focus,.nikah-form-select:focus,.nikah-form-textarea:focus{background:#fefefe;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.nikah-form-input:disabled,.nikah-form-select:disabled,.nikah-form-textarea:disabled{color:#9ca3af;cursor:not-allowed;background:#f3f4f6;border-color:#e5e7eb}.nikah-form-textarea{resize:vertical;min-height:60px;line-height:1.5}.nikah-form-input::placeholder,.nikah-form-textarea::placeholder{color:#9ca3af;font-weight:400}.nikah-member-autocomplete{position:relative}.nikah-member-search-input{color:#1f2937;background:#fff;border:2px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:8px 10px 8px 32px;font-size:12px;font-weight:500;transition:all .3s}.nikah-member-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.nikah-member-search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.nikah-member-dropdown{z-index:1000;background:#fff;border:2px solid #667eea;border-radius:8px;max-height:240px;animation:.2s ease-out nikahDropdownSlide;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 30px #00000026}@keyframes nikahDropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nikah-member-dropdown::-webkit-scrollbar{width:5px}.nikah-member-dropdown::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.nikah-member-dropdown::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.nikah-member-option{cursor:pointer;border-bottom:1px solid #f3f4f6;flex-direction:column;gap:3px;padding:10px 14px;transition:all .2s;display:flex}.nikah-member-option:last-child{border-bottom:none}.nikah-member-option:hover{background:#f0f4ff}.nikah-member-option.selected{background:#e0e7ff;border-left:3px solid #667eea}.nikah-member-option-id{color:#667eea;font-size:11px;font-weight:700}.nikah-member-option-name{color:#1f2937;font-size:13px;font-weight:600}.nikah-member-no-results{text-align:center;color:#9ca3af;padding:16px;font-size:13px;font-weight:500}.nikah-member-selected-badge{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:7px;justify-content:space-between;align-items:center;margin-top:6px;padding:8px 12px;animation:.3s ease-out nikahBadgeAppear;display:flex}@keyframes nikahBadgeAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.nikah-member-selected-info{flex-direction:column;gap:2px;display:flex}.nikah-member-selected-id{color:#ffffffe6;font-size:11px;font-weight:600}.nikah-member-selected-name{color:#fff;font-size:13px;font-weight:700}.nikah-member-clear-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:5px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .2s}.nikah-member-clear-btn:hover{background:#ffffff4d;transform:scale(1.05)}.nikah-file-upload-wrapper{text-align:center;cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:10px;padding:18px;transition:all .3s}.nikah-file-upload-wrapper:hover{background:#f0f4ff;border-color:#667eea}.nikah-file-upload-wrapper.has-file{background:#f0fdf4;border-style:solid;border-color:#10b981}.nikah-file-input{display:none}.nikah-file-upload-icon{color:#667eea;margin-bottom:10px;font-size:38px}.nikah-file-upload-text{color:#374151;margin-bottom:3px;font-size:13px;font-weight:600}.nikah-file-upload-hint{color:#9ca3af;font-size:11px;font-weight:500}.nikah-file-preview{background:#fff;border:2px solid #10b981;border-radius:8px;align-items:center;gap:10px;margin-top:12px;padding:12px;animation:.3s ease-out nikahFileAppear;display:flex}@keyframes nikahFileAppear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nikah-file-preview-image{object-fit:contain;border:2px solid #e5e7eb;border-radius:6px;max-width:100px;max-height:100px}.nikah-file-preview-pdf{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:6px;justify-content:center;align-items:center;padding:16px;font-size:32px;display:flex}.nikah-file-preview-info{text-align:left;flex:1}.nikah-file-preview-name{color:#1f2937;margin-bottom:3px;font-size:13px;font-weight:700}.nikah-file-preview-size{color:#9ca3af;font-size:11px;font-weight:500}.nikah-file-remove-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.nikah-file-remove-btn:hover{background:#dc2626;transform:scale(1.05)}.nikah-form-footer{background:#f9fafb;border-top:2px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.nikah-btn{cursor:pointer;border:none;border-radius:8px;outline:none;align-items:center;gap:6px;padding:9px 22px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.nikah-btn-cancel{color:#6b7280;background:#fff;border:2px solid #e5e7eb}.nikah-btn-cancel:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.nikah-btn-submit{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 3px 12px #667eea66}.nikah-btn-submit:hover{transform:translateY(-1px);box-shadow:0 5px 16px #667eea80}.nikah-btn-submit:disabled,.nikah-btn-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none}.nikah-btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite nikahSpin}@keyframes nikahSpin{to{transform:rotate(360deg)}}@media (max-width:1600px){.nikah-form-header{padding:16px 22px}.nikah-form-title{font-size:21px}.nikah-form-body{padding:20px 24px}.nikah-form-row-3{gap:14px;margin-bottom:16px}.nikah-form-input,.nikah-form-select,.nikah-form-textarea,.nikah-member-search-input{padding:9px 12px;font-size:13px}.nikah-member-search-input{padding-left:36px}.nikah-form-label{font-size:13px}.nikah-id-display{padding:14px 20px}.nikah-id-value{font-size:24px}.nikah-section-title{font-size:14px}.nikah-file-upload-wrapper{padding:20px}.nikah-form-footer{padding:16px 22px}.nikah-btn{padding:10px 24px;font-size:14px}}@media (max-width:1366px){.nikah-form-header{padding:18px 24px}.nikah-form-title{font-size:22px}.nikah-form-body{padding:22px 26px}.nikah-form-row-3{gap:16px;margin-bottom:18px}.nikah-form-input,.nikah-form-select,.nikah-form-textarea,.nikah-member-search-input{padding:10px 13px;font-size:13px}.nikah-member-search-input{padding-left:38px}.nikah-id-display{padding:15px 22px}.nikah-id-value{font-size:26px}.nikah-file-upload-wrapper{padding:22px}.nikah-form-footer{padding:18px 24px}.nikah-btn{padding:11px 26px;font-size:14px}}@media (max-width:1024px){.nikah-form-modal{max-width:95%}.nikah-form-header{padding:16px 20px}.nikah-form-title{font-size:20px}.nikah-form-body{padding:20px 22px}.nikah-form-row-3{grid-template-columns:repeat(2,1fr);gap:16px}.nikah-col-span-2{grid-column:span 2}}@media (max-width:768px){.nikah-form-modal{border-radius:0;max-width:100%;max-height:100vh}.nikah-form-header{padding:16px 20px}.nikah-form-title{font-size:19px}.nikah-form-body{padding:20px}.nikah-form-row-3{grid-template-columns:1fr;gap:14px}.nikah-col-span-2{grid-column:span 1}.nikah-form-input,.nikah-form-select,.nikah-form-textarea,.nikah-member-search-input{padding:10px 14px;font-size:14px}.nikah-member-search-input{padding-left:40px}.nikah-form-label{font-size:14px}.nikah-id-display{padding:14px 18px}.nikah-id-value{font-size:22px}.nikah-section-title{font-size:13px}.nikah-form-footer{flex-direction:column;padding:16px 20px}.nikah-btn{justify-content:center;width:100%;padding:12px 20px}}@media (max-width:480px){.nikah-form-overlay{padding:0}.nikah-form-title{font-size:17px}.nikah-form-icon{padding:6px}.nikah-id-display{flex-direction:column;align-items:flex-start;gap:6px;padding:12px 16px}.nikah-id-value{font-size:20px}.nikah-file-preview{text-align:center;flex-direction:column}.nikah-file-preview-image,.nikah-file-preview-pdf{width:100%}}.school-report-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.school-report-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;margin-bottom:12px;padding:16px 20px;box-shadow:0 4px 12px #667eea4d}.school-report-header-content{max-width:100%}.school-report-title{align-items:center;gap:10px;margin:0 0 6px;font-size:20px;font-weight:700;display:flex}.school-report-subtitle{opacity:.95;margin:0;font-size:12px;font-weight:500}.school-report-filters{background:#fff;border-radius:12px;margin-bottom:12px;padding:14px 16px;box-shadow:0 2px 8px #00000014}.school-report-filters-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.school-report-filter-group{flex-direction:column;gap:5px;display:flex}.school-report-filter-label{color:#374151;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.school-report-filter-input,.school-report-filter-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;height:34px;padding:7px 12px;font-size:12px;font-weight:500;transition:all .2s}.school-report-filter-input:hover,.school-report-filter-select:hover{border-color:#c4b5fd}.school-report-filter-input:focus,.school-report-filter-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.school-report-filter-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23667eea' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}.school-report-filter-actions{gap:10px;margin-top:12px;display:flex}.school-report-btn-primary,.school-report-btn-secondary,.school-report-btn-export{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.school-report-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 2px 6px #667eea4d}.school-report-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.school-report-btn-primary:disabled{opacity:.5;cursor:not-allowed}.school-report-btn-secondary{color:#374151;background:#f3f4f6}.school-report-btn-secondary:hover{background:#e5e7eb}.school-report-btn-export{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 2px 6px #8b5cf64d}.school-report-btn-export:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.school-report-btn-export:disabled{opacity:.5;cursor:not-allowed}.school-report-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.school-report-stat-card{background:#fff;border-left:4px solid;border-radius:12px;padding:14px 16px;transition:all .3s;box-shadow:0 2px 8px #00000014}.school-report-stat-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001f}.school-report-stat-card.purple{border-left-color:#8b5cf6}.school-report-stat-card.blue{border-left-color:#667eea}.school-report-stat-card.green{border-left-color:#a78bfa}.school-report-stat-card.orange{border-left-color:#c4b5fd}.school-report-stat-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.school-report-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.school-report-stat-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:8px;display:flex}.school-report-stat-value{color:#1f2937;margin:6px 0;font-size:22px;font-weight:700;line-height:1}.school-report-stat-footer{color:#6b7280;font-size:10px;font-weight:500}.school-report-panel-tabs{gap:8px;margin-bottom:12px;display:flex}.school-report-tab{color:#6b7280;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 1px 4px #0000000f}.school-report-tab:hover{color:#667eea;border-color:#c4b5fd;transform:translateY(-1px)}.school-report-tab.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.school-report-display-panel{background:#fff;border-radius:12px;margin-bottom:12px;padding:18px;box-shadow:0 2px 8px #00000014}.school-report-panel-header{border-bottom:2px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.school-report-panel-title{color:#1f2937;align-items:center;gap:8px;margin:0 0 4px;font-size:16px;font-weight:700;display:flex}.school-report-panel-subtitle{color:#6b7280;margin:0;font-size:11px;font-weight:500}.school-report-charts-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.school-report-chart-card{background:#f9fafb;border:2px solid #f3f4f6;border-radius:12px;padding:16px;transition:all .3s}.school-report-chart-card:hover{border-color:#c4b5fd;box-shadow:0 4px 12px #667eea1a}.school-report-chart-title{color:#1f2937;border-left:4px solid;border-image:linear-gradient(135deg,#667eea 0%,#764ba2 100%) 1;align-items:center;gap:8px;margin:0 0 14px;padding-left:8px;font-size:13px;font-weight:700;display:flex}.school-report-table-controls{align-items:center;gap:12px;display:flex}.school-report-per-page-label{color:#6b7280;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.school-report-per-page-select{cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.school-report-per-page-select:hover{border-color:#c4b5fd}.school-report-per-page-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.school-report-table-container{background:#fff;border-radius:8px;margin-bottom:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.school-report-table-title{color:#1f2937;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.school-report-table-title:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px;width:3px;height:16px}.school-report-table-wrapper{border:2px solid #f3f4f6;border-radius:12px;margin-bottom:16px;overflow-x:auto}.school-report-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.school-report-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.school-report-table th{text-align:left;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:14px 12px;font-size:12px;font-weight:600}.school-report-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:12px}.school-report-table tbody tr{transition:all .2s}.school-report-table tbody tr:hover{background-color:#f9fafb}.school-report-table tbody tr:last-child td{border-bottom:none}.school-report-id-cell{color:#667eea;font-weight:600}.school-report-school-badge{color:#5b21b6;background:linear-gradient(135deg,#ddd6fe 0%,#c4b5fd 100%);border:1px solid #a78bfa;border-radius:14px;align-items:center;gap:4px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.school-report-status-badge{text-transform:capitalize;white-space:nowrap;border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.school-report-status-badge.active{color:#065f46;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:1px solid #6ee7b7}.school-report-status-badge.inactive{color:#991b1b;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:1px solid #fca5a5}.school-report-pagination{border-top:2px solid #f3f4f6;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.school-report-pagination-info{color:#6b7280;font-size:12px;font-weight:500}.school-report-pagination-controls{align-items:center;gap:6px;display:flex}.school-report-pagination-btn{color:#6b7280;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.school-report-pagination-btn:hover:not(:disabled){color:#667eea;background:#f9fafb;border-color:#c4b5fd}.school-report-pagination-btn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;box-shadow:0 2px 6px #667eea4d}.school-report-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.school-report-pagination-ellipsis{color:#6b7280;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.school-report-error{color:#991b1b;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:2px solid #fca5a5;border-radius:12px;align-items:center;gap:8px;margin-bottom:12px;padding:14px 16px;font-size:12px;font-weight:500;display:flex}.school-report-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.school-report-spinner{border:4px solid #f3f4f6;border-top-color:#667eea;border-radius:50%;width:48px;height:48px;margin-bottom:16px;animation:.8s linear infinite spin}.school-report-no-data{color:#6b7280;text-align:center;padding:40px 20px;font-size:13px;font-weight:500}.school-report-panel{flex-direction:column;gap:12px;display:flex}@media (max-width:1600px){.school-report-stats-grid{grid-template-columns:repeat(2,1fr)}.school-report-charts-grid{grid-template-columns:1fr}.school-report-filters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.school-report-filters-grid{grid-template-columns:1fr}.school-report-stats-grid{grid-template-columns:repeat(2,1fr)}.school-report-charts-grid{grid-template-columns:1fr}.school-report-panel-header{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width:768px){.school-report-container{padding:10px}.school-report-header{padding:14px 16px}.school-report-title{font-size:18px}.school-report-subtitle{font-size:11px}.school-report-stats-grid,.school-report-filters-grid,.school-report-charts-grid{grid-template-columns:1fr}.school-report-filter-actions{flex-direction:column}.school-report-btn-primary,.school-report-btn-secondary,.school-report-btn-export{justify-content:center;width:100%}.school-report-panel-tabs{flex-direction:column}.school-report-pagination{flex-direction:column;gap:12px}}@media (max-width:480px){.school-report-tab{width:100%}.school-report-table th,.school-report-table td{padding:10px 8px;font-size:11px}.school-report-pagination-controls{flex-wrap:wrap;justify-content:center}}.add-child-panel-wrapper{background:#fff;border-radius:12px;flex-direction:column;gap:0;max-height:95vh;padding:0;animation:.3s ease-out slideInUp;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000014}.add-child-panel-wrapper .common-header-section{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:2px solid #f3f4f6;border-radius:12px 12px 0 0;padding:20px 24px}.add-child-panel-wrapper .common-page-title{color:#1f2937;margin:0;font-size:24px;font-weight:700}.add-child-form{flex-direction:column;flex:1;display:flex;overflow:hidden}.add-child-form-content{background:#fff;flex:1;padding:24px;overflow-y:auto}.add-child-form-content::-webkit-scrollbar{width:8px}.add-child-form-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.add-child-form-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.add-child-form-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.form-section{flex-direction:column;gap:24px;margin-bottom:24px;display:flex}.add-child-form-footer{background:#f9fafb;border-top:2px solid #e5e7eb;border-radius:0 0 12px 12px;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}select.form-input-common{appearance:none;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M2 5L7 10L12 5' stroke='%234f46e5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px 16px;padding-left:12px;padding-right:36px}@media (max-width:1024px){.add-child-panel-wrapper{max-height:90vh}.form-grid-2{grid-template-columns:1fr}.subject-input-pair{grid-template-columns:1fr 1fr}.document-grid{grid-template-columns:1fr}}@media (max-width:768px){.add-child-panel-wrapper{border-radius:12px 12px 0 0;max-height:95vh}.add-child-panel-wrapper .common-header-section{padding:16px 20px}.add-child-panel-wrapper .common-page-title{font-size:20px}.add-child-form-content{padding:16px}.form-section-title{font-size:16px}.form-card{padding:12px}.add-child-form-footer{flex-direction:column-reverse;padding:12px 16px}.btn-cancel,.btn-submit{justify-content:center;width:100%}}@media (max-width:480px){.add-child-panel-wrapper .common-page-title{font-size:18px}.form-grid-2{gap:12px}.form-input-common{padding:8px 10px;font-size:13px}.form-section-title{font-size:15px}.form-card-title{font-size:13px}.btn-cancel,.btn-submit{padding:8px 16px;font-size:13px}}@media print{.add-child-panel-wrapper{box-shadow:none;border:1px solid #d1d5db}.add-child-form-footer{display:none}}.manage-children-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.manage-children-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:12px;padding:14px 18px;box-shadow:0 2px 8px #667eea40}.manage-children-header-content{max-width:100%}.manage-children-title{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.manage-children-subtitle{opacity:.95;margin:0;font-size:11px;font-weight:500}.manage-children-stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px;display:grid}.manage-children-stat-card{background:#fff;border-left:3px solid;border-radius:8px;padding:12px 14px;transition:all .2s;box-shadow:0 1px 4px #0000000f}.manage-children-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.manage-children-stat-card.purple{border-left-color:#8b5cf6}.manage-children-stat-card.blue{border-left-color:#06b6d4}.manage-children-stat-card.green{border-left-color:#10b981}.manage-children-stat-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.manage-children-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.manage-children-stat-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.manage-children-stat-value{color:#1f2937;margin:4px 0;font-size:20px;font-weight:700;line-height:1}.manage-children-stat-footer{color:#6b7280;font-size:10px;font-weight:500}.manage-children-filters{background:#fff;border-radius:8px;align-items:center;gap:10px;margin-bottom:12px;padding:12px 14px;display:flex;box-shadow:0 1px 4px #0000000f}.manage-children-search-box{flex:1;align-items:center;display:flex;position:relative}.manage-children-search-icon{color:#9ca3af;pointer-events:none;position:absolute;left:10px}.manage-children-search{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;width:100%;height:32px;padding:6px 10px 6px 32px;font-size:12px;font-weight:500;transition:all .2s}.manage-children-search:hover{border-color:#d1d5db}.manage-children-search:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 2px #8b5cf61a}.manage-children-filter-actions{gap:8px;display:flex}.manage-children-btn-add,.manage-children-btn-refresh{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:5px;height:32px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.manage-children-btn-add{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.manage-children-btn-add:hover{transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.manage-children-btn-refresh{color:#374151;background:#f3f4f6;padding:6px 10px}.manage-children-btn-refresh:hover:not(:disabled){background:#e5e7eb}.manage-children-btn-refresh:disabled{opacity:.5;cursor:not-allowed}.manage-children-table-container{background:#fff;border-radius:8px;margin-bottom:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.manage-children-table-title{color:#1f2937;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.manage-children-table-title:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px;width:3px;height:16px}.manage-children-table-wrapper{border-radius:8px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.manage-children-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.manage-children-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.manage-children-table th{text-align:left;white-space:nowrap;padding:12px 8px;font-size:12px;font-weight:600}.manage-children-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px 8px}.manage-children-table tbody tr:hover{background-color:#f9fafb}.manage-children-table tbody tr:last-child td{border-bottom:none}.manage-children-index{color:#6b7280;width:40px;font-weight:500}.manage-children-id-cell{color:#3b82f6;font-weight:600}.manage-children-memberid-cell{color:#8b5cf6;font-weight:500}.manage-children-name-cell{color:#1f2937;font-weight:600}.manage-children-status-badge{text-transform:capitalize;white-space:nowrap;border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.manage-children-status-badge.active{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}.manage-children-status-badge.inactive{color:#991b1b;background-color:#fee2e2;border:1px solid #fca5a5}.manage-children-actions{justify-content:center;gap:6px;display:flex}.manage-children-action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex}.manage-children-action-btn.view{color:#1e40af;background:#dbeafe}.manage-children-action-btn.view:hover{background:#bfdbfe;transform:scale(1.05)}.manage-children-action-btn.edit{color:#92400e;background:#fef3c7}.manage-children-action-btn.edit:hover{background:#fde68a;transform:scale(1.05)}.manage-children-action-btn.delete{color:#991b1b;background:#fee2e2}.manage-children-action-btn.delete:hover{background:#fca5a5;transform:scale(1.05)}.manage-children-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.manage-children-spinner{border:3px solid #f3f4f6;border-top-color:#8b5cf6;border-radius:50%;width:40px;height:40px;margin-bottom:12px;animation:.8s linear infinite manage-children-spin}@keyframes manage-children-spin{to{transform:rotate(360deg)}}.manage-children-no-data{color:#6b7280;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;font-size:12px;display:flex}.manage-children-no-data svg{opacity:.5}.manage-children-pagination{background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:12px;display:flex;box-shadow:0 1px 4px #0000000f}.manage-children-pagination-btn{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s}.manage-children-pagination-btn:hover:not(:disabled){color:#8b5cf6;background:#f3f4f6;border-color:#8b5cf6}.manage-children-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.manage-children-pagination-info{color:#6b7280;font-size:12px;font-weight:500}.manage-children-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.manage-children-modal-content{background:#fff;border-radius:8px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.manage-children-modal-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #f3f4f6;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.manage-children-modal-header h2{align-items:center;gap:6px;margin:0;font-size:14px;font-weight:700;display:flex}.manage-children-modal-close{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:20px;transition:all .2s;display:flex}.manage-children-modal-close:hover{transform:scale(1.1)}.manage-children-modal-body{padding:18px}.manage-children-view-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.manage-children-view-section{background:#f9fafb;border-left:3px solid #8b5cf6;border-radius:6px;padding:12px}.manage-children-view-section h3{color:#1f2937;text-transform:uppercase;letter-spacing:.3px;margin:0 0 8px;font-size:12px;font-weight:700}.manage-children-view-row{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:6px 0;font-size:12px;display:flex}.manage-children-view-row:last-child{border-bottom:none}.manage-children-view-row label{color:#6b7280;min-width:120px;font-weight:600}.manage-children-view-row span{color:#1f2937;text-align:right;flex:1;font-weight:500}.manage-children-doc-link{color:#3b82f6;font-weight:600;text-decoration:none;transition:all .2s}.manage-children-doc-link:hover{color:#1e40af;text-decoration:underline}.manage-children-modal-footer{border-top:1px solid #f3f4f6;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.manage-children-btn-edit-modal,.manage-children-btn-close-modal{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:5px;height:32px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.manage-children-btn-edit-modal{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.manage-children-btn-edit-modal:hover{transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.manage-children-btn-close-modal{color:#374151;background:#f3f4f6}.manage-children-btn-close-modal:hover{background:#e5e7eb}@media (max-width:1024px){.manage-children-stats-grid{grid-template-columns:repeat(2,1fr)}.manage-children-view-grid{grid-template-columns:1fr}.manage-children-filters{flex-direction:column}.manage-children-search-box{width:100%}}@media (max-width:768px){.manage-children-container{padding:10px}.manage-children-header{padding:12px 14px}.manage-children-title{font-size:16px}.manage-children-subtitle{font-size:10px}.manage-children-stats-grid{grid-template-columns:1fr}.manage-children-table th,.manage-children-table td{padding:8px 6px;font-size:11px}.manage-children-modal-content{max-width:95vw}.manage-children-view-grid{grid-template-columns:1fr}}@media (max-width:480px){.manage-children-filters{flex-direction:column}.manage-children-filter-actions{flex-direction:column;width:100%}.manage-children-btn-add,.manage-children-btn-refresh{justify-content:center;width:100%}.manage-children-table{font-size:11px}.manage-children-table th,.manage-children-table td{padding:6px 4px}.manage-children-actions{gap:4px}.manage-children-action-btn{width:24px;height:24px;font-size:12px}.manage-children-pagination{flex-direction:column;gap:8px}.manage-children-pagination-btn{width:100%}}.children-area-report-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.children-area-report-header{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:8px;margin-bottom:12px;padding:14px 18px;box-shadow:0 2px 8px #10b98140}.children-area-report-header-content{max-width:100%}.children-area-report-title{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.children-area-report-subtitle{opacity:.95;margin:0;font-size:11px;font-weight:500}.children-area-report-filters{background:#fff;border-radius:8px;margin-bottom:12px;padding:12px 14px;box-shadow:0 1px 4px #0000000f}.children-area-report-filters-grid{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:10px;display:grid}.children-area-report-filter-group{flex-direction:column;gap:4px;display:flex}.children-area-report-filter-label{color:#374151;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.children-area-report-filter-input,.children-area-report-filter-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;width:100%;height:32px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s}.children-area-report-filter-input:hover,.children-area-report-filter-select:hover{border-color:#d1d5db}.children-area-report-filter-input:focus,.children-area-report-filter-select:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 2px #10b9811a}.children-area-report-filter-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}.children-area-report-filter-actions{gap:8px;margin-top:10px;display:flex}.children-area-report-btn-primary,.children-area-report-btn-secondary,.children-area-report-btn-export{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:5px;height:32px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.children-area-report-btn-primary{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.children-area-report-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #10b98159}.children-area-report-btn-primary:disabled{opacity:.5;cursor:not-allowed}.children-area-report-btn-secondary{color:#374151;background:#f3f4f6}.children-area-report-btn-secondary:hover{background:#e5e7eb}.children-area-report-btn-export{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.children-area-report-btn-export:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #3b82f659}.children-area-report-btn-export:disabled{opacity:.5;cursor:not-allowed}.children-area-report-stats-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:12px;display:grid}.children-area-report-stat-card{background:#fff;border-left:3px solid;border-radius:8px;padding:12px 14px;transition:all .2s;box-shadow:0 1px 4px #0000000f}.children-area-report-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.children-area-report-stat-card.purple{border-left-color:#8b5cf6}.children-area-report-stat-card.blue{border-left-color:#06b6d4}.children-area-report-stat-card.green{border-left-color:#10b981}.children-area-report-stat-card.orange{border-left-color:#f59e0b}.children-area-report-stat-card.red{border-left-color:#ef4444}.children-area-report-stat-card.gray{border-left-color:#6b7280}.children-area-report-stat-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.children-area-report-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.children-area-report-stat-icon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.children-area-report-stat-value{color:#1f2937;margin:4px 0;font-size:20px;font-weight:700;line-height:1}.children-area-report-stat-footer{color:#6b7280;font-size:10px;font-weight:500}.children-area-report-charts-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px;display:grid}.children-area-report-chart-card{background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 4px #0000000f}.children-area-report-chart-title{color:#1f2937;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.children-area-report-chart-title:before{content:"";background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:2px;width:3px;height:16px}.children-area-report-table-container{background:#fff;border-radius:8px;margin-bottom:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.children-area-report-table-title{color:#1f2937;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.children-area-report-table-title:before{content:"";background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:2px;width:3px;height:16px}.children-area-report-table-wrapper{border-radius:8px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.children-area-report-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.children-area-report-table thead{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.children-area-report-table th{text-align:left;white-space:nowrap;padding:12px 8px;font-size:12px;font-weight:600}.children-area-report-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px 8px}.children-area-report-table tbody tr:hover{background-color:#f9fafb}.children-area-report-table tbody tr:last-child td{border-bottom:none}.children-area-report-id-cell{color:#3b82f6;font-weight:600}.children-area-badge{color:#065f46;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:1px solid #6ee7b7;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.children-area-report-status-badge{text-transform:capitalize;white-space:nowrap;border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.children-area-report-status-badge.active{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}.children-area-report-status-badge.inactive{color:#991b1b;background-color:#fee2e2;border:1px solid #fca5a5}.children-area-report-error{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;margin-bottom:12px;padding:12px 14px;font-size:12px;font-weight:500}.children-area-report-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.children-area-report-spinner{border:3px solid #f3f4f6;border-top-color:#10b981;border-radius:50%;width:40px;height:40px;margin-bottom:12px;animation:.8s linear infinite spin}.children-area-report-no-data{color:#6b7280;text-align:center;padding:20px;font-size:12px}@media (max-width:1600px){.children-area-report-stats-grid{grid-template-columns:repeat(3,1fr)}.children-area-report-charts-grid{grid-template-columns:1fr}.children-area-report-filters-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.children-area-report-filters-grid,.children-area-report-stats-grid{grid-template-columns:repeat(2,1fr)}.children-area-report-charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.children-area-report-container{padding:10px}.children-area-report-header{padding:12px 14px}.children-area-report-title{font-size:16px}.children-area-report-subtitle{font-size:10px}.children-area-report-stats-grid{grid-template-columns:repeat(2,1fr)}.children-area-report-filters-grid,.children-area-report-charts-grid{grid-template-columns:1fr}.children-area-report-filter-actions{flex-direction:column}.children-area-report-btn-primary,.children-area-report-btn-secondary,.children-area-report-btn-export{justify-content:center;width:100%}}@media (max-width:480px){.children-area-report-stats-grid{grid-template-columns:1fr}.children-area-report-table th,.children-area-report-table td{padding:8px 6px;font-size:11px}}.add-spouse-panel-wrapper{background:#fff;border-radius:12px;flex-direction:column;gap:0;max-height:95vh;padding:0;animation:.3s ease-out slideInUp;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000014}.add-spouse-form{flex-direction:column;flex:1;display:flex;overflow:hidden}.add-spouse-form-content{background:#fff;flex:1;padding:24px;overflow-y:auto}.add-spouse-form-content::-webkit-scrollbar{width:8px}.add-spouse-form-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.add-spouse-form-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.add-spouse-form-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.add-spouse-form-footer{background:#f9fafb;border-top:2px solid #e5e7eb;border-radius:0 0 12px 12px;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}@media (max-width:1024px){.add-spouse-panel-wrapper{max-height:90vh}.document-grid{grid-template-columns:1fr}}@media (max-width:768px){.add-spouse-panel-wrapper{border-radius:12px 12px 0 0;max-height:95vh}.add-spouse-form-content{padding:16px}.add-spouse-form-footer{flex-direction:column-reverse;padding:12px 16px}.btn-cancel,.btn-submit{justify-content:center;width:100%}}.manage-spouse-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.manage-spouse-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:12px;padding:14px 18px;box-shadow:0 2px 8px #667eea40}.manage-spouse-header-content{max-width:100%}.manage-spouse-title{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.manage-spouse-subtitle{opacity:.95;margin:0;font-size:11px;font-weight:500}.manage-spouse-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.manage-spouse-stat-card{background:#fff;border-left:3px solid;border-radius:8px;padding:12px 14px;transition:all .2s;box-shadow:0 1px 4px #0000000f}.manage-spouse-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.manage-spouse-stat-card.purple{border-left-color:#8b5cf6}.manage-spouse-stat-card.blue{border-left-color:#06b6d4}.manage-spouse-stat-card.green{border-left-color:#10b981}.manage-spouse-stat-card.orange{border-left-color:#f59e0b}.manage-spouse-stat-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.manage-spouse-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.manage-spouse-stat-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.manage-spouse-stat-value{color:#1f2937;margin:4px 0;font-size:20px;font-weight:700;line-height:1}.manage-spouse-stat-footer{color:#6b7280;font-size:10px;font-weight:500}.manage-spouse-filters{background:#fff;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:12px;padding:12px 14px;display:flex;box-shadow:0 1px 4px #0000000f}.manage-spouse-search-box{flex:1;align-items:center;min-width:250px;display:flex;position:relative}.manage-spouse-search-icon{color:#9ca3af;pointer-events:none;position:absolute;left:10px}.manage-spouse-search{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;width:100%;height:32px;padding:6px 10px 6px 32px;font-size:12px;font-weight:500;transition:all .2s}.manage-spouse-search:hover{border-color:#d1d5db}.manage-spouse-search:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 2px #8b5cf61a}.manage-spouse-filter-group{flex-direction:column;gap:4px;min-width:140px;display:flex}.manage-spouse-filter-label{color:#374151;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.manage-spouse-filter-select{cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E") right 8px center no-repeat;border:1.5px solid #e5e7eb;border-radius:6px;width:100%;height:32px;padding:6px 28px 6px 10px;font-size:12px;font-weight:500;transition:all .2s}.manage-spouse-filter-select:hover{border-color:#d1d5db}.manage-spouse-filter-select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 2px #8b5cf61a}.manage-spouse-filter-actions{gap:8px;display:flex}.manage-spouse-btn-add,.manage-spouse-btn-refresh{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:5px;height:32px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.manage-spouse-btn-add{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.manage-spouse-btn-add:hover{transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.manage-spouse-btn-refresh{color:#374151;background:#f3f4f6;padding:6px 10px}.manage-spouse-btn-refresh:hover:not(:disabled){background:#e5e7eb}.manage-spouse-btn-refresh:disabled{opacity:.5;cursor:not-allowed}.manage-spouse-table-container{background:#fff;border-radius:8px;margin-bottom:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.manage-spouse-table-title{color:#1f2937;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.manage-spouse-table-title:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px;width:3px;height:16px}.manage-spouse-table-wrapper{border-radius:8px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.manage-spouse-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.manage-spouse-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.manage-spouse-table th{text-align:left;white-space:nowrap;padding:12px 8px;font-size:12px;font-weight:600}.manage-spouse-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px 8px}.manage-spouse-table tbody tr:hover{background-color:#f9fafb}.manage-spouse-table tbody tr:last-child td{border-bottom:none}.manage-spouse-index{color:#6b7280;width:40px;font-weight:500}.manage-spouse-id-cell{color:#3b82f6;font-weight:600}.manage-spouse-memberid-cell{color:#8b5cf6;font-weight:500}.manage-spouse-name-cell{color:#1f2937;font-weight:600}.manage-spouse-living-badge{text-transform:capitalize;white-space:nowrap;border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.manage-spouse-living-badge.living{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}.manage-spouse-living-badge.deceased{color:#991b1b;background-color:#fee2e2;border:1px solid #fca5a5}.manage-spouse-status-badge{text-transform:capitalize;white-space:nowrap;border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.manage-spouse-status-badge.active{color:#1e40af;background-color:#dbeafe;border:1px solid #93c5fd}.manage-spouse-status-badge.inactive{color:#92400e;background-color:#fef3c7;border:1px solid #fde68a}.manage-spouse-actions{justify-content:center;gap:6px;display:flex}.manage-spouse-action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex}.manage-spouse-action-btn.view{color:#1e40af;background:#dbeafe}.manage-spouse-action-btn.view:hover{background:#bfdbfe;transform:scale(1.05)}.manage-spouse-action-btn.edit{color:#92400e;background:#fef3c7}.manage-spouse-action-btn.edit:hover{background:#fde68a;transform:scale(1.05)}.manage-spouse-action-btn.delete{color:#991b1b;background:#fee2e2}.manage-spouse-action-btn.delete:hover{background:#fca5a5;transform:scale(1.05)}.manage-spouse-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.manage-spouse-spinner{border:3px solid #f3f4f6;border-top-color:#8b5cf6;border-radius:50%;width:40px;height:40px;margin-bottom:12px;animation:.8s linear infinite manage-spouse-spin}@keyframes manage-spouse-spin{to{transform:rotate(360deg)}}.manage-spouse-no-data{color:#6b7280;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;font-size:12px;display:flex}.manage-spouse-no-data svg{opacity:.5}.manage-spouse-pagination{background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:12px;display:flex;box-shadow:0 1px 4px #0000000f}.manage-spouse-pagination-btn{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s}.manage-spouse-pagination-btn:hover:not(:disabled){color:#8b5cf6;background:#f3f4f6;border-color:#8b5cf6}.manage-spouse-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.manage-spouse-pagination-info{color:#6b7280;font-size:12px;font-weight:500}.manage-spouse-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.manage-spouse-modal-content{background:#fff;border-radius:8px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.manage-spouse-modal-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #f3f4f6;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.manage-spouse-modal-header h2{align-items:center;gap:6px;margin:0;font-size:14px;font-weight:700;display:flex}.manage-spouse-modal-close{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:20px;transition:all .2s;display:flex}.manage-spouse-modal-close:hover{transform:scale(1.1)}.manage-spouse-modal-body{padding:18px}.manage-spouse-view-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.manage-spouse-view-section{background:#f9fafb;border-left:3px solid #8b5cf6;border-radius:6px;padding:12px}.manage-spouse-view-section h3{color:#1f2937;text-transform:uppercase;letter-spacing:.3px;margin:0 0 8px;font-size:12px;font-weight:700}.manage-spouse-view-row{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:6px 0;font-size:12px;display:flex}.manage-spouse-view-row:last-child{border-bottom:none}.manage-spouse-view-row label{color:#6b7280;min-width:120px;font-weight:600}.manage-spouse-view-row span{color:#1f2937;text-align:right;flex:1;font-weight:500}.manage-spouse-doc-link{color:#3b82f6;font-weight:600;text-decoration:none;transition:all .2s}.manage-spouse-doc-link:hover{color:#1e40af;text-decoration:underline}.manage-spouse-modal-footer{border-top:1px solid #f3f4f6;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.manage-spouse-btn-edit-modal,.manage-spouse-btn-close-modal{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:5px;height:32px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.manage-spouse-btn-edit-modal{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.manage-spouse-btn-edit-modal:hover{transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.manage-spouse-btn-close-modal{color:#374151;background:#f3f4f6}.manage-spouse-btn-close-modal:hover{background:#e5e7eb}@media (max-width:1600px){.manage-spouse-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.manage-spouse-stats-grid{grid-template-columns:repeat(2,1fr)}.manage-spouse-view-grid{grid-template-columns:1fr}.manage-spouse-filters{flex-direction:column;align-items:stretch}.manage-spouse-search-box,.manage-spouse-filter-group,.manage-spouse-filter-actions{width:100%}}@media (max-width:768px){.manage-spouse-container{padding:10px}.manage-spouse-header{padding:12px 14px}.manage-spouse-title{font-size:16px}.manage-spouse-subtitle{font-size:10px}.manage-spouse-stats-grid{grid-template-columns:1fr}.manage-spouse-table th,.manage-spouse-table td{padding:8px 6px;font-size:11px}.manage-spouse-modal-content{max-width:95vw}.manage-spouse-view-grid{grid-template-columns:1fr}.manage-spouse-filters{flex-direction:column}.manage-spouse-search-box{width:100%}}@media (max-width:480px){.manage-spouse-filters{flex-direction:column}.manage-spouse-filter-group{width:100%}.manage-spouse-filter-actions{flex-direction:column;width:100%}.manage-spouse-btn-add,.manage-spouse-btn-refresh{justify-content:center;width:100%}.manage-spouse-table{font-size:11px}.manage-spouse-table th,.manage-spouse-table td{padding:6px 4px}.manage-spouse-actions{gap:4px}.manage-spouse-action-btn{width:24px;height:24px;font-size:12px}.manage-spouse-pagination{flex-direction:column;gap:8px}.manage-spouse-pagination-btn{width:100%}.manage-spouse-stats-grid{grid-template-columns:1fr}}.add-member-panel-wrapper{background:#fff;border-radius:12px;flex-direction:column;gap:0;max-height:95vh;padding:0;animation:.3s ease-out slideInUp;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000014}.add-member-panel-wrapper .common-header-section{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:2px solid #f3f4f6;border-radius:12px 12px 0 0;padding:20px 24px}.add-member-panel-wrapper .common-page-title{color:#1f2937;margin:0;font-size:24px;font-weight:700}.header-close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px 8px;font-size:24px;transition:all .2s;display:flex}.header-close-btn:hover{color:#1f2937;background:#e5e7eb}.add-member-tabs-container{scroll-behavior:smooth;background:#fff;border-bottom:2px solid #e5e7eb;gap:0;padding:0;display:flex;overflow-x:auto}.add-member-tabs-container::-webkit-scrollbar{height:4px}.add-member-tabs-container::-webkit-scrollbar-track{background:#f3f4f6}.add-member-tabs-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.add-member-tab-button{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;min-width:160px;padding:14px 16px;font-size:14px;font-weight:600;transition:all .3s;position:relative}.add-member-tab-button:hover{color:#4f46e5;background:#f9fafb}.add-member-tab-button.active{color:#4f46e5;background:linear-gradient(#4f46e50d,#0000);border-bottom-color:#4f46e5}.add-member-form{flex-direction:column;flex:1;display:flex;overflow:hidden}.add-member-form-content{background:#fff;flex:1;padding:24px;overflow-y:auto}.add-member-form-content::-webkit-scrollbar{width:8px}.add-member-form-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.add-member-form-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.add-member-form-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.tab-content-wrapper{animation:.3s ease-out fadeIn}.form-section{flex-direction:column;gap:24px;display:flex}.form-section-title{color:#1f2937;border-bottom:2px solid #e5e7eb;margin:0;padding-bottom:12px;font-size:18px;font-weight:700}.form-subsection-title{color:#4b5563;border-left:3px solid #4f46e5;margin:16px 0 12px;padding-left:8px;font-size:14px;font-weight:600}.form-grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:16px;display:grid}.form-full-width{grid-column:1/-1}.form-group-common{flex-direction:column;gap:6px;display:flex}.form-label-common{color:#374151;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.required-asterisk{color:#ef4444;margin-left:2px;font-weight:700}.form-input-common{color:#1f2937;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.form-input-common:focus{background:#f8f7ff;border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51a}.form-input-common:disabled{color:#9ca3af;cursor:not-allowed;background:#f3f4f6}.form-input-common::placeholder{color:#9ca3af}.form-helper-text{color:#6b7280;margin-top:2px;font-size:12px}.form-card{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e5e7eb;border-radius:10px;margin-bottom:16px;padding:16px}.form-card-title{color:#1f2937;align-items:center;gap:6px;margin:0 0 12px;font-size:14px;font-weight:700;display:flex}.subjects-grid-wrapper{flex-direction:column;gap:12px;margin-top:12px;display:flex}.subjects-grid-label{color:#4b5563;margin:0;font-size:13px;font-weight:600}.subject-input-pair{grid-template-columns:2fr 1fr;gap:12px;display:grid}.family-card{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e5e7eb;border-radius:10px;margin-bottom:16px;padding:16px}.family-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.family-card-header h4{color:#1f2937;margin:0;font-size:14px;font-weight:700}.children-list{flex-direction:column;gap:12px;display:flex}.child-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;padding:12px;transition:all .2s}.child-card:hover{border-color:#4f46e5;box-shadow:0 2px 8px #4f46e51a}.child-card-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;display:flex}.child-card-header h5{color:#374151;margin:0;font-size:13px;font-weight:600}.spouse-form-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:12px;padding:12px}.spouse-id-text{color:#6b7280;background:#f3f4f6;border-left:3px solid #4f46e5;border-radius:6px;margin:0 0 12px;padding:8px 12px;font-size:12px}.document-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:16px;display:grid}.documents-info-text{color:#6b7280;background:#fef3c7;border-left:3px solid #f59e0b;border-radius:4px;margin:0 0 16px;padding:10px 12px;font-size:13px}.add-btn-small{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.add-btn-small:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.add-btn-small:active{transform:translateY(0)}.remove-btn-small{color:#991b1b;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.remove-btn-small:hover{background:#fecaca;border-color:#ef4444}.empty-state-text{text-align:center;color:#9ca3af;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;margin:0;padding:20px;font-size:14px}.add-member-form-footer{background:#f9fafb;border-top:2px solid #e5e7eb;border-radius:0 0 12px 12px;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn-cancel{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-cancel:hover:not(:disabled){color:#374151;background:#f3f4f6;border-color:#9ca3af}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #4f46e533}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4f46e54d}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.spinner-mini{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}.form-input-common[type=file]{cursor:pointer;padding:8px}.form-input-common[type=file]::file-selector-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border:none;border-radius:6px;margin-right:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.form-input-common[type=file]::file-selector-button:hover{transform:translateY(-2px);box-shadow:0 2px 8px #4f46e54d}textarea.form-input-common{resize:vertical;min-height:80px;font-family:inherit}select.form-input-common{appearance:none;cursor:pointer;color:#1f2937;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M2 5L7 10L12 5' stroke='%234f46e5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px 16px;border:1.5px solid #d1d5db;border-radius:8px;padding:10px 36px 10px 12px;font-family:inherit;font-size:14px;transition:all .2s}select.form-input-common:hover{border-color:#9ca3af}select.form-input-common:focus{background-color:#f8f7ff;border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51a}select.form-input-common:focus-visible{outline-offset:2px;outline:2px solid #4f46e5}select.form-input-common:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f3f4f6;border-color:#e5e7eb}select.form-input-common::-moz-appearance{appearance:none}select.form-input-common::-ms-expand{display:none}.form-input-common:focus-visible{outline-offset:2px;outline:2px solid #4f46e5}@media (max-width:1024px){.add-member-panel-wrapper{max-height:90vh}.form-grid-2{grid-template-columns:1fr}.subject-input-pair{grid-template-columns:1fr 1fr}.document-grid{grid-template-columns:1fr}}@media (max-width:768px){.add-member-panel-wrapper{border-radius:12px 12px 0 0;max-height:95vh}.add-member-panel-wrapper .common-header-section{padding:16px 20px}.add-member-panel-wrapper .common-page-title{font-size:20px}.add-member-tabs-container{overflow-x:auto}.add-member-tab-button{min-width:140px;padding:12px 14px;font-size:13px}.add-member-form-content{padding:16px}.form-section-title{font-size:16px}.form-card{padding:12px}.family-card-header{flex-direction:column;align-items:flex-start}.add-member-form-footer{flex-direction:column-reverse;padding:12px 16px}.btn-cancel,.btn-submit{justify-content:center;width:100%}}@media (max-width:480px){.add-member-panel-wrapper .common-page-title{font-size:18px}.add-member-tab-button{min-width:120px;padding:10px 12px;font-size:12px}.form-grid-2{gap:12px}.form-input-common{padding:8px 10px;font-size:13px}.form-section-title{font-size:15px}.form-card-title{font-size:13px}.btn-cancel,.btn-submit{padding:8px 16px;font-size:13px}}@media print{.add-member-panel-wrapper{box-shadow:none;border:1px solid #d1d5db}.add-member-form-footer,.add-member-tabs-container{display:none}}.members-overview-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.members-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:12px;padding:14px 18px;box-shadow:0 2px 8px #667eea40}.members-header-content{max-width:100%}.members-title{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.members-subtitle{opacity:.95;margin:0;font-size:11px;font-weight:500}.members-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.members-stat-card{background:#fff;border-left:3px solid;border-radius:8px;padding:12px 14px;transition:all .2s;box-shadow:0 1px 4px #0000000f}.members-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.members-stat-card.purple{border-left-color:#8b5cf6}.members-stat-card.green{border-left-color:#10b981}.members-stat-card.orange{border-left-color:#f97316}.members-stat-card.blue{border-left-color:#06b6d4}.members-stat-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.members-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.members-stat-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.members-stat-value{color:#1f2937;margin:4px 0;font-size:20px;font-weight:700;line-height:1}.members-stat-footer{color:#6b7280;font-size:10px;font-weight:500}.members-filters{background:#fff;border-radius:8px;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex;box-shadow:0 1px 4px #0000000f}.members-filters-grid{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.members-filter-group{flex-direction:column;gap:4px;display:flex}.members-filter-label{color:#374151;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.members-filter-input,.members-filter-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;width:100%;height:32px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s}.members-filter-input:hover,.members-filter-select:hover{border-color:#d1d5db}.members-filter-input:focus,.members-filter-select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 2px #8b5cf61a}.members-filter-select{cursor:pointer}.members-filter-actions{flex-direction:column;justify-content:flex-end;gap:6px;display:flex}.members-btn-primary{cursor:pointer;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:32px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #667eea40}.members-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #667eea59}.members-btn-primary:disabled{opacity:.5;cursor:not-allowed}.members-table-container{background:#fff;border-radius:8px;margin-bottom:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.members-table-wrapper{border-radius:8px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.members-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.members-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.members-table th{text-align:left;white-space:nowrap;padding:12px 8px;font-size:12px;font-weight:600}.members-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px 8px}.members-table tbody tr:hover{background-color:#f9fafb}.members-table tbody tr:last-child td{border-bottom:none}.members-index{color:#6b7280;width:40px;font-weight:500}.members-id-cell{color:#3b82f6;font-weight:600}.members-name-cell{color:#1f2937;font-weight:600}.members-branch-cell{color:#8b5cf6;font-weight:500}.members-nic-cell{font-family:Inter,monospace;font-size:12px}.members-status-badge{text-transform:capitalize;white-space:nowrap;border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.members-status-badge.living{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}.members-status-badge.deceased{color:#991b1b;background-color:#fee2e2;border:1px solid #fca5a5}.members-status-badge.active{color:#075985;background-color:#e0f2fe;border:1px solid #7dd3fc}.members-status-badge.inactive{color:#854d0e;background-color:#fef9c3;border:1px solid #facc15}.members-action-buttons{justify-content:center;gap:6px;display:flex}.members-action-icon{cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex}.members-action-icon img{width:16px;height:16px}.members-action-icon.view{color:#1e40af;background:#dbeafe}.members-action-icon.view:hover{background:#bfdbfe;transform:scale(1.05)}.members-action-icon.edit{background:#fef3c7}.members-action-icon.edit:hover{background:#fde68a;transform:scale(1.05)}.members-action-icon.delete{background:#fee2e2}.members-action-icon.delete:hover{background:#fca5a5;transform:scale(1.05)}.members-no-data{color:#6b7280;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;font-size:12px;font-weight:500;display:flex}.members-no-data img{opacity:.7;width:80px}.members-spinner{border:3px solid #f3f4f6;border-top-color:#8b5cf6;border-radius:50%;width:40px;height:40px;margin-bottom:12px;animation:.8s linear infinite members-spin}@keyframes members-spin{to{transform:rotate(360deg)}}.members-pagination{background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:12px;margin-top:8px;padding:12px;display:flex;box-shadow:0 1px 4px #0000000f}.members-page-btn{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s}.members-page-btn:hover:not(:disabled){color:#8b5cf6;background:#f3f4f6;border-color:#8b5cf6}.members-page-btn:disabled{opacity:.5;cursor:not-allowed}.members-page-goto{color:#6b7280;align-items:center;gap:6px;font-size:11px;display:flex}.members-page-input{border:1.5px solid #e5e7eb;border-radius:6px;width:60px;padding:4px 6px;font-size:11px}.members-page-input:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 2px #8b5cf61a}.members-page-info{color:#6b7280;font-size:12px;font-weight:500}.members-page-info span{color:#9ca3af;margin-left:6px;font-size:11px}.members-export{background:#fff;border-radius:8px;margin-top:8px;padding:12px 14px;box-shadow:0 1px 4px #0000000f}.members-export-title{color:#1f2937;align-items:center;gap:6px;margin:0 0 10px;font-size:13px;font-weight:700;display:flex}.members-export-buttons{flex-wrap:wrap;gap:8px;display:flex}.members-export-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.members-export-btn.excel{color:#166534;background:#dcfce7}.members-export-btn.excel:hover:not(:disabled){background:#bbf7d0}.members-export-btn.csv{color:#92400e;background:#fef3c7}.members-export-btn.csv:hover:not(:disabled){background:#fde68a}.members-export-btn.pdf{color:#991b1b;background:#fee2e2}.members-export-btn.pdf:hover:not(:disabled){background:#fecaca}.members-export-btn:disabled{opacity:.5;cursor:not-allowed}.members-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.members-modal-content{background:#fff;border-radius:8px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.members-modal-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #f3f4f6;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.members-modal-header h2{align-items:center;gap:6px;margin:0;font-size:14px;font-weight:700;display:flex}.members-modal-close{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:20px;transition:all .2s;display:flex}.members-modal-close:hover{transform:scale(1.1)}.members-modal-body{padding:18px}.members-modal-footer{border-top:1px solid #f3f4f6;justify-content:flex-end;padding:12px 18px;display:flex}@media (max-width:1024px){.members-stats-grid{grid-template-columns:repeat(2,1fr)}.members-filters{flex-direction:column;align-items:stretch}.members-filters-grid{grid-template-columns:repeat(2,1fr)}.members-filter-actions{flex-direction:row;justify-content:flex-start}}@media (max-width:768px){.members-overview-container{padding:10px}.members-header{padding:12px 14px}.members-title{font-size:16px}.members-subtitle{font-size:10px}.members-stats-grid,.members-filters-grid{grid-template-columns:1fr}.members-table th,.members-table td{padding:8px 6px;font-size:11px}.members-modal-content{max-width:95vw}.members-pagination{flex-direction:column;gap:8px}}@media (max-width:480px){.members-filter-actions{flex-direction:column}.members-btn-primary{justify-content:center;width:100%}.members-table{font-size:11px}.members-table th,.members-table td{padding:6px 4px}.members-action-buttons{gap:4px}.members-action-icon{width:24px;height:24px;font-size:12px}.members-pagination{flex-direction:column;gap:8px}.members-page-btn{width:100%}}.members-area-report-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.members-area-report-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:12px;padding:14px 18px;box-shadow:0 2px 8px #667eea40}.members-area-report-header-content{max-width:100%}.members-area-report-title{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.members-area-report-subtitle{opacity:.95;margin:0;font-size:11px;font-weight:500}.members-area-report-filters{background:#fff;border-radius:8px;margin-bottom:12px;padding:12px 14px;box-shadow:0 1px 4px #0000000f}.members-area-report-filters-grid{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:10px;display:grid}.members-area-report-filter-group{flex-direction:column;gap:4px;display:flex}.members-area-report-filter-label{color:#374151;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.members-area-report-filter-input,.members-area-report-filter-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;width:100%;height:32px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s}.members-area-report-filter-input:hover,.members-area-report-filter-select:hover{border-color:#d1d5db}.members-area-report-filter-input:focus,.members-area-report-filter-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.members-area-report-filter-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}.members-area-report-filter-actions{gap:8px;margin-top:10px;display:flex}.members-area-report-btn-primary,.members-area-report-btn-secondary,.members-area-report-btn-export{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:5px;height:32px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.members-area-report-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.members-area-report-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.members-area-report-btn-primary:disabled{opacity:.5;cursor:not-allowed}.members-area-report-btn-secondary{color:#374151;background:#f3f4f6}.members-area-report-btn-secondary:hover{background:#e5e7eb}.members-area-report-btn-export{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.members-area-report-btn-export:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #10b98159}.members-area-report-btn-export:disabled{opacity:.5;cursor:not-allowed}.members-area-report-stats-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:12px;display:grid}.members-area-report-stat-card{background:#fff;border-left:3px solid;border-radius:8px;padding:12px 14px;transition:all .2s;box-shadow:0 1px 4px #0000000f}.members-area-report-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.members-area-report-stat-card.purple{border-left-color:#8b5cf6}.members-area-report-stat-card.blue{border-left-color:#06b6d4}.members-area-report-stat-card.green{border-left-color:#10b981}.members-area-report-stat-card.orange{border-left-color:#f59e0b}.members-area-report-stat-card.red{border-left-color:#ef4444}.members-area-report-stat-card.gray{border-left-color:#6b7280}.members-area-report-stat-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.members-area-report-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.members-area-report-stat-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.members-area-report-stat-value{color:#1f2937;margin:4px 0;font-size:20px;font-weight:700;line-height:1}.members-area-report-stat-footer{color:#6b7280;font-size:10px;font-weight:500}.members-area-report-charts-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px;display:grid}.members-area-report-chart-card{background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 4px #0000000f}.members-area-report-chart-title{color:#1f2937;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.members-area-report-chart-title:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px;width:3px;height:16px}.members-area-report-table-container{background:#fff;border-radius:8px;margin-bottom:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.members-area-report-table-title{color:#1f2937;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.members-area-report-table-title:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px;width:3px;height:16px}.members-area-report-table-wrapper{border-radius:8px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.members-area-report-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.members-area-report-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.members-area-report-table th{text-align:left;white-space:nowrap;padding:12px 8px;font-size:12px;font-weight:600}.members-area-report-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px 8px}.members-area-report-table tbody tr:hover{background-color:#f9fafb}.members-area-report-table tbody tr:last-child td{border-bottom:none}.members-area-report-id-cell{color:#3b82f6;font-weight:600}.members-area-badge{color:#5b21b6;background:linear-gradient(135deg,#ddd6fe 0%,#c4b5fd 100%);border:1px solid #a78bfa;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.members-area-report-status-badge{text-transform:capitalize;white-space:nowrap;border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.members-area-report-status-badge.active{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}.members-area-report-status-badge.inactive{color:#991b1b;background-color:#fee2e2;border:1px solid #fca5a5}.members-area-report-status-badge.living{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}.members-area-report-status-badge.deceased{color:#991b1b;background-color:#fee2e2;border:1px solid #fca5a5}.members-area-report-error{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;margin-bottom:12px;padding:12px 14px;font-size:12px;font-weight:500}.members-area-report-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.members-area-report-spinner{border:3px solid #f3f4f6;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;margin-bottom:12px;animation:.8s linear infinite spin}.members-area-report-no-data{color:#6b7280;text-align:center;padding:20px;font-size:12px}@media (max-width:1600px){.members-area-report-stats-grid{grid-template-columns:repeat(3,1fr)}.members-area-report-charts-grid{grid-template-columns:1fr}.members-area-report-filters-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.members-area-report-filters-grid,.members-area-report-stats-grid{grid-template-columns:repeat(2,1fr)}.members-area-report-charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.members-area-report-container{padding:10px}.members-area-report-header{padding:12px 14px}.members-area-report-title{font-size:16px}.members-area-report-subtitle{font-size:10px}.members-area-report-stats-grid{grid-template-columns:repeat(2,1fr)}.members-area-report-filters-grid,.members-area-report-charts-grid{grid-template-columns:1fr}.members-area-report-filter-actions{flex-direction:column}.members-area-report-btn-primary,.members-area-report-btn-secondary,.members-area-report-btn-export{justify-content:center;width:100%}}@media (max-width:480px){.members-area-report-stats-grid{grid-template-columns:1fr}.members-area-report-table th,.members-area-report-table td{padding:8px 6px;font-size:11px}}.pdf-report-container{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:12px}.report-filter-section{background:#fff;border-radius:8px;margin-bottom:12px;padding:12px;animation:.3s ease-out slideDown;box-shadow:0 2px 8px #00000014}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.filter-header h2 svg{color:#6366f1;font-size:.95rem}.filter-group label{color:#334155;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:.75rem;font-weight:600}.filter-select,.filter-input{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;height:32px;padding:6px 8px;font-size:.8rem;transition:all .3s}.filter-select:hover,.filter-input:hover{border-color:#6366f1;box-shadow:0 1px 4px #6366f11a}.filter-select:focus,.filter-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 2px #6366f11a}.filter-actions{flex-wrap:wrap;gap:8px;display:flex}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .3s;display:flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 2px 6px #6366f14d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 8px #6366f166}.btn-secondary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.btn-secondary:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1}.btn-pdf{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);box-shadow:0 2px 6px #dc26264d}.btn-pdf:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 8px #dc262666}.btn-excel{color:#fff;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);box-shadow:0 2px 6px #16a34a4d}.btn-excel:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 8px #16a34a66}.report-preview-section{background:#fff;border-radius:8px;flex-direction:column;height:calc(100vh - 200px);padding:12px;animation:.3s ease-out fadeIn;display:flex;box-shadow:0 2px 8px #00000014}.preview-header h3{color:#1e293b;flex:1;min-width:200px;margin:0;font-size:1rem}.summary-card{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-left:3px solid #6366f1;border-radius:6px;padding:10px;transition:all .3s;box-shadow:0 1px 4px #0000000d}.summary-card:hover{transform:translateY(-2px);box-shadow:0 2px 6px #00000014}.summary-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:.7rem;font-weight:600}.summary-value{color:#1e293b;font-size:1.3rem;font-weight:700}.report-table-wrapper{border-radius:6px;flex:1;margin-bottom:8px;overflow:auto;box-shadow:0 1px 4px #0000000d}.report-table{border-collapse:collapse;background:#fff;width:100%;font-size:.75rem}.report-table thead{color:#fff;z-index:10;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);position:sticky;top:0}.report-table th{text-align:left;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-bottom:1px solid #4f46e5;padding:8px 6px;font-size:.7rem;font-weight:600}.report-table tbody tr{border-bottom:1px solid #e2e8f0;height:28px;transition:all .2s}.report-table tbody tr.odd{background:#fff}.report-table td{color:#334155;text-overflow:ellipsis;white-space:nowrap;padding:6px;font-size:.75rem;overflow:hidden}.report-table td.amount{text-align:right;color:#1e293b;font-weight:600}.report-table td.status{text-align:center;font-weight:600}.pagination-info{text-align:right;color:#64748b;border-top:1px solid #e2e8f0;padding-top:6px;font-size:.75rem}.empty-state h3{color:#1e293b;margin:0 0 6px;font-size:1.2rem}@media (min-width:1920px){.pdf-report-container{padding:16px}.report-filter-section,.report-preview-section{padding:14px}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.filter-group label{margin-bottom:5px;font-size:.78rem}.filter-select,.filter-input{height:34px;padding:7px 9px;font-size:.82rem}.btn{padding:9px 16px;font-size:.82rem}.report-table{font-size:.78rem}.report-table th{padding:9px 7px;font-size:.72rem}.report-table td{height:30px;padding:7px;font-size:.78rem}.report-table tbody tr{height:30px}.summary-card{padding:12px}.summary-label{font-size:.72rem}.summary-value{font-size:1.4rem}.preview-header h3{font-size:1.05rem}.filter-header h2{font-size:1.15rem}}@media (max-width:1400px){.filter-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.report-summary{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}@media (max-width:1024px){.pdf-report-container,.report-filter-section,.report-preview-section{padding:10px}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px}.report-summary{grid-template-columns:repeat(2,1fr);gap:6px}.filter-select,.filter-input{height:30px;padding:5px 7px;font-size:.75rem}.btn{padding:7px 12px;font-size:.75rem}.report-table{font-size:.7rem}.report-table th,.report-table td{padding:5px}.report-table tbody tr{height:26px}}@media (max-width:768px){.pdf-report-container,.report-filter-section,.report-preview-section{padding:8px}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:5px}.report-summary{grid-template-columns:1fr}.preview-header{flex-direction:column;align-items:flex-start}.preview-actions{width:100%}.preview-actions .btn{flex:1;justify-content:center}.filter-header h2,.preview-header h3{font-size:.95rem}}@media (max-width:480px){.report-table-wrapper{overflow-x:auto}.report-table{min-width:500px;font-size:.65rem}.filter-actions{flex-direction:column;width:100%}.filter-actions .btn{width:100%}.preview-actions{flex-direction:column;width:100%}.preview-actions .btn{width:100%}.report-table th,.report-table td{padding:4px}}.report-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.report-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.report-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.report-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media print{.pdf-report-container{background:#fff;padding:0}.report-filter-section,.filter-actions{display:none}.report-preview-section{box-shadow:none;height:auto;padding:0}.report-table,.report-table tbody tr{page-break-inside:avoid}.report-table-wrapper{height:auto;overflow:visible}}.manage-bank-container{color:#1f2933;background:linear-gradient(135deg,#f8f9fa 0%,#f3f4f6 100%);min-height:100vh;padding:12px 16px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.manage-bank-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:16px 20px;display:flex;box-shadow:0 4px 12px #667eea4d}.manage-bank-header-content{flex-direction:column;gap:4px;display:flex}.manage-bank-title{color:#fff;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:700;display:flex}.manage-bank-title svg{font-size:22px}.manage-bank-subtitle{opacity:.95;margin:0;font-size:12px;font-weight:500}.manage-bank-btn-add{cursor:pointer;color:#fff;white-space:nowrap;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #16a34a4d}.manage-bank-btn-add:hover{background:linear-gradient(135deg,#15803d 0%,#166534 100%);transform:translateY(-2px);box-shadow:0 4px 12px #16a34a4d}.manage-bank-btn-add svg{font-size:16px}.manage-bank-alert{border-radius:8px;align-items:center;gap:10px;margin-bottom:12px;padding:12px 14px;font-size:13px;animation:.3s slideIn;display:flex}.manage-bank-alert.error{color:#991b1b;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:1px solid #fca5a5}.manage-bank-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.manage-bank-stat-card{background:#fff;border-left:4px solid;border-radius:12px;padding:14px 16px;transition:all .3s;box-shadow:0 2px 8px #00000014}.manage-bank-stat-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001f}.manage-bank-stat-card.total{border-left-color:#667eea}.manage-bank-stat-card.active{border-left-color:#16a34a}.manage-bank-stat-card.inactive{border-left-color:#dc2626}.manage-bank-stat-card.balance{border-left-color:#8b5cf6}.manage-bank-stat-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.manage-bank-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.manage-bank-stat-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.manage-bank-stat-value{color:#1f2937;margin:6px 0;font-size:22px;font-weight:700;line-height:1}.manage-bank-stat-footer{color:#6b7280;font-size:10px;font-weight:500}.manage-bank-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex;box-shadow:0 1px 3px #0000000d}.manage-bank-filters-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.manage-bank-filter-group{flex-direction:column;gap:5px;display:flex}.manage-bank-filter-label{color:#374151;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.manage-bank-filter-select,.manage-bank-filter-input{color:#111827;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;height:34px;padding:6px 10px;font-size:13px;font-weight:500;transition:all .2s}.manage-bank-filter-select:hover,.manage-bank-filter-input:hover{border-color:#c4b5fd}.manage-bank-filter-select:focus,.manage-bank-filter-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.manage-bank-filter-actions{justify-content:flex-end;align-items:center;display:flex}.manage-bank-btn-reset{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.manage-bank-btn-reset:hover{color:#667eea;background:#f9fafb;border-color:#c4b5fd}.manage-bank-loading{background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex;box-shadow:0 1px 3px #0000000d}.manage-bank-spinner{border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.manage-bank-loading p{color:#6b7280;font-size:13px}.manage-bank-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;box-shadow:0 2px 8px #00000014}.manage-bank-content-title{color:#1f2937;border-left:4px solid;border-image:linear-gradient(135deg,#667eea 0%,#764ba2 100%) 1;align-items:center;gap:8px;margin:0 0 12px;padding-left:8px;font-size:14px;font-weight:700;display:flex}.manage-bank-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.manage-bank-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #00000014}.manage-bank-card:hover{border-color:#c4b5fd;transform:translateY(-4px);box-shadow:0 6px 16px #0000001f}.manage-bank-card-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:flex-start;padding:14px 16px;display:flex}.manage-bank-card-icon{font-size:24px}.manage-bank-card-actions{gap:6px;display:flex}.manage-bank-btn-icon{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.manage-bank-btn-icon:hover{background:#ffffff4d;transform:scale(1.05)}.manage-bank-btn-icon.delete:hover{background:#dc2626}.manage-bank-card-content{padding:14px 16px}.manage-bank-card-title{color:#1f2937;margin:0 0 10px;font-size:16px;font-weight:700}.manage-bank-card-info{border-bottom:1px solid #e5e7eb;flex-direction:column;gap:8px;margin-bottom:10px;padding-bottom:10px;display:flex}.manage-bank-info-row{justify-content:space-between;align-items:center;font-size:12px;display:flex}.manage-bank-info-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-weight:600}.manage-bank-info-value{color:#1f2937;word-break:break-word;text-align:right;flex:1;margin-left:8px;font-weight:600}.manage-bank-info-row.balance{border-top:1px solid #e5e7eb;padding-top:8px;font-size:13px}.manage-bank-info-row.balance .manage-bank-info-value{color:#667eea;font-weight:700}.manage-bank-card-footer{padding-top:10px}.manage-bank-status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;align-items:center;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.manage-bank-status-badge.active{color:#166534;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border:1px solid #86efac}.manage-bank-status-badge.inactive{color:#991b1b;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:1px solid #fca5a5}.manage-bank-empty{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.manage-bank-empty svg{color:#d1d5db;margin-bottom:12px;font-size:48px}.manage-bank-empty p{color:#6b7280;margin-bottom:16px;font-size:14px;font-weight:500}.manage-bank-modal-overlay{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a80;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.manage-bank-modal{background:#fff;border-radius:12px;width:100%;max-width:560px;max-height:90vh;padding:16px 18px 18px;animation:.3s slideUp;overflow-y:auto;box-shadow:0 20px 40px #0f172a4d}.manage-bank-modal-header{border-bottom:2px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.manage-bank-modal-header h2{color:#1f2937;margin:0;font-size:16px;font-weight:700}.manage-bank-modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s;display:inline-flex}.manage-bank-modal-close:hover{color:#1f2937;background:#f3f4f6}.manage-bank-form{flex-direction:column;gap:12px;display:flex}.manage-bank-form-group{flex-direction:column;gap:6px;display:flex}.manage-bank-form-group label{color:#374151;font-size:13px;font-weight:600}.manage-bank-form-input,.manage-bank-form-select,.manage-bank-form-group input,.manage-bank-form-group select{color:#111827;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.manage-bank-form-group input:hover,.manage-bank-form-group select:hover{border-color:#c4b5fd}.manage-bank-form-group input:focus,.manage-bank-form-group select:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.manage-bank-form-group input.error,.manage-bank-form-group select.error{background:#fef2f2;border-color:#dc2626}.manage-bank-error-text{color:#991b1b;margin-top:4px;font-size:11px;font-weight:500;display:block}.manage-bank-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.manage-bank-form-actions{border-top:2px solid #f3f4f6;justify-content:flex-end;gap:10px;margin-top:12px;padding-top:10px;display:flex}.manage-bank-btn-cancel{cursor:pointer;color:#374151;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.manage-bank-btn-cancel:hover{color:#667eea;background:#f9fafb;border-color:#c4b5fd}.manage-bank-btn-submit{cursor:pointer;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #667eea33}.manage-bank-btn-submit:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.manage-bank-btn-submit svg{font-size:15px}@media (max-width:1200px){.manage-bank-stats-grid,.manage-bank-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.manage-bank-container{padding:10px 12px}.manage-bank-header{flex-direction:column;align-items:flex-start}.manage-bank-stats-grid{grid-template-columns:1fr}.manage-bank-filters{flex-direction:column;align-items:stretch}.manage-bank-filters-grid{grid-template-columns:1fr}.manage-bank-filter-actions{justify-content:flex-start}.manage-bank-grid,.manage-bank-form-row{grid-template-columns:1fr}.manage-bank-form-actions{flex-direction:column}.manage-bank-modal{max-width:90%}}@media (max-width:480px){.manage-bank-header{padding:12px 14px}.manage-bank-title{font-size:18px}.manage-bank-btn-add{padding:8px 12px;font-size:12px}.manage-bank-card-header,.manage-bank-card-content{padding:12px}.manage-bank-modal{border-radius:12px 12px 0 0;max-width:100%}}.manage-payment-container{color:#1f2933;background:linear-gradient(135deg,#f8f9fa 0%,#f3f4f6 100%);min-height:100%;padding:12px 16px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.manage-payment-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:16px 20px;display:flex;box-shadow:0 4px 12px #667eea4d}.manage-payment-header-content{flex-direction:column;gap:4px;display:flex}.manage-payment-title{color:#fff;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:700;display:flex}.manage-payment-title svg{font-size:22px}.manage-payment-subtitle{opacity:.95;margin:0;font-size:12px;font-weight:500}.manage-payment-header-actions{gap:8px;display:flex}.manage-payment-btn-add{cursor:pointer;color:#fff;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #00000026}.manage-payment-btn-add svg{font-size:16px}.manage-payment-btn-add.deposit{background:linear-gradient(135deg,#16a34a 0%,#15803d 100%)}.manage-payment-btn-add.deposit:hover{background:linear-gradient(135deg,#15803d 0%,#166534 100%);transform:translateY(-2px);box-shadow:0 4px 12px #16a34a4d}.manage-payment-btn-add.withdraw{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)}.manage-payment-btn-add.withdraw:hover{background:linear-gradient(135deg,#b91c1c 0%,#991b1b 100%);transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.manage-payment-alert{border-radius:8px;align-items:center;gap:10px;margin-bottom:12px;padding:12px 14px;font-size:13px;animation:.3s slideIn;display:flex}.manage-payment-alert.error{color:#991b1b;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:1px solid #fca5a5}.manage-payment-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.manage-payment-stat-card{background:#fff;border-left:4px solid;border-radius:12px;padding:14px 16px;transition:all .3s;box-shadow:0 2px 8px #00000014}.manage-payment-stat-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001f}.manage-payment-stat-card.total{border-left-color:#667eea}.manage-payment-stat-card.deposit{border-left-color:#16a34a}.manage-payment-stat-card.withdraw{border-left-color:#dc2626}.manage-payment-stat-card.net{border-left-color:#8b5cf6}.manage-payment-stat-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.manage-payment-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.manage-payment-stat-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.manage-payment-stat-value{color:#1f2937;margin:6px 0;font-size:22px;font-weight:700;line-height:1}.manage-payment-stat-footer{color:#6b7280;font-size:10px;font-weight:500}.manage-payment-panel-tabs{gap:8px;margin-bottom:12px;display:flex}.manage-payment-tab{color:#6b7280;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 1px 4px #0000000f}.manage-payment-tab:hover{color:#667eea;border-color:#c4b5fd;transform:translateY(-1px)}.manage-payment-tab.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.manage-payment-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex;box-shadow:0 1px 3px #0000000d}.manage-payment-filters-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.manage-payment-filter-group{flex-direction:column;gap:5px;display:flex}.manage-payment-filter-label{color:#374151;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.manage-payment-filter-select{color:#111827;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;height:34px;padding:6px 10px;font-size:13px;font-weight:500;transition:all .2s}.manage-payment-filter-select:hover{border-color:#c4b5fd}.manage-payment-filter-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.manage-payment-filter-actions{justify-content:flex-end;align-items:center;display:flex}.manage-payment-btn-reset{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.manage-payment-btn-reset:hover{color:#667eea;background:#f9fafb;border-color:#c4b5fd}.manage-payment-loading{color:#6b7280;background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;font-size:14px;display:flex}.manage-payment-spinner{border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.manage-payment-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;box-shadow:0 1px 3px #0000000d}.manage-payment-table-title{color:#1f2937;border-left:4px solid;border-image:linear-gradient(135deg,#667eea 0%,#764ba2 100%) 1;align-items:center;gap:8px;margin:0 0 12px;padding-left:8px;font-size:14px;font-weight:700;display:flex}.manage-payment-table-wrapper{border:2px solid #f3f4f6;border-radius:8px;width:100%;overflow-x:auto}.manage-payment-table{border-collapse:collapse;width:100%;font-size:13px}.manage-payment-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.manage-payment-table th{text-align:left;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;padding:12px;font-size:12px;font-weight:600}.manage-payment-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:12px}.manage-payment-table tbody tr{transition:all .15s}.manage-payment-table tbody tr.deposit-row{background:#f0fdf4;border-left:4px solid #16a34a}.manage-payment-table tbody tr.deposit-row:hover{background:#dcfce7}.manage-payment-table tbody tr.withdrawal-row{background:#fef2f2;border-left:4px solid #dc2626}.manage-payment-table tbody tr.withdrawal-row:hover{background:#fee2e2}.manage-payment-no-data{text-align:center;color:#6b7280;padding:30px 0;font-size:13px;font-weight:500}.manage-payment-type-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.manage-payment-type-badge svg{font-size:13px}.manage-payment-type-badge.deposit{color:#166534;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border:1px solid #86efac;box-shadow:0 2px 4px #16a34a1a}.manage-payment-type-badge.withdrawal{color:#991b1b;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:1px solid #fca5a5;box-shadow:0 2px 4px #dc26261a}.manage-payment-amount{color:#111827;align-items:center;gap:5px;font-weight:700;display:inline-flex}.manage-payment-amount svg{color:#6b7280;font-size:13px}.manage-payment-table tbody tr.deposit-row .manage-payment-amount{color:#166534}.manage-payment-table tbody tr.withdrawal-row .manage-payment-amount{color:#991b1b}.manage-payment-status-badge{text-transform:capitalize;white-space:nowrap;border-radius:999px;align-items:center;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.manage-payment-status-badge.completed{color:#065f46;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:1px solid #6ee7b7}.manage-payment-status-badge.pending{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #fcd34d}.manage-payment-status-badge.failed{color:#991b1b;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:1px solid #fca5a5}.manage-payment-actions{align-items:center;gap:6px;display:flex}.manage-payment-btn-icon{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px 8px;font-size:13px;transition:all .2s;display:inline-flex}.manage-payment-btn-icon.edit{color:#1d4ed8;background:#eff6ff}.manage-payment-btn-icon.edit:hover{background:#dbeafe;transform:scale(1.05)}.manage-payment-btn-icon.delete{color:#991b1b;background:#fef2f2}.manage-payment-btn-icon.delete:hover{background:#fee2e2;transform:scale(1.05)}.manage-payment-modal-overlay{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a80;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.manage-payment-modal{background:#fff;border-radius:12px;width:100%;max-width:560px;padding:16px 18px 18px;animation:.3s slideUp;box-shadow:0 20px 40px #0f172a4d}.manage-payment-modal-header{border-bottom:2px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.manage-payment-modal-header h2{color:#1f2937;margin:0;font-size:16px;font-weight:700}.manage-payment-modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s;display:inline-flex}.manage-payment-modal-close:hover{color:#1f2937;background:#f3f4f6}.manage-payment-form{flex-direction:column;gap:12px;display:flex}.manage-payment-form-group{flex-direction:column;gap:6px;display:flex}.manage-payment-form-group label{color:#374151;font-size:13px;font-weight:600}.manage-payment-form-input,.manage-payment-form-select,.manage-payment-form-textarea{color:#111827;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.manage-payment-form-input:hover,.manage-payment-form-select:hover,.manage-payment-form-textarea:hover{border-color:#c4b5fd}.manage-payment-form-input:focus,.manage-payment-form-select:focus,.manage-payment-form-textarea:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.manage-payment-form-textarea{resize:vertical;min-height:70px}.manage-payment-amount-input-wrapper{align-items:center;display:flex;position:relative}.manage-payment-currency-symbol{color:#6b7280;pointer-events:none;font-size:14px;font-weight:600;position:absolute;left:10px}.manage-payment-amount-input{color:#111827;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;width:100%;padding:8px 10px 8px 28px;font-size:14px;font-weight:600;transition:all .2s}.manage-payment-amount-input:hover{border-color:#c4b5fd}.manage-payment-amount-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.manage-payment-form-actions{border-top:2px solid #f3f4f6;justify-content:flex-end;gap:10px;margin-top:12px;padding-top:10px;display:flex}.manage-payment-btn-cancel{cursor:pointer;color:#374151;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.manage-payment-btn-cancel:hover{color:#667eea;background:#f9fafb;border-color:#c4b5fd}.manage-payment-btn-submit{cursor:pointer;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #667eea33}.manage-payment-btn-submit:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.manage-payment-btn-submit svg{font-size:15px}@media (max-width:1200px){.manage-payment-stats-grid{grid-template-columns:repeat(2,1fr)}.manage-payment-panel-tabs{flex-direction:column}}@media (max-width:768px){.manage-payment-container{padding:10px 12px}.manage-payment-header{flex-direction:column;align-items:flex-start}.manage-payment-header-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.manage-payment-stats-grid{grid-template-columns:1fr}.manage-payment-filters{flex-direction:column;align-items:stretch}.manage-payment-filters-grid{grid-template-columns:1fr}.manage-payment-filter-actions{justify-content:flex-start}.manage-payment-table th,.manage-payment-table td{padding:8px 10px;font-size:12px}.manage-payment-modal{max-width:90%;max-height:90vh;overflow-y:auto}}@media (max-width:480px){.manage-payment-panel-tabs{flex-direction:column}.manage-payment-tab{width:100%}.manage-payment-btn-add{flex:1;justify-content:center}}.bank-report-container{background:linear-gradient(135deg,#f8f9fa 0%,#f3f4f6 100%);min-height:100vh;padding:12px 16px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.bank-report-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;margin-bottom:14px;padding:16px 20px;box-shadow:0 4px 12px #667eea4d}.bank-report-header-content{max-width:100%}.bank-report-title{align-items:center;gap:10px;margin:0 0 6px;font-size:20px;font-weight:700;display:flex}.bank-report-subtitle{opacity:.95;margin:0;font-size:12px;font-weight:500}.bank-report-tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.bank-report-tab{color:#6b7280;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:150px;padding:12px 16px;font-size:13px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 1px 4px #0000000f}.bank-report-tab:hover{color:#667eea;border-color:#c4b5fd;transform:translateY(-1px)}.bank-report-tab.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.bank-report-alert{border-radius:8px;align-items:center;gap:10px;margin-bottom:12px;padding:12px 14px;font-size:13px;animation:.3s slideIn;display:flex}.bank-report-alert.error{color:#991b1b;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:1px solid #fca5a5}.bank-report-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.bank-report-stat-card{background:#fff;border-left:4px solid;border-radius:12px;padding:14px 16px;transition:all .3s;box-shadow:0 2px 8px #00000014}.bank-report-stat-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001f}.bank-report-stat-card.total{border-left-color:#667eea}.bank-report-stat-card.deposit{border-left-color:#16a34a}.bank-report-stat-card.withdraw{border-left-color:#dc2626}.bank-report-stat-card.net{border-left-color:#8b5cf6}.bank-report-stat-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.bank-report-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.bank-report-stat-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.bank-report-stat-value{color:#1f2937;margin:6px 0;font-size:22px;font-weight:700;line-height:1}.bank-report-stat-footer{color:#6b7280;font-size:10px;font-weight:500}.bank-report-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex;box-shadow:0 1px 3px #0000000d}.bank-report-filters-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.bank-report-filter-group{flex-direction:column;gap:5px;display:flex}.bank-report-filter-label{color:#374151;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.bank-report-filter-select,.bank-report-filter-input{color:#111827;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;height:34px;padding:6px 10px;font-size:13px;font-weight:500;transition:all .2s}.bank-report-filter-select:hover,.bank-report-filter-input:hover{border-color:#c4b5fd}.bank-report-filter-select:focus,.bank-report-filter-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.bank-report-filter-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.bank-report-btn-reset,.bank-report-btn-export{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.bank-report-btn-reset{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.bank-report-btn-reset:hover{color:#667eea;background:#e5e7eb;border-color:#c4b5fd}.bank-report-btn-export{color:#fff}.bank-report-btn-export.csv{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 2px 6px #667eea4d}.bank-report-btn-export.csv:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.bank-report-btn-export.pdf{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 2px 6px #f59e0b4d}.bank-report-btn-export.pdf:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.bank-report-btn-export:disabled{opacity:.5;cursor:not-allowed}.bank-report-loading{background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex;box-shadow:0 2px 4px #0000000d}.bank-report-spinner{border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.bank-report-loading p{color:#6b7280;font-size:13px}.bank-report-content{animation:.3s fadeIn}.bank-report-overview-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:12px;margin-bottom:12px;display:grid}.bank-report-overview-card{background:#fff;border:2px solid #f3f4f6;border-radius:12px;padding:16px;transition:all .3s;box-shadow:0 2px 8px #00000014}.bank-report-overview-card:hover{border-color:#c4b5fd;box-shadow:0 4px 12px #667eea1a}.bank-report-overview-title{color:#1f2937;border-left:4px solid;border-image:linear-gradient(135deg,#667eea 0%,#764ba2 100%) 1;align-items:center;gap:8px;margin:0 0 14px;padding-left:8px;font-size:14px;font-weight:700;display:flex}.bank-report-summary-items{flex-direction:column;gap:12px;display:flex}.bank-report-summary-item{background:#f9fafb;border-left:3px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.bank-report-summary-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.bank-report-summary-value{color:#1f2937;font-size:16px;font-weight:700}.bank-report-summary-value.deposit{color:#16a34a}.bank-report-summary-value.withdraw{color:#dc2626}.bank-report-summary-value.total{color:#667eea}.bank-report-summary-value.net{color:#8b5cf6}.bank-report-charts-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:12px;margin-bottom:12px;display:grid}.bank-report-chart-card{background:#fff;border:2px solid #f3f4f6;border-radius:12px;padding:16px;transition:all .3s;box-shadow:0 2px 8px #00000014}.bank-report-chart-card:hover{border-color:#c4b5fd;box-shadow:0 4px 12px #667eea1a}.bank-report-chart-card.full{grid-column:1/-1}.bank-report-chart-title{color:#1f2937;border-left:4px solid;border-image:linear-gradient(135deg,#667eea 0%,#764ba2 100%) 1;align-items:center;gap:8px;margin:0 0 14px;padding-left:8px;font-size:13px;font-weight:700;display:flex}.bank-report-no-data{text-align:center;color:#6b7280;padding:30px 20px;font-size:13px;font-weight:500}.bank-report-panel-tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.bank-report-panel-tab{color:#6b7280;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:150px;padding:12px 16px;font-size:13px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 1px 4px #0000000f}.bank-report-panel-tab:hover{color:#667eea;border-color:#c4b5fd;transform:translateY(-1px)}.bank-report-panel-tab.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.bank-report-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;box-shadow:0 2px 8px #00000014}.bank-report-table-title{color:#1f2937;border-left:4px solid;border-image:linear-gradient(135deg,#667eea 0%,#764ba2 100%) 1;align-items:center;gap:8px;margin:0 0 12px;padding-left:8px;font-size:14px;font-weight:700;display:flex}.bank-report-table-wrapper{border:2px solid #f3f4f6;border-radius:8px;width:100%;overflow-x:auto}.bank-report-table{border-collapse:collapse;width:100%;font-size:13px}.bank-report-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.bank-report-table th{text-align:left;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;padding:12px;font-size:12px;font-weight:600}.bank-report-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:12px}.bank-report-table tbody tr{transition:all .2s}.bank-report-table tbody tr.deposit-row{background:#f0fdf4;border-left:4px solid #16a34a}.bank-report-table tbody tr.deposit-row:hover{background:#dcfce7}.bank-report-table tbody tr.withdrawal-row{background:#fef2f2;border-left:4px solid #dc2626}.bank-report-table tbody tr.withdrawal-row:hover{background:#fee2e2}.bank-report-type-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.bank-report-type-badge svg{font-size:13px}.bank-report-type-badge.deposit{color:#166534;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border:1px solid #86efac;box-shadow:0 2px 4px #16a34a1a}.bank-report-type-badge.withdrawal{color:#991b1b;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:1px solid #fca5a5;box-shadow:0 2px 4px #dc26261a}.bank-report-amount{color:#667eea;align-items:center;gap:5px;font-weight:700;display:inline-flex}.bank-report-status-badge{text-transform:capitalize;white-space:nowrap;border-radius:999px;align-items:center;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.bank-report-status-badge.completed{color:#065f46;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:1px solid #6ee7b7}.bank-report-status-badge.pending{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #fcd34d}.bank-report-status-badge.failed{color:#991b1b;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:1px solid #fca5a5}@media (max-width:1200px){.bank-report-stats-grid{grid-template-columns:repeat(2,1fr)}.bank-report-overview-grid{grid-template-columns:1fr}.bank-report-panel-tabs{flex-direction:column}}@media (max-width:768px){.bank-report-container{padding:10px 12px}.bank-report-header{padding:14px 16px}.bank-report-title{font-size:18px}.bank-report-stats-grid{grid-template-columns:1fr}.bank-report-tabs{flex-direction:column}.bank-report-tab{min-width:100%}.bank-report-filters{flex-direction:column;align-items:stretch}.bank-report-filters-grid{grid-template-columns:1fr}.bank-report-filter-actions{justify-content:flex-start}.bank-report-charts-grid{grid-template-columns:1fr}.bank-report-chart-card.full{grid-column:1}.bank-report-overview-grid{grid-template-columns:1fr}.bank-report-panel-tabs{flex-direction:column}.bank-report-panel-tab{min-width:100%}.bank-report-table th,.bank-report-table td{padding:8px 10px;font-size:12px}}@media (max-width:480px){.bank-report-btn-reset,.bank-report-btn-export{padding:6px 10px;font-size:11px}.bank-report-table th,.bank-report-table td{padding:6px 8px;font-size:11px}}.workers-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.workers-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:12px;padding:14px 18px;box-shadow:0 2px 8px #667eea40}.workers-title h1{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.workers-title p{opacity:.95;margin:0;font-size:11px;font-weight:500}.workers-filters{background:#fff;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:flex-end;gap:12px;margin-bottom:12px;padding:12px 14px;display:grid;box-shadow:0 1px 4px #0000000f}.workers-filter-group{flex-direction:column;gap:4px;display:flex}.workers-filter-group label{color:#374151;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.workers-filter-input,.workers-filter-select{color:#1f2937;box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s}.workers-filter-input:hover,.workers-filter-select:hover{border-color:#cbd5e1}.workers-filter-input:focus,.workers-filter-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.workers-filter-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}.workers-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;align-items:center;gap:6px;height:fit-content;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.workers-btn-primary:hover{transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.workers-table-container{background:#fff;border-radius:8px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.workers-table{border-collapse:collapse;width:100%;font-size:13px}.workers-table thead{color:#fff;z-index:10;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:sticky;top:0}.workers-table th{text-align:left;white-space:nowrap;border:none;padding:12px 10px;font-size:12px;font-weight:600}.workers-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px}.workers-table tbody tr{transition:background-color .15s}.workers-table tbody tr:hover{background-color:#f9fafb}.workers-table-loading,.workers-table-empty{text-align:center;color:#9ca3af;font-style:italic;padding:40px 15px!important}.workers-id{color:#667eea;font-size:12px;font-weight:700}.workers-name{flex-direction:column;gap:2px;display:flex}.workers-name-full{color:#1f2937;font-size:12px;font-weight:600}.workers-name-sub{color:#9ca3af;font-size:11px}.workers-salary{color:#16a34a;font-weight:600}.workers-status{white-space:nowrap;border-radius:16px;align-items:center;gap:4px;width:fit-content;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.workers-status.active{color:#065f46;background:#dcfce7;border:1px solid #6ee7b7}.workers-status.inactive{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.workers-status.on\ leave{color:#92400e;background:#fef3c7;border:1px solid #fcd34d}.workers-actions{justify-content:center;gap:6px;display:flex}.workers-btn-icon{cursor:pointer;color:#374151;background:#f3f4f6;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:12px;transition:all .2s;display:flex}.workers-btn-icon:hover{background:#e5e7eb;transform:scale(1.08)}.workers-btn-icon.view{color:#3b82f6}.workers-btn-icon.view:hover{background:#dbeafe}.workers-btn-icon.edit{color:#f59e0b}.workers-btn-icon.edit:hover{background:#fef3c7}.workers-btn-icon.delete{color:#ef4444}.workers-btn-icon.delete:hover{background:#fee2e2}.workers-pagination{background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:12px;display:flex;box-shadow:0 1px 4px #0000000f}.workers-pagination-btn{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.workers-pagination-btn:hover:not(:disabled){color:#667eea;background:#f9fafb;border-color:#667eea}.workers-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.workers-pagination-info{color:#6b7280;text-align:center;min-width:150px;font-size:12px;font-weight:600}.workers-form-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.workers-form-modal{background:#fff;border-radius:8px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.workers-form-header{z-index:10;background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.workers-form-header h2{color:#1f2937;margin:0;font-size:16px;font-weight:700}.workers-form-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:20px;transition:color .2s;display:flex}.workers-form-close:hover{color:#374151}.workers-form{padding:14px 16px}.workers-form-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px;display:grid}.workers-form-group{flex-direction:column;gap:4px;display:flex}.workers-form-group.full-width{grid-column:1/-1}.workers-form-group label{color:#374151;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.workers-form-group input,.workers-form-group select,.workers-form-group textarea{box-sizing:border-box;color:#1f2937;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s}.workers-form-group input:hover,.workers-form-group select:hover,.workers-form-group textarea:hover{border-color:#cbd5e1}.workers-form-group input:focus,.workers-form-group select:focus,.workers-form-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.workers-form-group input.error,.workers-form-group select.error,.workers-form-group textarea.error{background-color:#fef2f2;border-color:#ef4444!important}.workers-form-group input:disabled{cursor:not-allowed;opacity:.7;background-color:#f3f4f6}.workers-form-error{color:#ef4444;margin-top:2px;font-size:10px;font-weight:600}.workers-form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}.workers-form-group textarea{resize:vertical;min-height:80px}.workers-form-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex;position:sticky;bottom:0}.workers-form-footer button{cursor:pointer;border-radius:6px;min-width:80px;height:36px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.workers-btn-secondary{color:#374151;background:#fff;border:1.5px solid #e5e7eb}.workers-btn-secondary:hover:not(:disabled){color:#667eea;background:#f9fafb;border-color:#667eea}.workers-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.workers-loading-spinner{border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}.workers-details-overlay{z-index:1001;background:#00000080;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.workers-details-modal{background:#fff;border-radius:8px;flex-direction:column;width:100%;max-width:700px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 10px 40px #0003}.workers-details-header{color:#fff;z-index:10;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.workers-details-title h2{margin:0 0 4px;font-size:16px;font-weight:700}.workers-details-title p{opacity:.9;margin:0;font-size:12px}.workers-details-close{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:20px;transition:opacity .2s;display:flex}.workers-details-close:hover{opacity:.8}.workers-details-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;gap:0;padding:0;display:flex;overflow-x:auto}.workers-details-tab{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;min-width:100px;padding:12px 16px;font-size:12px;font-weight:600;transition:all .2s}.workers-details-tab:hover{color:#1f2937;background:#fff}.workers-details-tab.active{color:#667eea;background:#fff;border-bottom-color:#667eea}.workers-details-content{flex:1;padding:16px;overflow-y:auto}.workers-details-section{flex-direction:column;gap:16px;display:flex}.workers-details-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.workers-details-section-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:700}.workers-details-btn-add{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.workers-details-btn-add:hover{transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.workers-details-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.workers-details-item{background:#f9fafb;border-radius:6px;flex-direction:column;gap:4px;padding:10px;display:flex}.workers-details-item .label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.workers-details-item .value{color:#1f2937;font-size:13px;font-weight:600}.workers-details-item .value.income{color:#16a34a}.workers-details-item .status-badge{border-radius:4px;align-items:center;gap:4px;width:fit-content;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.workers-details-item .status-badge.active{color:#065f46;background:#dcfce7}.workers-details-item .status-badge.inactive{color:#991b1b;background:#fee2e2}.workers-details-item .status-badge.on\ leave{color:#92400e;background:#fef3c7}.workers-details-address,.workers-details-emergency{background:#f0f4ff;border-left:3px solid #667eea;border-radius:6px;padding:12px}.workers-details-address h4,.workers-details-emergency h4{color:#667eea;margin:0 0 8px;font-size:12px;font-weight:700}.workers-details-address p,.workers-details-emergency p{color:#1f2937;margin:4px 0;font-size:12px}.workers-details-list{flex-direction:column;gap:10px;display:flex}.workers-details-list-item{background:#f9fafb;border-left:3px solid #667eea;border-radius:6px;padding:12px}.list-item-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;display:flex}.list-item-header .month,.list-item-header .type{color:#1f2937;font-size:12px;font-weight:600}.list-item-header .status{white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:600;display:inline-flex}.list-item-header .status.draft{color:#374151;background:#e5e7eb}.list-item-header .status.pending{color:#92400e;background:#fef3c7}.list-item-header .status.paid,.list-item-header .status.active{color:#065f46;background:#dcfce7}.list-item-header .status.inactive{color:#991b1b;background:#fee2e2}.list-item-header .status.approved{color:#065f46;background:#dcfce7}.list-item-details{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.list-item-details .detail{justify-content:space-between;align-items:center;font-size:11px;display:flex}.list-item-details .detail span{color:#6b7280}.list-item-details .detail strong{color:#1f2937;font-weight:600}.list-item-details .detail.net strong{color:#16a34a;font-weight:700}.workers-details-empty{text-align:center;color:#9ca3af;padding:30px;font-style:italic}.workers-form-inline{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-top:12px;padding:16px}.workers-form-inline-content{flex-direction:column;gap:12px;display:flex}.workers-form-inline-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.workers-form-inline-grid .workers-form-group{flex-direction:column;gap:4px;display:flex}.workers-form-inline-grid .workers-form-group label{color:#374151;font-size:11px;font-weight:600}.workers-form-inline-grid .workers-form-group input,.workers-form-inline-grid .workers-form-group select,.workers-form-inline-grid .workers-form-group textarea{box-sizing:border-box;color:#1f2937;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s}.workers-form-inline-grid .workers-form-group input:hover,.workers-form-inline-grid .workers-form-group select:hover,.workers-form-inline-grid .workers-form-group textarea:hover{border-color:#cbd5e1}.workers-form-inline-grid .workers-form-group input:focus,.workers-form-inline-grid .workers-form-group select:focus,.workers-form-inline-grid .workers-form-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.workers-form-inline-grid .workers-form-group input.error,.workers-form-inline-grid .workers-form-group select.error,.workers-form-inline-grid .workers-form-group textarea.error{background-color:#fef2f2;border-color:#ef4444!important}.workers-form-inline-grid .workers-form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}.workers-form-inline-grid .workers-form-group textarea{resize:vertical;min-height:60px}.workers-form-inline-grid .workers-form-group.full-width{grid-column:1/-1}.workers-form-error{color:#ef4444;font-size:10px;font-weight:600}.workers-salary-preview{background:#fff;border-left:3px solid #667eea;border-radius:6px;padding:12px}.workers-salary-preview h4{color:#1f2937;margin:0 0 10px;font-size:12px;font-weight:700}.preview-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.preview-item{background:#f9fafb;border-radius:4px;justify-content:space-between;align-items:center;padding:8px;font-size:11px;display:flex}.preview-item span{color:#6b7280;font-weight:500}.preview-item strong{color:#1f2937;font-weight:600}.preview-item.net strong{color:#16a34a;font-weight:700}.workers-form-inline-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:8px;padding-top:12px;display:flex}.workers-form-inline-footer button{cursor:pointer;border-radius:6px;min-width:80px;height:36px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}@media (max-width:1024px){.workers-details-modal{max-width:95vw}.workers-details-grid,.workers-form-inline-grid{grid-template-columns:repeat(2,1fr)}.workers-form-grid{grid-template-columns:1fr}}@media (max-width:768px){.workers-container{padding:8px}.workers-header{padding:10px 12px}.workers-title h1{font-size:16px}.workers-title p{font-size:10px}.workers-filters{grid-template-columns:repeat(2,1fr);gap:10px}.workers-table{font-size:11px}.workers-table th,.workers-table td{padding:8px 6px}.workers-details-modal{max-width:95vw;max-height:95vh}.workers-details-tabs{overflow-x:auto}.workers-details-tab{min-width:80px;padding:10px 12px;font-size:11px}.workers-details-content{padding:12px}.workers-details-grid,.workers-form-inline-grid,.preview-grid,.list-item-details{grid-template-columns:1fr}}@media (max-width:480px){.workers-container{padding:6px}.workers-header{padding:8px 10px}.workers-title h1{font-size:14px}.workers-title p{font-size:9px}.workers-filters{grid-template-columns:1fr;gap:8px}.workers-filter-input,.workers-filter-select{height:30px;font-size:11px}.workers-table{font-size:10px}.workers-table th,.workers-table td{padding:6px 4px}.workers-form-modal{max-width:95vw}.workers-form-grid{grid-template-columns:1fr}.workers-form-footer button{min-width:70px;height:32px;padding:6px 12px;font-size:11px}.workers-details-overlay{padding:0}.workers-details-modal{border-radius:0;max-width:100vw;max-height:100vh}.workers-details-header{padding:10px 12px}.workers-details-title h2{font-size:14px}.workers-details-title p{font-size:11px}.workers-details-tabs{gap:0}.workers-details-tab{min-width:70px;padding:10px;font-size:10px}.workers-details-content{padding:10px}.workers-details-grid{grid-template-columns:1fr;gap:8px}.workers-details-item{padding:8px}.workers-details-section-header{flex-direction:column;align-items:flex-start;gap:8px}.workers-details-btn-add{justify-content:center;width:100%}.workers-form-inline{padding:12px}.workers-form-inline-grid{grid-template-columns:1fr;gap:10px}.workers-form-inline-footer{flex-direction:column}.workers-form-inline-footer button{width:100%}.preview-grid{grid-template-columns:1fr;gap:8px}.preview-item{padding:6px;font-size:10px}.list-item-details{grid-template-columns:1fr;gap:6px}.list-item-header{flex-direction:column;align-items:flex-start;gap:6px}}.worker-salary-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.worker-salary-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:12px;padding:14px 18px;box-shadow:0 2px 8px #667eea40}.worker-salary-title h1{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.worker-salary-title p{opacity:.95;margin:0;font-size:11px;font-weight:500}.worker-salary-filters{background:#fff;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:flex-end;gap:12px;margin-bottom:12px;padding:12px 14px;display:grid;box-shadow:0 1px 4px #0000000f}.worker-salary-filter-group{flex-direction:column;gap:4px;display:flex}.worker-salary-filter-group label{color:#374151;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.worker-salary-filter-input,.worker-salary-filter-select{color:#1f2937;box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s}.worker-salary-filter-input:hover,.worker-salary-filter-select:hover{border-color:#cbd5e1}.worker-salary-filter-input:focus,.worker-salary-filter-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.worker-salary-filter-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}.worker-salary-info-card{background:#fff;border-left:3px solid #667eea;border-radius:8px;margin-bottom:12px;padding:12px 14px;box-shadow:0 1px 4px #0000000f}.worker-salary-info-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.worker-salary-info-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:700}.worker-salary-info-header p{color:#6b7280;margin:4px 0 0;font-size:12px}.worker-salary-info-branch{color:#667eea;background:#f0f4ff;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600}.worker-salary-info-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.worker-salary-info-item{flex-direction:column;gap:4px;display:flex}.worker-salary-info-item .label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.worker-salary-info-item .value{color:#1f2937;font-size:13px;font-weight:600}.worker-salary-details-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-bottom:12px;display:grid}.worker-salary-details-card{background:#fff;border-left:3px solid #667eea;border-radius:8px;padding:12px;box-shadow:0 1px 4px #0000000f}.worker-salary-details-card h4{color:#1f2937;margin:0 0 10px;font-size:12px;font-weight:700}.worker-salary-details-list{flex-direction:column;gap:8px;display:flex}.worker-salary-details-item{background:#f9fafb;border-radius:4px;justify-content:space-between;align-items:center;padding:8px;font-size:11px;display:flex}.worker-salary-details-item .detail-label{color:#1f2937;font-weight:600}.worker-salary-details-item .detail-value{color:#16a34a;font-weight:600}.worker-salary-details-total{color:#667eea;background:#f0f4ff;border-radius:4px;justify-content:space-between;margin-top:8px;padding:8px;font-size:11px;font-weight:700;display:flex}.worker-salary-details-empty{color:#9ca3af;text-align:center;padding:12px;font-size:11px;font-style:italic}.worker-salary-breakdown{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-bottom:12px;display:grid}.worker-salary-section{background:#fff;border-radius:8px;padding:12px;box-shadow:0 1px 4px #0000000f}.worker-salary-section h4{color:#1f2937;margin:0 0 10px;font-size:12px;font-weight:700}.worker-salary-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:8px 0;font-size:12px;display:flex}.worker-salary-row:last-child{border-bottom:none}.worker-salary-row .label{color:#6b7280;font-weight:500}.worker-salary-row .value{font-weight:600}.worker-salary-row .value.income{color:#16a34a}.worker-salary-row .value.deduction{color:#dc2626}.worker-salary-total-income{color:#667eea;background:#f0f4ff;border-radius:6px;justify-content:space-between;margin-top:8px;padding:10px;font-weight:700;display:flex}.worker-salary-total-deduction{color:#dc2626;background:#fef2f2;border-radius:6px;justify-content:space-between;margin-top:8px;padding:10px;font-weight:700;display:flex}.worker-salary-section.net-salary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);grid-column:1/-1}.worker-salary-section.net-salary h4{color:#fff}.worker-salary-net-amount{background:#ffffff1a;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:15px;display:flex}.worker-salary-net-amount .label{color:#fff;font-size:14px;font-weight:600}.worker-salary-net-amount .value{color:#dcfce7;font-size:20px;font-weight:700}.worker-salary-status{margin-bottom:10px}.worker-salary-status .status-badge{color:#fff;background:#fff3;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.worker-salary-status .status-badge.draft,.worker-salary-status .status-badge.pending{background:#fff3}.worker-salary-status .status-badge.paid{background:#10b981}.worker-salary-btn-pay{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;width:100%;margin-bottom:10px;padding:10px;font-size:12px;font-weight:600;transition:all .2s}.worker-salary-btn-pay:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 3px 10px #10b9814d}.worker-salary-btn-pay:disabled{opacity:.6;cursor:not-allowed}.worker-salary-payment-info{color:#fff;background:#ffffff1a;border-radius:6px;padding:10px;font-size:11px}.worker-salary-payment-info p{margin:4px 0}.worker-salary-payment-info strong{color:#dcfce7}.worker-salary-actions{gap:8px;margin-top:12px;display:flex}.worker-salary-btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;flex:1;padding:10px;font-size:12px;font-weight:600;transition:all .2s}.worker-salary-btn-secondary:hover{color:#667eea;background:#f9fafb;border-color:#667eea}.worker-salary-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;padding:10px 16px;font-size:12px;font-weight:600;transition:all .2s}.worker-salary-btn-primary:hover{transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.worker-salary-form-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.worker-salary-form-modal-2panel{background:#fff;border-radius:8px;grid-template-columns:1fr 1fr;width:100%;max-width:1000px;max-height:90vh;display:grid;overflow:hidden;box-shadow:0 10px 40px #0003}.worker-salary-form-left-panel{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-right:1px solid #ffffff1a;flex-direction:column;display:flex}.worker-salary-form-header{border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.worker-salary-form-header h2{margin:0;font-size:14px;font-weight:700}.worker-salary-form-close{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:20px;transition:opacity .2s;display:flex}.worker-salary-form-close:hover{opacity:1}.worker-salary-form-left-content{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.worker-info-box{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:12px}.worker-info-box h4{margin:0 0 4px;font-size:14px;font-weight:700}.worker-info-box p{opacity:.9;margin:0;font-size:12px}.worker-salary-form-summary-2panel{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;flex-direction:column;gap:8px;padding:12px;display:flex}.summary-row{justify-content:space-between;align-items:center;padding:8px;font-size:12px;font-weight:600;display:flex}.summary-row.small{opacity:.9;padding:6px 8px;font-size:11px;font-weight:500}.summary-row .label{color:#ffffffe6}.summary-row .value{color:#dcfce7;text-align:right}.summary-row.deduction .value{color:#fca5a5}.summary-divider{text-transform:uppercase;color:#fff9;border-top:1px solid #ffffff1a;margin-top:4px;padding:8px 0 4px;font-size:10px;font-weight:700}.summary-row.total{background:#0003;border-radius:4px;margin-top:4px;padding:10px 8px}.summary-row.net-salary{background:#0000004d;border-radius:4px;margin-top:8px;padding:12px 8px;font-size:14px}.worker-salary-form-right-panel{background:#f9fafb;flex-direction:column;display:flex}.worker-salary-form-right-content{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.worker-salary-form-section-right{flex-direction:column;gap:8px;display:flex}.worker-salary-form-section-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.worker-salary-form-section-header h4{color:#1f2937;margin:0;font-size:12px;font-weight:700}.worker-salary-form-btn-add-small{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:4px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .2s}.worker-salary-form-btn-add-small:hover{transform:scale(1.05)}.worker-salary-form-deductions-list-right{flex-direction:column;gap:8px;display:flex}.worker-salary-form-deduction-item-right{background:#fff;border-left:3px solid #dc2626;border-radius:6px;justify-content:space-between;align-items:center;padding:10px;display:flex;box-shadow:0 1px 3px #0000000d}.deduction-info-right{flex-direction:column;flex:1;gap:2px;display:flex}.deduction-type{color:#1f2937;font-size:11px;font-weight:700}.deduction-amount{color:#dc2626;font-size:11px;font-weight:600}.deduction-remove-right{cursor:pointer;color:#dc2626;background:#fee2e2;border:none;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600;transition:all .2s}.deduction-remove-right:hover{color:#fff;background:#fca5a5}.worker-salary-form-deduction-form-right{background:#f0f4ff;border:1px solid #dbeafe;border-radius:6px;flex-direction:column;gap:8px;padding:12px;display:flex}.form-group-right{flex-direction:column;gap:4px;display:flex}.form-group-right label{color:#374151;font-size:11px;font-weight:600}.form-group-right input,.form-group-right select{color:#1f2937;background:#fff;border:1.5px solid #e5e7eb;border-radius:4px;padding:8px 10px;font-size:12px;font-weight:500;transition:all .2s}.form-group-right input:focus,.form-group-right select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.form-actions-right{justify-content:flex-end;gap:6px;display:flex}.form-btn-cancel-right,.form-btn-add-right{cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s}.form-btn-cancel-right{color:#374151;background:#fff;border:1.5px solid #e5e7eb}.form-btn-cancel-right:hover{color:#667eea;border-color:#667eea}.form-btn-add-right{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.form-btn-add-right:hover{transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.worker-salary-form-section-right textarea{color:#1f2937;resize:vertical;background:#fff;border:1.5px solid #e5e7eb;border-radius:4px;min-height:80px;padding:8px 10px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s}.worker-salary-form-section-right textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.worker-salary-form-empty{color:#9ca3af;text-align:center;padding:12px;font-size:11px;font-style:italic}.worker-salary-form-footer-right{background:#fff;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.worker-salary-form-btn-cancel-right,.worker-salary-form-btn-submit-right{cursor:pointer;border:none;border-radius:6px;min-width:100px;height:36px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.worker-salary-form-btn-cancel-right{color:#374151;background:#fff;border:1.5px solid #e5e7eb}.worker-salary-form-btn-cancel-right:hover{color:#667eea;border-color:#667eea}.worker-salary-form-btn-submit-right{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.worker-salary-form-btn-submit-right:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.worker-salary-form-btn-submit-right:disabled{opacity:.6;cursor:not-allowed}.worker-salary-empty{text-align:center;background:#fff;border-radius:8px;padding:40px;box-shadow:0 1px 4px #0000000f}.worker-salary-empty-icon{margin-bottom:12px;font-size:40px}.worker-salary-empty h3{color:#1f2937;margin:0 0 6px;font-size:16px;font-weight:700}.worker-salary-empty p{color:#6b7280;margin:0;font-size:13px}.worker-salary-loading-spinner{border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}@media (max-width:1024px){.worker-salary-details-grid,.worker-salary-breakdown{grid-template-columns:1fr}.worker-salary-form-modal-2panel{grid-template-columns:1fr;max-width:95vw;max-height:95vh}.worker-salary-form-left-panel{display:none}.worker-salary-form-right-panel{border-right:none}}@media (max-width:768px){.worker-salary-container{padding:8px}.worker-salary-header{padding:10px 12px}.worker-salary-title h1{font-size:16px}.worker-salary-title p{font-size:10px}.worker-salary-filters{grid-template-columns:repeat(2,1fr);gap:10px}.worker-salary-info-grid{grid-template-columns:repeat(2,1fr)}.worker-salary-details-grid,.worker-salary-breakdown{grid-template-columns:1fr}.worker-salary-section.net-salary{grid-column:auto}.worker-salary-form-modal-2panel{grid-template-columns:1fr;max-width:95vw;max-height:95vh}.worker-salary-form-left-panel{display:none}.worker-salary-form-right-content{padding:12px}}@media (max-width:480px){.worker-salary-container{padding:6px}.worker-salary-header{padding:8px 10px}.worker-salary-title h1{font-size:14px}.worker-salary-title p{font-size:9px}.worker-salary-filters{grid-template-columns:1fr;gap:8px}.worker-salary-filter-input,.worker-salary-filter-select{height:30px;font-size:11px}.worker-salary-info-grid,.worker-salary-details-grid,.worker-salary-breakdown{grid-template-columns:1fr}.worker-salary-section.net-salary{grid-column:auto}.worker-salary-actions{flex-direction:column}.worker-salary-btn-secondary{width:100%}.worker-salary-form-overlay{padding:0}.worker-salary-form-modal-2panel{border-radius:0;grid-template-columns:1fr;max-width:100vw;max-height:100vh}.worker-salary-form-left-panel{display:none}.worker-salary-form-header h2{font-size:12px}.worker-salary-form-right-content{padding:12px}.worker-salary-form-footer-right{flex-direction:column;padding:10px}.worker-salary-form-btn-cancel-right,.worker-salary-form-btn-submit-right{width:100%}.worker-salary-empty{padding:30px 15px}.worker-salary-empty-icon{font-size:32px}.worker-salary-empty h3{font-size:14px}.worker-salary-empty p{font-size:12px}.worker-salary-net-amount{flex-direction:column;align-items:flex-start;gap:8px}.worker-salary-net-amount .value{font-size:18px}.worker-salary-form-section-right{gap:6px}.form-group-right input,.form-group-right select{padding:6px 8px;font-size:11px}.worker-salary-form-section-right textarea{min-height:60px;font-size:11px}}.worker-salary-form-left-content::-webkit-scrollbar{width:6px}.worker-salary-form-right-content::-webkit-scrollbar{width:6px}.worker-salary-form-left-content::-webkit-scrollbar-track{background:0 0}.worker-salary-form-right-content::-webkit-scrollbar-track{background:0 0}.worker-salary-form-left-content::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.worker-salary-form-right-content::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.worker-salary-form-left-content::-webkit-scrollbar-thumb:hover{background:#0000004d}.worker-salary-form-right-content::-webkit-scrollbar-thumb:hover{background:#0000004d}.worker-allowances-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.worker-allowances-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:12px;padding:14px 18px;box-shadow:0 2px 8px #667eea40}.worker-allowances-title h1{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.worker-allowances-title p{opacity:.95;margin:0;font-size:11px;font-weight:500}.worker-allowances-filters{background:#fff;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:flex-end;gap:12px;margin-bottom:12px;padding:12px 14px;display:grid;box-shadow:0 1px 4px #0000000f}.worker-allowances-filter-group{flex-direction:column;gap:4px;display:flex}.worker-allowances-filter-group label{color:#374151;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.worker-allowances-filter-select{color:#1f2937;box-sizing:border-box;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E") right 10px center no-repeat;border:1.5px solid #e5e7eb;border-radius:6px;padding:8px 30px 8px 12px;font-size:12px;font-weight:500;transition:all .2s}.worker-allowances-filter-select:hover{border-color:#cbd5e1}.worker-allowances-filter-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.worker-allowances-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;align-items:center;gap:6px;height:fit-content;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.worker-allowances-btn-primary:hover{transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.worker-allowances-info-card{background:#fff;border-left:3px solid #667eea;border-radius:8px;margin-bottom:12px;padding:12px 14px;box-shadow:0 1px 4px #0000000f}.worker-allowances-info-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.worker-allowances-info-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:700}.worker-allowances-info-header p{color:#6b7280;margin:4px 0 0;font-size:12px}.worker-allowances-info-branch{color:#667eea;background:#f0f4ff;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600}.worker-allowances-info-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.worker-allowances-info-item{flex-direction:column;gap:4px;display:flex}.worker-allowances-info-item .label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.worker-allowances-info-item .value{color:#1f2937;font-size:13px;font-weight:600}.worker-allowances-info-item .value.income{color:#16a34a}.worker-allowances-info-item .status-badge{border-radius:4px;align-items:center;gap:4px;width:fit-content;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.worker-allowances-info-item .status-badge.active{color:#065f46;background:#dcfce7}.worker-allowances-info-item .status-badge.inactive{color:#991b1b;background:#fee2e2}.worker-allowances-table-container{background:#fff;border-radius:8px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.worker-allowances-table{border-collapse:collapse;width:100%;font-size:12px}.worker-allowances-table thead{color:#fff;z-index:10;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:sticky;top:0}.worker-allowances-table th{text-align:left;white-space:nowrap;border:none;padding:12px 10px;font-size:11px;font-weight:600}.worker-allowances-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px}.worker-allowances-table tbody tr{transition:background-color .15s}.worker-allowances-table tbody tr:hover{background-color:#f9fafb}.worker-allowances-table-loading,.worker-allowances-table-empty{text-align:center;color:#9ca3af;font-style:italic;padding:40px 15px!important}.allowance-type-badge{color:#667eea;background:#f0f4ff;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.allowance-amount{color:#16a34a;font-weight:600}.allowance-status{white-space:nowrap;border-radius:16px;align-items:center;gap:4px;width:fit-content;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.allowance-status.active{color:#065f46;background:#dcfce7}.allowance-status.inactive{color:#991b1b;background:#fee2e2}.worker-allowances-actions{justify-content:center;gap:6px;display:flex}.worker-allowances-btn-icon{cursor:pointer;color:#374151;background:#f3f4f6;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:12px;transition:all .2s;display:flex}.worker-allowances-btn-icon:hover{background:#e5e7eb;transform:scale(1.08)}.worker-allowances-btn-icon.edit{color:#f59e0b}.worker-allowances-btn-icon.edit:hover{background:#fef3c7}.worker-allowances-btn-icon.delete{color:#ef4444}.worker-allowances-btn-icon.delete:hover{background:#fee2e2}.worker-allowances-empty{text-align:center;background:#fff;border-radius:8px;padding:40px;box-shadow:0 1px 4px #0000000f}.worker-allowances-empty-icon{margin-bottom:12px;font-size:40px}.worker-allowances-empty h3{color:#1f2937;margin:0 0 6px;font-size:16px;font-weight:700}.worker-allowances-empty p{color:#6b7280;margin:0;font-size:13px}.allowance-form-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.allowance-form-modal{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.allowance-form-header{z-index:10;background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.allowance-form-header h2{color:#1f2937;margin:0;font-size:16px;font-weight:700}.allowance-form-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:20px;transition:color .2s;display:flex}.allowance-form-close:hover{color:#374151}.allowance-form{padding:14px 16px}.allowance-form-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px;display:grid}.allowance-form-group{flex-direction:column;gap:4px;display:flex}.allowance-form-group.full-width{grid-column:1/-1}.allowance-form-group label{color:#374151;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.allowance-form-group input,.allowance-form-group select,.allowance-form-group textarea{box-sizing:border-box;color:#1f2937;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s}.allowance-form-group input:hover,.allowance-form-group select:hover,.allowance-form-group textarea:hover{border-color:#cbd5e1}.allowance-form-group input:focus,.allowance-form-group select:focus,.allowance-form-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.allowance-form-group input.error,.allowance-form-group select.error,.allowance-form-group textarea.error{background-color:#fef2f2;border-color:#ef4444!important}.allowance-form-error{color:#ef4444;font-size:10px;font-weight:600}.allowance-form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}.allowance-form-group textarea{resize:vertical;min-height:80px}.allowance-form-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex;position:sticky;bottom:0}.allowance-form-footer button{cursor:pointer;border-radius:6px;min-width:80px;height:36px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.allowance-btn-secondary{color:#374151;background:#fff;border:1.5px solid #e5e7eb}.allowance-btn-secondary:hover:not(:disabled){color:#667eea;background:#f9fafb;border-color:#667eea}.allowance-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.allowance-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none}.allowance-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.allowance-btn-primary:disabled{opacity:.6;cursor:not-allowed}.worker-allowances-loading-spinner{border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}@media (max-width:768px){.worker-allowances-container{padding:8px}.worker-allowances-header{padding:10px 12px}.worker-allowances-title h1{font-size:16px}.worker-allowances-title p{font-size:10px}.worker-allowances-filters{grid-template-columns:repeat(2,1fr);gap:10px}.allowance-form-grid{grid-template-columns:1fr}.worker-allowances-table{font-size:11px}.worker-allowances-table th,.worker-allowances-table td{padding:8px 6px}}@media (max-width:480px){.worker-allowances-container{padding:6px}.worker-allowances-header{padding:8px 10px}.worker-allowances-title h1{font-size:14px}.worker-allowances-title p{font-size:9px}.worker-allowances-filters{grid-template-columns:1fr;gap:8px}.worker-allowances-filter-select{height:30px;font-size:11px}.worker-allowances-table{font-size:10px}.worker-allowances-table th,.worker-allowances-table td{padding:6px 4px}.allowance-form-modal{max-width:95vw}.allowance-form-grid{grid-template-columns:1fr}.allowance-form-footer button{min-width:70px;height:32px;padding:6px 12px;font-size:11px}}.worker-bonuses-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.worker-bonuses-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:12px;padding:14px 18px;box-shadow:0 2px 8px #667eea40}.worker-bonuses-title h1{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.worker-bonuses-title p{opacity:.95;margin:0;font-size:11px;font-weight:500}.worker-bonuses-filters{background:#fff;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:flex-end;gap:12px;margin-bottom:12px;padding:12px 14px;display:grid;box-shadow:0 1px 4px #0000000f}.worker-bonuses-filter-group{flex-direction:column;gap:4px;display:flex}.worker-bonuses-filter-group label{color:#374151;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.worker-bonuses-filter-select{color:#1f2937;box-sizing:border-box;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E") right 10px center no-repeat;border:1.5px solid #e5e7eb;border-radius:6px;padding:8px 30px 8px 12px;font-size:12px;font-weight:500;transition:all .2s}.worker-bonuses-filter-select:hover{border-color:#cbd5e1}.worker-bonuses-filter-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.worker-bonuses-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;align-items:center;gap:6px;height:fit-content;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.worker-bonuses-btn-primary:hover{transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.worker-bonuses-info-card{background:#fff;border-left:3px solid #667eea;border-radius:8px;margin-bottom:12px;padding:12px 14px;box-shadow:0 1px 4px #0000000f}.worker-bonuses-info-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.worker-bonuses-info-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:700}.worker-bonuses-info-header p{color:#6b7280;margin:4px 0 0;font-size:12px}.worker-bonuses-info-branch{color:#667eea;background:#f0f4ff;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600}.worker-bonuses-info-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.worker-bonuses-info-item{flex-direction:column;gap:4px;display:flex}.worker-bonuses-info-item .label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.worker-bonuses-info-item .value{color:#1f2937;font-size:13px;font-weight:600}.worker-bonuses-info-item .value.income{color:#16a34a}.worker-bonuses-info-item .status-badge{border-radius:4px;align-items:center;gap:4px;width:fit-content;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.worker-bonuses-info-item .status-badge.active{color:#065f46;background:#dcfce7}.worker-bonuses-info-item .status-badge.inactive{color:#991b1b;background:#fee2e2}.worker-bonuses-table-container{background:#fff;border-radius:8px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.worker-bonuses-table{border-collapse:collapse;width:100%;font-size:12px}.worker-bonuses-table thead{color:#fff;z-index:10;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:sticky;top:0}.worker-bonuses-table th{text-align:left;white-space:nowrap;border:none;padding:12px 10px;font-size:11px;font-weight:600}.worker-bonuses-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px}.worker-bonuses-table tbody tr{transition:background-color .15s}.worker-bonuses-table tbody tr:hover{background-color:#f9fafb}.worker-bonuses-table-loading,.worker-bonuses-table-empty{text-align:center;color:#9ca3af;font-style:italic;padding:40px 15px!important}.bonus-type-badge{color:#667eea;background:#f0f4ff;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.bonus-amount{color:#16a34a;font-weight:600}.bonus-status{white-space:nowrap;border-radius:16px;align-items:center;gap:4px;width:fit-content;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.bonus-status.pending{color:#92400e;background:#fef3c7}.bonus-status.approved{color:#065f46;background:#dcfce7}.bonus-status.paid{color:#0c4a6e;background:#dbeafe}.bonus-status.rejected{color:#991b1b;background:#fee2e2}.bonus-approver{color:#6b7280;font-size:11px;font-weight:500}.worker-bonuses-actions{justify-content:center;gap:6px;display:flex}.worker-bonuses-btn-icon{cursor:pointer;color:#374151;background:#f3f4f6;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:12px;transition:all .2s;display:flex}.worker-bonuses-btn-icon:hover{background:#e5e7eb;transform:scale(1.08)}.worker-bonuses-btn-icon.approve{color:#16a34a}.worker-bonuses-btn-icon.approve:hover{background:#dcfce7}.worker-bonuses-btn-icon.edit{color:#f59e0b}.worker-bonuses-btn-icon.edit:hover{background:#fef3c7}.worker-bonuses-btn-icon.delete{color:#ef4444}.worker-bonuses-btn-icon.delete:hover{background:#fee2e2}.worker-bonuses-empty{text-align:center;background:#fff;border-radius:8px;padding:40px;box-shadow:0 1px 4px #0000000f}.worker-bonuses-empty-icon{margin-bottom:12px;font-size:40px}.worker-bonuses-empty h3{color:#1f2937;margin:0 0 6px;font-size:16px;font-weight:700}.worker-bonuses-empty p{color:#6b7280;margin:0;font-size:13px}.bonus-form-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.bonus-form-modal{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.bonus-form-header{z-index:10;background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.bonus-form-header h2{color:#1f2937;margin:0;font-size:16px;font-weight:700}.bonus-form-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:20px;transition:color .2s;display:flex}.bonus-form-close:hover{color:#374151}.bonus-form{padding:14px 16px}.bonus-form-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px;display:grid}.bonus-form-group{flex-direction:column;gap:4px;display:flex}.bonus-form-group.full-width{grid-column:1/-1}.bonus-form-group label{color:#374151;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.bonus-form-group input,.bonus-form-group select,.bonus-form-group textarea{box-sizing:border-box;color:#1f2937;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s}.bonus-form-group input:hover,.bonus-form-group select:hover,.bonus-form-group textarea:hover{border-color:#cbd5e1}.bonus-form-group input:focus,.bonus-form-group select:focus,.bonus-form-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.bonus-form-group input.error,.bonus-form-group select.error,.bonus-form-group textarea.error{background-color:#fef2f2;border-color:#ef4444!important}.bonus-form-error{color:#ef4444;font-size:10px;font-weight:600}.bonus-form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}.bonus-form-group textarea{resize:vertical;min-height:80px}.bonus-form-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex;position:sticky;bottom:0}.bonus-form-footer button{cursor:pointer;border-radius:6px;min-width:80px;height:36px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.bonus-btn-secondary{color:#374151;background:#fff;border:1.5px solid #e5e7eb}.bonus-btn-secondary:hover:not(:disabled){color:#667eea;background:#f9fafb;border-color:#667eea}.bonus-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.bonus-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none}.bonus-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.bonus-btn-primary:disabled{opacity:.6;cursor:not-allowed}.worker-bonuses-loading-spinner{border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}@media (max-width:768px){.worker-bonuses-container{padding:8px}.worker-bonuses-header{padding:10px 12px}.worker-bonuses-title h1{font-size:16px}.worker-bonuses-title p{font-size:10px}.worker-bonuses-filters{grid-template-columns:repeat(2,1fr);gap:10px}.bonus-form-grid{grid-template-columns:1fr}.worker-bonuses-table{font-size:11px}.worker-bonuses-table th,.worker-bonuses-table td{padding:8px 6px}}@media (max-width:480px){.worker-bonuses-container{padding:6px}.worker-bonuses-header{padding:8px 10px}.worker-bonuses-title h1{font-size:14px}.worker-bonuses-title p{font-size:9px}.worker-bonuses-filters{grid-template-columns:1fr;gap:8px}.worker-bonuses-filter-select{height:30px;font-size:11px}.worker-bonuses-table{font-size:10px}.worker-bonuses-table th,.worker-bonuses-table td{padding:6px 4px}.bonus-form-modal{max-width:95vw}.bonus-form-grid{grid-template-columns:1fr}.bonus-form-footer button{min-width:70px;height:32px;padding:6px 12px;font-size:11px}}.worker-bonuses-table tbody td:nth-child(5){transition:background-color .2s}.worker-bonuses-table tbody tr:hover td:nth-child(5){background-color:#3b82f61a}.bonus-status{cursor:pointer;font-weight:600;transition:all .2s}.bonus-status:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.bonus-status.pending{color:#92400e;background-color:#fef3c7}.bonus-status.approved{color:#065f46;background-color:#d1fae5}.bonus-status.paid{color:#0c2d6b;background-color:#dbeafe}.bonus-status.rejected{color:#7f1d1d;background-color:#fee2e2}.worker-salary-report-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.worker-salary-report-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:12px;padding:14px 18px;box-shadow:0 2px 8px #667eea40}.worker-salary-report-title h1{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.worker-salary-report-title p{opacity:.95;margin:0;font-size:11px;font-weight:500}.worker-salary-report-filters{background:#fff;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:flex-end;gap:12px;margin-bottom:12px;padding:12px 14px;display:grid;box-shadow:0 1px 4px #0000000f}.worker-salary-report-filter-group{flex-direction:column;gap:4px;display:flex}.worker-salary-report-filter-group label{color:#374151;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.worker-salary-report-filter-select{color:#1f2937;box-sizing:border-box;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E") right 10px center no-repeat;border:1.5px solid #e5e7eb;border-radius:6px;padding:8px 30px 8px 12px;font-size:12px;font-weight:500;transition:all .2s}.worker-salary-report-filter-select:hover{border-color:#cbd5e1}.worker-salary-report-filter-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.worker-salary-report-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;align-items:center;gap:6px;height:fit-content;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.worker-salary-report-btn-primary:hover{transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.worker-salary-report-info-card{background:#fff;border-left:3px solid #667eea;border-radius:8px;margin-bottom:12px;padding:12px 14px;box-shadow:0 1px 4px #0000000f}.worker-salary-report-info-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.worker-salary-report-info-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:700}.worker-salary-report-info-header p{color:#6b7280;margin:4px 0 0;font-size:12px}.worker-salary-report-info-branch{color:#667eea;background:#f0f4ff;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600}.worker-salary-report-info-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.worker-salary-report-info-item{flex-direction:column;gap:4px;display:flex}.worker-salary-report-info-item .label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.worker-salary-report-info-item .value{color:#1f2937;font-size:13px;font-weight:600}.worker-salary-report-info-item .value.income{color:#16a34a}.worker-salary-report-table-container{background:#fff;border-radius:8px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.worker-salary-report-table{border-collapse:collapse;width:100%;font-size:12px}.worker-salary-report-table thead{color:#fff;z-index:10;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:sticky;top:0}.worker-salary-report-table th{text-align:left;white-space:nowrap;border:none;padding:12px 10px;font-size:11px;font-weight:600}.worker-salary-report-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px}.worker-salary-report-table tbody tr{transition:background-color .15s}.worker-salary-report-table tbody tr:hover{background-color:#f9fafb}.worker-salary-report-table-loading,.worker-salary-report-table-empty{text-align:center;color:#9ca3af;font-style:italic;padding:40px 15px!important}.salary-month{color:#667eea;font-weight:600}.salary-amount{color:#6b7280;text-align:right;font-weight:600}.salary-amount.net{color:#16a34a;font-weight:700}.salary-status{white-space:nowrap;border-radius:16px;align-items:center;gap:4px;width:fit-content;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.salary-status.draft{color:#374151;background:#e5e7eb}.salary-status.pending{color:#92400e;background:#fef3c7}.salary-status.paid{color:#065f46;background:#dcfce7}.salary-status.cancelled{color:#991b1b;background:#fee2e2}.worker-salary-report-pagination{background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:12px;display:flex;box-shadow:0 1px 4px #0000000f}.worker-salary-report-pagination-btn{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.worker-salary-report-pagination-btn:hover:not(:disabled){color:#667eea;background:#f9fafb;border-color:#667eea}.worker-salary-report-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.worker-salary-report-pagination-info{color:#6b7280;text-align:center;min-width:150px;font-size:12px;font-weight:600}.worker-salary-report-empty{text-align:center;background:#fff;border-radius:8px;padding:40px;box-shadow:0 1px 4px #0000000f}.worker-salary-report-empty-icon{margin-bottom:12px;font-size:40px}.worker-salary-report-empty h3{color:#1f2937;margin:0 0 6px;font-size:16px;font-weight:700}.worker-salary-report-empty p{color:#6b7280;margin:0;font-size:13px}.worker-salary-report-loading-spinner{border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}@media (max-width:1024px){.worker-salary-report-filters{grid-template-columns:repeat(2,1fr)}.worker-salary-report-table{font-size:11px}.worker-salary-report-table th,.worker-salary-report-table td{padding:8px 6px}}@media (max-width:768px){.worker-salary-report-container{padding:8px}.worker-salary-report-header{padding:10px 12px}.worker-salary-report-title h1{font-size:16px}.worker-salary-report-title p{font-size:10px}.worker-salary-report-filters{grid-template-columns:repeat(2,1fr);gap:10px}.worker-salary-report-table{font-size:11px}.worker-salary-report-table th,.worker-salary-report-table td{padding:8px 6px}}@media (max-width:480px){.worker-salary-report-container{padding:6px}.worker-salary-report-header{padding:8px 10px}.worker-salary-report-title h1{font-size:14px}.worker-salary-report-title p{font-size:9px}.worker-salary-report-filters{grid-template-columns:1fr;gap:8px}.worker-salary-report-filter-select{height:30px;font-size:11px}.worker-salary-report-table{font-size:10px}.worker-salary-report-table th,.worker-salary-report-table td{padding:6px 4px}.worker-salary-report-pagination{flex-direction:column;gap:8px}.worker-salary-report-pagination-btn,.worker-salary-report-pagination-info{width:100%}.worker-salary-report-empty{padding:30px 15px}.worker-salary-report-empty-icon{font-size:32px}.worker-salary-report-empty h3{font-size:14px}.worker-salary-report-empty p{font-size:12px}}.sanda-collection-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sanda-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:12px;padding:14px 18px;box-shadow:0 2px 8px #667eea40}.sanda-header-content{max-width:100%}.sanda-title{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.sanda-subtitle{opacity:.95;margin:0;font-size:11px;font-weight:500}.sanda-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.sanda-stat-card{background:#fff;border-left:3px solid;border-radius:8px;padding:12px 14px;transition:all .2s;box-shadow:0 1px 4px #0000000f}.sanda-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.sanda-stat-card.purple{border-left-color:#8b5cf6}.sanda-stat-card.green{border-left-color:#10b981}.sanda-stat-card.orange{border-left-color:#f59e0b}.sanda-stat-card.blue{border-left-color:#06b6d4}.sanda-stat-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sanda-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.sanda-stat-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.sanda-stat-value{color:#1f2937;margin:4px 0;font-size:18px;font-weight:700;line-height:1}.sanda-stat-footer{color:#6b7280;font-size:10px;font-weight:500}.sanda-tabs{background:#fff;border-radius:8px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.sanda-tab-buttons{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:0;display:flex}.sanda-tab-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;margin-bottom:-1px;padding:12px 14px;font-size:13px;font-weight:600;transition:all .2s}.sanda-tab-btn:hover{color:#667eea;background:#f3f4f6}.sanda-tab-btn.active{color:#667eea;background:#fff;border-bottom-color:#667eea}.sanda-tab-content{padding:12px}.sanda-filters{background:#fff;border-radius:8px;margin-bottom:12px;padding:12px 14px;box-shadow:0 1px 4px #0000000f}.sanda-filters-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:10px;display:grid}.sanda-filter-label{color:#374151;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.sanda-filter-input,.sanda-filter-select{box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;width:100%;height:32px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s}.sanda-filter-input:focus,.sanda-filter-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.sanda-filter-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.sanda-btn-primary{cursor:pointer;white-space:nowrap;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;justify-content:center;align-items:center;gap:5px;height:32px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.sanda-btn-secondary{cursor:pointer;white-space:nowrap;color:#374151;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;gap:5px;height:32px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.sanda-table-container{background:#fff;border-radius:8px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.sanda-no-data{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.sanda-no-data img{opacity:.7;width:120px;height:120px;margin-bottom:16px}.sanda-no-data p{margin:0;font-size:14px;font-weight:500}.sanda-spinner{border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;margin-bottom:12px;animation:.8s linear infinite spin}.sanda-table-wrapper{overflow-x:auto}.sanda-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.sanda-table thead{color:#fff;z-index:10;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:sticky;top:0}.sanda-table th{text-align:left;white-space:nowrap;border:none;padding:12px 10px;font-size:12px;font-weight:600}.sanda-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px}.sanda-table tbody tr{transition:background-color .15s}.sanda-table tbody tr:hover{background-color:#f9fafb}.sanda-index{text-align:center;color:#6b7280;flex-shrink:0;width:50px;font-weight:600}.sanda-id-cell{color:#667eea;font-weight:600}.sanda-name-cell,.sanda-branch-cell{color:#374151;font-size:12px}.sanda-export{background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 4px #0000000f}.sanda-export-title{color:#1f2937;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.sanda-export-title:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px;flex-shrink:0;width:3px;height:16px}.sanda-export-buttons{flex-wrap:wrap;gap:10px;display:flex}.sanda-export-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:36px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.sanda-export-btn:disabled{opacity:.5;cursor:not-allowed}.sanda-export-btn.excel{color:#fff;background:#10b981}.sanda-export-btn.excel:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 2px 6px #10b9814d}.sanda-export-btn.csv{color:#fff;background:#06b6d4}.sanda-export-btn.csv:hover:not(:disabled){background:#0891b2;transform:translateY(-1px);box-shadow:0 2px 6px #06b6d44d}.sanda-export-btn.pdf{color:#fff;background:#ef4444}.sanda-export-btn.pdf:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 2px 6px #ef44444d}.sanda-form-group label{color:#374151;font-size:12px;font-weight:600}.sanda-reason-type-buttons{gap:8px;display:flex}.reason-type-btn{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;flex:1;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s}.reason-type-btn:hover{color:#667eea;border-color:#667eea}.reason-type-btn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000}@media (max-width:1400px){.sanda-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.sanda-filters-grid{grid-template-columns:repeat(3,1fr)}.sanda-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sanda-collection-container{padding:8px}.sanda-header{padding:10px 12px}.sanda-title{font-size:16px}.sanda-stats-grid{grid-template-columns:1fr}.sanda-stat-card{padding:10px 12px}.sanda-filters-grid{grid-template-columns:repeat(2,1fr)}.sanda-filter-actions{flex-direction:column;width:100%}.sanda-filter-actions button{width:100%}.sanda-table{font-size:11px}.sanda-table th,.sanda-table td{padding:8px 6px}.sanda-action-icon{width:26px;height:26px}.sanda-action-icon img{width:13px;height:13px}.sanda-pagination{gap:8px;padding:10px 12px}.sanda-page-btn{min-width:65px;height:30px;padding:5px 10px;font-size:11px}.sanda-page-input{width:40px;padding:4px 6px;font-size:11px}.sanda-export-buttons{flex-direction:column}.sanda-export-btn{justify-content:center;width:100%}.sanda-form-modal{border-radius:0;max-height:100vh}.sanda-form-grid{grid-template-columns:1fr}}@media (max-width:480px){.sanda-collection-container{padding:6px}.sanda-header{margin-bottom:8px;padding:8px 10px}.sanda-title{gap:6px;font-size:14px}.sanda-subtitle{font-size:9px}.sanda-stats-grid{grid-template-columns:1fr;gap:8px;margin-bottom:8px}.sanda-stat-card{padding:8px 10px}.sanda-stat-value{font-size:16px}.sanda-filters{margin-bottom:8px;padding:8px 10px}.sanda-filters-grid{grid-template-columns:1fr;gap:8px;margin-bottom:8px}.sanda-filter-input,.sanda-filter-select{height:30px;padding:5px 8px;font-size:11px}.sanda-filter-label{font-size:9px}.sanda-filter-actions{gap:6px}.sanda-btn-primary{height:30px;padding:5px 10px;font-size:10px}.sanda-table-container{margin-bottom:8px}.sanda-table{font-size:10px}.sanda-table th,.sanda-table td{padding:6px 4px}.sanda-index{width:40px}.sanda-id-cell,.sanda-name-cell,.sanda-branch-cell{font-size:10px}.sanda-status-badge{padding:4px 8px;font-size:10px}.sanda-action-buttons{gap:4px}.sanda-action-icon{width:24px;height:24px}.sanda-action-icon img{width:12px;height:12px}.sanda-pagination{gap:6px;padding:8px 10px;font-size:11px}.sanda-page-btn{min-width:60px;height:28px;padding:4px 8px;font-size:10px}.sanda-page-goto{gap:4px;font-size:10px}.sanda-page-input{width:35px;padding:3px 5px;font-size:10px}.sanda-page-info{gap:4px;font-size:10px}.sanda-export{margin-top:8px;padding:10px}.sanda-export-title{margin-bottom:8px;font-size:12px}.sanda-export-buttons{gap:6px}.sanda-export-btn{height:32px;padding:6px 12px;font-size:10px}.sanda-form-header{padding:10px 12px}.sanda-form-header h2{font-size:14px}.sanda-form{padding:10px 12px}.sanda-form-grid{gap:10px;margin-bottom:10px}.sanda-form-group input,.sanda-form-group select,.sanda-form-group textarea{padding:6px 10px;font-size:11px}.sanda-form-footer{gap:6px;padding:8px 12px}.sanda-form-footer button{min-width:70px;height:32px;padding:6px 12px;font-size:11px}.sanda-tab-btn{padding:10px;font-size:12px}.sanda-tab-content{padding:8px}}.sanda-month-count{justify-content:center;display:flex}.month-badge{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 2px 4px #667eea4d}.sanda-form-disabled{cursor:not-allowed!important;color:#9ca3af!important;background-color:#f3f4f6!important}.sanda-form-disabled:focus{box-shadow:none!important;border-color:#e5e7eb!important}@media (max-width:1024px){.sanda-table{font-size:11px}.sanda-table th,.sanda-table td{padding:8px 6px}.month-badge{width:28px;height:28px;font-size:11px}}@media (max-width:768px){.sanda-table{font-size:10px}.sanda-table th,.sanda-table td{padding:6px 4px}.month-badge{width:26px;height:26px;font-size:10px}}@media (max-width:480px){.sanda-table{font-size:9px}.sanda-table th,.sanda-table td{padding:5px 3px}.month-badge{width:24px;height:24px;font-size:9px}}@media (max-width:768px){.member-autocomplete-dropdown{max-height:250px}.member-autocomplete-item{padding:8px 10px}.member-autocomplete-item .member-code{font-size:10px}.member-autocomplete-item .member-name{font-size:11px}}@media (max-width:480px){.member-autocomplete-dropdown{max-height:200px}.member-autocomplete-item{padding:7px 8px}.member-autocomplete-count{padding:6px 10px;font-size:9px}}.sanda-payment-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sanda-payment-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px 18px;display:flex;box-shadow:0 2px 8px #667eea40}.sanda-payment-title h1{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.sanda-payment-title p{opacity:.95;margin:0;font-size:11px;font-weight:500}.sanda-payment-filters{background:#fff;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:12px;padding:12px 14px;display:grid;box-shadow:0 1px 4px #0000000f}.sanda-filter-group{flex-direction:column;gap:4px;display:flex}.sanda-filter-group label{color:#374151;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.sanda-filter-select,.sanda-filter-input{box-sizing:border-box;color:#1f2937;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;width:100%;height:32px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s}.sanda-filter-select:hover,.sanda-filter-input:hover{border-color:#cbd5e1}.sanda-filter-select:focus,.sanda-filter-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.sanda-filter-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}.sanda-payment-balance-card{background:#fff;border-left:3px solid #667eea;border-radius:8px;margin-bottom:12px;padding:12px 14px;box-shadow:0 1px 4px #0000000f}.sanda-balance-member-info{border-bottom:1px solid #f3f4f6;margin-bottom:12px;padding-bottom:10px}.sanda-balance-member-info h3{color:#1f2937;margin:0 0 4px;font-size:14px;font-weight:700}.sanda-balance-type{color:#667eea;margin:0;font-size:10px;font-weight:600}.sanda-balance-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:12px;display:grid}.sanda-balance-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;padding:10px 12px;display:flex}.sanda-balance-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:9px;font-weight:600}.sanda-balance-value{color:#1f2937;font-size:16px;font-weight:700}.sanda-balance-value.expected{color:#06b6d4}.sanda-balance-value.paid{color:#10b981}.sanda-balance-value.pending{color:#f59e0b}.sanda-balance-value.completed{color:#10b981}.sanda-balance-value.next-month{color:#667eea}.sanda-payment-history-inline{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:10px 12px}.sanda-payment-history-inline h4{color:#1f2937;margin:0 0 8px;font-size:12px;font-weight:700}.sanda-history-list{flex-direction:column;gap:6px;display:flex}.sanda-history-item{background:#fff;border-left:2px solid #667eea;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.sanda-history-date{color:#6b7280;font-size:11px;font-weight:600}.sanda-history-amount{color:#10b981;font-size:12px;font-weight:700}.sanda-payment-table-container{background:#fff;border-radius:8px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.sanda-payment-table{border-collapse:collapse;width:100%;font-size:13px}.sanda-payment-table thead{color:#fff;z-index:10;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:sticky;top:0}.sanda-payment-table th{text-align:left;white-space:nowrap;border:none;padding:12px 10px;font-size:12px;font-weight:600}.sanda-payment-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px}.sanda-payment-table tbody tr{transition:background-color .15s}.sanda-payment-table tbody tr:hover{background-color:#f9fafb}.sanda-table-loading,.sanda-table-empty{text-align:center;color:#9ca3b8;font-style:italic;padding:40px 15px!important}.sanda-member-cell{flex-direction:column;gap:2px;display:flex}.sanda-member-code{color:#667eea;font-size:12px;font-weight:700}.sanda-member-name{color:#374151;font-size:12px}.sanda-balance-cell{font-weight:600}.sanda-balance-badge{white-space:nowrap;border-radius:16px;width:fit-content;padding:5px 12px;font-size:11px;font-weight:600;display:inline-block}.sanda-balance-badge.pending{color:#92400e;background:#fef3c7;border:1px solid #fcd34d}.sanda-balance-badge.completed{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7}.sanda-status-badge.status-completed{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7}.sanda-status-badge.status-pending{color:#92400e;background:#fef3c7;border:1px solid #fcd34d}.sanda-status-badge.status-partial{color:#92400e;background:#fed7aa;border:1px solid #fdba74}.sanda-btn-icon{cursor:pointer;color:#374151;background:#f3f4f6;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:12px;transition:all .2s;display:flex}.sanda-btn-icon:hover{background:#e5e7eb;transform:scale(1.08)}.sanda-btn-icon.edit{color:#3b82f6}.sanda-btn-icon.edit:hover{background:#dbeafe}.sanda-btn-icon.delete:hover{background:#fee2e2}.sanda-form-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.sanda-form-modal{background:#fff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.sanda-form-modal.large{max-width:700px}.sanda-form-header h2{color:#1f2937;margin:0;font-size:16px;font-weight:700}.sanda-form-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:20px;transition:color .2s;display:flex}.sanda-form-close:hover{color:#374151}.sanda-form-group label{color:#374151;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.sanda-form-group input,.sanda-form-group select,.sanda-form-group textarea{box-sizing:border-box;color:#1f2937;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s}.sanda-form-group input:hover,.sanda-form-group select:hover,.sanda-form-group textarea:hover{border-color:#cbd5e1}.sanda-form-error{color:#ef4444;margin-top:2px;font-size:10px;font-weight:600}.sanda-member-info-card{background:#f0f4ff;border:1.5px solid #dbeafe;border-radius:6px;padding:10px 12px}.sanda-info-row{justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;display:flex}.sanda-info-row:not(:last-child){border-bottom:1px solid #bfdbfe;margin-bottom:6px;padding-bottom:8px}.sanda-info-label{color:#1e40af;font-weight:600}.sanda-info-value{color:#1f2937;font-weight:700}.sanda-info-value.pending{color:#f59e0b}.sanda-info-value.completed{color:#10b981}.sanda-amount-info{border-radius:4px;margin-top:6px;padding:6px 8px;font-size:11px;font-weight:600}.sanda-amount-warning{color:#92400e;background:#fef3c7;border-radius:4px;padding:6px 8px;display:block}.sanda-amount-success{color:#065f46;background:#d1fae5;border-radius:4px;padding:6px 8px;display:block}.sanda-amount-partial{color:#92400e;background:#fed7aa;border-radius:4px;padding:6px 8px;display:block}.sanda-searchable-select{width:100%;position:relative}.sanda-search-input{color:#1f2937;cursor:pointer;box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;width:100%;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s}.sanda-search-input:hover{border-color:#cbd5e1}.sanda-search-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.sanda-search-input.error{background-color:#fef2f2;border-color:#ef4444!important}.sanda-dropdown-menu{z-index:1000;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;max-height:300px;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.sanda-dropdown-list{max-height:250px;overflow-y:auto}.sanda-dropdown-item{cursor:pointer;border-bottom:1px solid #f3f4f6;flex-direction:column;gap:2px;padding:8px 12px;transition:background-color .15s;display:flex}.sanda-dropdown-item:last-child{border-bottom:none}.sanda-dropdown-item:hover:not(.disabled){background-color:#f9fafb}.sanda-dropdown-item.selected{background-color:#ede9fe;border-left:3px solid #667eea;padding-left:9px}.sanda-dropdown-item.disabled{cursor:not-allowed;color:#cbd5e1;background-color:#f9fafb}.sanda-dropdown-item-code{color:#667eea;font-size:11px;font-weight:700}.sanda-dropdown-item-name{color:#374151;font-size:12px;font-weight:500}.sanda-dropdown-item-badge{color:#991b1b;background:#fee2e2;border-radius:3px;width:fit-content;padding:2px 6px;font-size:9px;font-weight:700}.sanda-dropdown-load-more{color:#667eea;cursor:pointer;background:#f9fafb;border:none;border-top:1px solid #e5e7eb;width:100%;padding:8px;font-size:12px;font-weight:600;transition:background-color .2s}.sanda-dropdown-load-more:hover:not(:disabled){background:#f3f4f6}.sanda-dropdown-load-more:disabled{cursor:not-allowed;opacity:.6}.sanda-dropdown-menu::-webkit-scrollbar{width:6px}.sanda-dropdown-menu::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.sanda-dropdown-menu::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.sanda-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#9ca3af}.sanda-form-footer button{cursor:pointer;border-radius:6px;min-width:80px;height:36px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.sanda-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none}.sanda-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.sanda-btn-primary:disabled{opacity:.6;cursor:not-allowed}.sanda-btn-secondary{color:#374151;background:#fff;border:1.5px solid #e5e7eb}.sanda-btn-secondary:hover:not(:disabled){color:#667eea;background:#f9fafb;border-color:#667eea}.sanda-btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media (max-width:1024px){.sanda-payment-filters,.sanda-balance-grid{grid-template-columns:repeat(2,1fr)}.sanda-payment-table{font-size:12px}.sanda-payment-table th,.sanda-payment-table td{padding:8px 6px}}@media (max-width:768px){.sanda-payment-container{padding:8px}.sanda-payment-header{flex-direction:column;align-items:flex-start;gap:10px;padding:10px 12px}.sanda-payment-filters{grid-template-columns:1fr;gap:10px;padding:10px 12px}.sanda-balance-grid{grid-template-columns:1fr;gap:10px}.sanda-form-grid{grid-template-columns:1fr}.sanda-payment-table{font-size:11px}.sanda-payment-table th,.sanda-payment-table td{padding:8px 6px}.sanda-form-modal{max-width:95vw;max-height:95vh}.sanda-form,.sanda-form-header{padding:12px 14px}.sanda-form-header h2{font-size:14px}}@media (max-width:480px){.sanda-payment-container{padding:6px}.sanda-payment-header{margin-bottom:8px;padding:8px 10px}.sanda-payment-title h1{gap:6px;font-size:14px}.sanda-payment-title p{font-size:9px}.sanda-payment-filters{grid-template-columns:1fr;gap:8px;margin-bottom:8px;padding:8px 10px}.sanda-filter-select,.sanda-filter-input{height:30px;padding:5px 8px;font-size:11px}.sanda-balance-grid{grid-template-columns:1fr;gap:8px}.sanda-balance-item{padding:8px 10px}.sanda-balance-label{font-size:9px}.sanda-balance-value{font-size:14px}.sanda-payment-table{font-size:10px}.sanda-payment-table th,.sanda-payment-table td{padding:6px 4px}.sanda-member-code,.sanda-member-name{font-size:10px}.sanda-action-buttons{gap:4px}.sanda-btn-icon{width:24px;height:24px;font-size:10px}.sanda-form-modal{border-radius:0}.sanda-form-grid{grid-template-columns:1fr;gap:10px}.sanda-form-header h2{font-size:13px}.sanda-form-footer button{min-width:70px;height:32px;padding:6px 12px;font-size:11px}}.sanda-month-cell{color:#1f2937;font-weight:700}.sanda-count-cell{text-align:center}.sanda-payment-detail-row{background:#f9fafb;border-left:3px solid #667eea}.sanda-payment-detail-row:hover{background:#f3f4f6}.sanda-payment-detail-row td{color:#6b7280;padding:8px 10px;font-size:12px}.sanda-detail-method{color:#1e40af;background:#f0f4ff;border-radius:4px;width:fit-content;padding:4px 8px;font-size:11px;font-weight:600}.sanda-payment-row{background:#fff;border-bottom:2px solid #e5e7eb;transition:background-color .2s}.sanda-payment-row:hover{background:#f9fafb}.sanda-payment-row td{padding:12px 10px;font-size:13px}@media (max-width:768px){.sanda-expand-btn{padding:3px 6px;font-size:10px}.sanda-payment-detail-row td{padding:6px 8px;font-size:11px}.sanda-detail-method{padding:3px 6px;font-size:10px}.sanda-count-badge{width:24px;height:24px;font-size:10px}}@media (max-width:480px){.sanda-expand-cell{width:25px;padding:8px 3px!important}.sanda-expand-btn{padding:2px 4px;font-size:9px}.sanda-payment-row td{padding:8px 6px;font-size:11px}.sanda-payment-detail-row td{padding:5px 6px;font-size:10px}.sanda-count-badge{width:22px;height:22px;font-size:9px}}.sanda-month-picker{position:relative}.sanda-month-picker select{color:#1f2937;cursor:pointer;appearance:none;box-sizing:border-box;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E") right 10px center no-repeat;border:1.5px solid #e5e7eb;border-radius:6px;width:100%;padding:8px 30px 8px 12px;font-size:12px;font-weight:500;transition:all .2s}.sanda-month-picker select:hover{border-color:#cbd5e1}.sanda-month-picker select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.sanda-month-picker select.error{background-color:#fef2f2;border-color:#ef4444!important}.sanda-date-picker-wrapper{align-items:center;gap:8px;display:flex;position:relative}.sanda-date-picker-wrapper input[type=date]{color:#1f2937;cursor:pointer;box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;flex:1;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s}.sanda-date-picker-wrapper input[type=date]:hover{border-color:#cbd5e1}.sanda-date-picker-wrapper input[type=date]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.sanda-date-picker-wrapper input[type=date].error{background-color:#fef2f2;border-color:#ef4444!important}.sanda-date-display{color:#667eea;white-space:nowrap;background:#f0f4ff;border:1px solid #dbeafe;border-radius:4px;padding:6px 10px;font-size:11px;font-weight:600}@media (max-width:768px){.sanda-date-picker-wrapper{flex-direction:column;align-items:stretch}.sanda-date-display{text-align:center}}.sanda-btn-clear{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;max-width:150px;max-height:36px;margin-top:15px;padding:8px 16px;font-size:13px;font-weight:600;line-height:1;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #ef44444d}.sanda-btn-clear:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.sanda-btn-clear:active{transform:translateY(0);box-shadow:0 2px 6px #ef44444d}.sanda-btn-clear:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;background:linear-gradient(135deg,#9ca3af 0%,#6b7280 100%);transform:none}.sanda-report-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sanda-report-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px 18px;display:flex;box-shadow:0 2px 8px #667eea40}.sanda-report-title h1{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.sanda-report-title p{opacity:.95;margin:0;font-size:11px;font-weight:500}.sanda-report-filters-section{margin-bottom:12px}.sanda-report-filters{background:#fff;border-radius:8px;grid-template-columns:1fr auto;align-items:flex-end;gap:12px;padding:12px 14px;display:grid;box-shadow:0 1px 4px #0000000f}.sanda-report-filter-group{flex-direction:column;gap:4px;display:flex}.sanda-report-filter-group.full-width{grid-column:1;min-width:260px}.sanda-report-filter-group label{color:#374151;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.sanda-report-searchable-select{width:100%;position:relative}.sanda-report-search-input{color:#1f2937;box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;width:100%;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s}.sanda-report-search-input::placeholder{color:#9ca3af}.sanda-report-search-input:hover{background:#fafbfc;border-color:#cbd5e1}.sanda-report-search-input:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.sanda-report-dropdown-menu{z-index:50;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;max-height:260px;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001f}.sanda-report-dropdown-list{max-height:220px;overflow-y:auto}.sanda-report-dropdown-item{cursor:pointer;border-bottom:1px solid #f3f4f6;flex-direction:column;gap:2px;padding:8px 12px;font-size:12px;transition:background-color .15s;display:flex}.sanda-report-dropdown-item:last-child{border-bottom:none}.sanda-report-dropdown-item:hover:not(.disabled){background-color:#f9fafb}.sanda-report-dropdown-item.disabled{cursor:not-allowed;color:#9ca3af;background-color:#f9fafb}.sanda-report-dropdown-item-code{color:#667eea;font-size:11px;font-weight:700}.sanda-report-dropdown-item-name{color:#374151;font-size:12px;font-weight:500}.sanda-report-dropdown-load-more{color:#667eea;cursor:pointer;background:#f9fafb;border:none;border-top:1px solid #e5e7eb;width:100%;padding:8px;font-size:12px;font-weight:600;transition:background-color .2s}.sanda-report-dropdown-load-more:hover:not(:disabled){background:#f3f4f6}.sanda-report-dropdown-load-more:disabled{cursor:not-allowed;opacity:.6}.sanda-report-selected-member{grid-column:1;align-items:center;margin-top:-8px;display:flex}.sanda-report-member-badge{color:#166534;white-space:nowrap;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.sanda-report-button-group{flex-direction:column;grid-area:1/2/3;justify-content:flex-start;align-items:stretch;gap:8px;display:flex}.sanda-report-btn-primary,.sanda-report-btn-secondary,.sanda-report-btn-old-amount{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-width:130px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.sanda-report-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 2px 4px #667eea33}.sanda-report-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.sanda-report-btn-primary:active:not(:disabled){transform:translateY(0)}.sanda-report-btn-primary:disabled{opacity:.6;cursor:not-allowed}.sanda-report-btn-secondary{color:#fff;background:#10b981;box-shadow:0 2px 4px #10b98133}.sanda-report-btn-secondary:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 3px 10px #10b9814d}.sanda-report-btn-secondary:active:not(:disabled){transform:translateY(0)}.sanda-report-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.sanda-report-btn-old-amount{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#9333ea 100%);box-shadow:0 2px 4px #a855f733}.sanda-report-btn-old-amount:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #a855f759}.sanda-report-btn-old-amount:active:not(:disabled){transform:translateY(0)}.sanda-report-btn-old-amount:disabled{opacity:.6;cursor:not-allowed}.sanda-report-old-amount-panel{background:#fff;border-left:3px solid #f97316;border-radius:8px;margin-bottom:12px;padding:12px 14px;box-shadow:0 1px 4px #0000000f}.sanda-report-old-amount-panel h3{color:#111827;margin:0 0 8px;font-size:14px;font-weight:700}.sanda-old-amount-table-container{overflow-x:auto}.sanda-old-amount-table{border-collapse:collapse;width:100%;font-size:12px}.sanda-old-amount-table thead{background:#f9fafb}.sanda-old-amount-table th{text-align:left;color:#374151;border-bottom:1.5px solid #e5e7eb;padding:8px 10px;font-weight:700}.sanda-old-amount-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:8px 10px}.sanda-amount-cell{color:#0ea5e9;font-weight:600}.sanda-amount-cell.increase{color:#16a34a}.sanda-amount-cell.decrease{color:#dc2626}.sanda-report-content{margin-top:8px}.sanda-report-summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:12px;display:grid}.sanda-report-summary-card{background:#fff;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;transition:all .2s;display:flex;box-shadow:0 1px 4px #0000000f}.sanda-report-summary-card:hover{box-shadow:0 2px 8px #0000001a}.sanda-report-summary-card.old-amount{border-left:3px solid #f97316}.sanda-report-summary-icon{flex-shrink:0;font-size:18px}.sanda-report-summary-info{flex-direction:column;gap:2px;display:flex}.sanda-report-summary-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.sanda-report-summary-value{color:#111827;font-size:14px;font-weight:700}.sanda-report-summary-value.paid{color:#16a34a}.sanda-report-summary-value.pending{color:#f97316}.sanda-report-summary-value.completed{color:#16a34a}.sanda-report-summary-code{color:#6b7280;font-size:11px;font-weight:500}.sanda-report-summary-code.remaining{color:#b91c1c}.sanda-report-months-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:16px;display:grid}.sanda-report-month-panel{background:#fff;border-radius:8px;flex-direction:column;gap:8px;padding:10px 12px;transition:all .2s;display:flex;box-shadow:0 1px 4px #0000000f}.sanda-report-month-panel:hover{box-shadow:0 2px 8px #0000001a}.sanda-report-month-panel.paid{border-left:3px solid #16a34a}.sanda-report-month-panel.partial{border-left:3px solid #f97316}.sanda-report-month-panel.pending{border-left:3px solid #9ca3af}.sanda-report-month-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.sanda-report-month-header h3{color:#111827;margin:0;font-size:13px;font-weight:700}.sanda-report-month-status{border-radius:999px;flex-shrink:0;padding:4px 8px;font-size:11px;font-weight:600}.sanda-report-month-status.paid{color:#166534;background:#dcfce7}.sanda-report-month-status.partial{color:#92400e;background:#fef3c7}.sanda-report-month-status.pending{color:#4b5563;background:#e5e7eb}.sanda-report-month-body{flex-direction:column;gap:4px;font-size:12px;display:flex}.sanda-report-month-row{justify-content:space-between;align-items:center;display:flex}.sanda-report-month-row.border-top{border-top:1px solid #e5e7eb;margin-top:4px;padding-top:4px}.sanda-report-month-label{color:#6b7280;font-weight:500}.sanda-report-month-value{font-weight:600}.sanda-report-month-value.expected{color:#0ea5e9}.sanda-report-month-value.paid,.sanda-report-month-value.completed{color:#16a34a}.sanda-report-month-value.pending{color:#f97316}.sanda-report-month-payments{border-top:1px dashed #e5e7eb;margin-top:4px;padding-top:4px}.sanda-report-payments-title{color:#374151;font-size:11px;font-weight:600}.sanda-report-payments-list{flex-direction:column;gap:4px;margin-top:4px;display:flex}.sanda-report-payment-item{justify-content:space-between;align-items:center;padding:4px 0;font-size:11px;display:flex}.sanda-report-payment-date{color:#4b5563;font-weight:600}.sanda-report-payment-method{font-size:14px}.sanda-report-payment-amount{color:#0ea5e9;font-weight:700}.sanda-report-month-progress{align-items:center;gap:6px;margin-top:6px;font-size:11px;display:flex}.sanda-report-progress-bar{background:#e5e7eb;border-radius:999px;flex:1;height:6px;overflow:hidden}.sanda-report-progress-fill{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:999px;height:100%;transition:width .3s}.sanda-report-progress-text{text-align:right;color:#374151;min-width:32px;font-weight:600}.sanda-report-empty{text-align:center;color:#6b7280;background:#fff;border-radius:8px;margin-top:20px;padding:40px 12px;box-shadow:0 1px 4px #0000000f}.sanda-report-empty-icon{margin-bottom:12px;font-size:40px}.sanda-report-empty h3{color:#111827;margin:0 0 6px;font-size:16px;font-weight:700}.sanda-report-empty p{color:#6b7280;margin:0;font-size:13px}@media (max-width:1024px){.sanda-report-filters{grid-template-columns:1fr}.sanda-report-filter-group.full-width,.sanda-report-selected-member{grid-column:1}.sanda-report-button-group{flex-flow:wrap;grid-area:auto/1;justify-content:flex-start}.sanda-report-btn-primary,.sanda-report-btn-secondary,.sanda-report-btn-old-amount{flex:1;min-width:100px}.sanda-report-summary{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.sanda-report-months-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.sanda-report-container{padding:8px}.sanda-report-header{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px}.sanda-report-title h1{font-size:16px}.sanda-report-title p{font-size:10px}.sanda-report-filters{grid-template-columns:1fr;gap:10px;padding:10px 12px}.sanda-report-button-group{flex-flow:wrap;grid-area:auto/1;gap:6px}.sanda-report-btn-primary,.sanda-report-btn-secondary,.sanda-report-btn-old-amount{flex:1;min-width:80px;padding:7px 12px;font-size:11px}.sanda-report-summary{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.sanda-report-summary-card{padding:8px 10px}.sanda-report-summary-icon{font-size:16px}.sanda-report-summary-label{font-size:10px}.sanda-report-summary-value{font-size:13px}.sanda-report-months-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.sanda-report-month-panel{gap:6px;padding:8px 10px}.sanda-report-month-header h3{font-size:12px}.sanda-report-month-body{font-size:11px}}@media (max-width:480px){.sanda-report-container{padding:6px}.sanda-report-header{padding:8px 10px}.sanda-report-title h1{gap:4px;font-size:14px}.sanda-report-title p{font-size:9px}.sanda-report-filters{grid-template-columns:1fr;gap:8px;padding:8px 10px}.sanda-report-filter-group label{font-size:10px}.sanda-report-search-input{padding:7px 10px;font-size:11px}.sanda-report-selected-member{grid-column:1}.sanda-report-member-badge{padding:5px 10px;font-size:11px}.sanda-report-button-group{flex-direction:column;grid-area:auto/1;gap:6px;width:100%}.sanda-report-btn-primary,.sanda-report-btn-secondary,.sanda-report-btn-old-amount{width:100%;min-width:0;padding:8px 12px;font-size:12px}.sanda-report-summary{grid-template-columns:1fr;gap:8px}.sanda-report-summary-card{gap:8px;padding:8px 10px}.sanda-report-summary-icon{font-size:16px}.sanda-report-summary-label{font-size:10px}.sanda-report-summary-value{font-size:12px}.sanda-report-summary-code{font-size:10px}.sanda-report-months-grid{grid-template-columns:1fr;gap:8px}.sanda-report-month-panel{gap:6px;padding:8px 10px}.sanda-report-month-header{flex-direction:column;align-items:flex-start;gap:4px}.sanda-report-month-header h3{font-size:12px}.sanda-report-month-status{padding:3px 6px;font-size:10px}.sanda-report-month-body{gap:3px;font-size:11px}.sanda-report-month-row{gap:4px}.sanda-report-month-label,.sanda-report-month-value{font-size:11px}.sanda-report-payments-title,.sanda-report-payment-item,.sanda-report-month-progress{font-size:10px}.sanda-report-progress-bar{height:5px}.sanda-report-progress-text{min-width:28px;font-size:10px}.sanda-report-empty{padding:30px 10px}.sanda-report-empty-icon{margin-bottom:10px;font-size:32px}.sanda-report-empty h3{margin-bottom:4px;font-size:14px}.sanda-report-empty p{font-size:12px}.sanda-old-amount-table{font-size:11px}.sanda-old-amount-table th,.sanda-old-amount-table td{padding:6px 8px}.sanda-report-old-amount-panel{padding:10px 12px}.sanda-report-old-amount-panel h3{margin-bottom:8px;font-size:13px}}@media (max-width:360px){.sanda-report-container{padding:4px}.sanda-report-header{border-radius:6px;padding:6px 8px}.sanda-report-title h1{font-size:13px}.sanda-report-title p{font-size:8px}.sanda-report-filters{gap:6px;padding:6px 8px}.sanda-report-btn-primary,.sanda-report-btn-secondary,.sanda-report-btn-old-amount{padding:7px 10px;font-size:11px}.sanda-report-summary-card,.sanda-report-month-panel{padding:6px 8px}}.sanda-reason-cell{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:12px;overflow:hidden}.sanda-status-badge{white-space:nowrap;border-radius:16px;align-items:center;gap:4px;width:fit-content;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.sanda-status-badge.status-active{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}.sanda-status-badge.status-inactive{color:#991b1b;background-color:#fee2e2;border:1px solid #fca5a5}.sanda-status-badge.status-collected{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}.sanda-status-badge.status-pending{color:#92400e;background-color:#fef3c7;border:1px solid #fcd34d}.sanda-status-badge.status-completed{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}.sanda-status-badge.status-partial{color:#1e40af;background-color:#bfdbfe;border:1px solid #60a5fa}.sanda-status-badge.status-cancelled{color:#991b1b;background-color:#fee2e2;border:1px solid #fca5a5}.sanda-action-buttons{justify-content:center;align-items:center;gap:6px;display:flex}.sanda-action-icon{cursor:pointer;color:#374151;background:#f3f4f6;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:12px;transition:all .2s;display:flex}.sanda-action-icon:hover{background:#e5e7eb;transform:scale(1.08)}.sanda-action-icon.view{color:#3b82f6}.sanda-action-icon.view:hover{background:#dbeafe}.sanda-action-icon.edit:hover{background:#fef3c7}.sanda-action-icon.delete:hover{background:#fee2e2}.sanda-action-icon img{object-fit:contain;width:14px;height:14px}.sanda-pagination{background:#fff;border-top:1px solid #f3f4f6;border-radius:0 0 8px 8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:0;padding:12px 14px;display:flex}.sanda-page-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#667eea;border:none;border-radius:6px;min-width:75px;height:32px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.sanda-page-btn:hover:not(:disabled){background-color:#764ba2;transform:translateY(-1px);box-shadow:0 2px 4px #667eea4d}.sanda-page-btn:disabled{cursor:not-allowed;opacity:.6;background-color:#d1d5db}.sanda-page-goto{color:#374151;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.sanda-page-input{text-align:center;box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:4px;width:45px;padding:5px 8px;font-size:12px;font-weight:600;transition:all .2s}.sanda-page-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.sanda-page-info{color:#6b7280;align-items:center;gap:6px;font-size:12px;display:flex}.sanda-form-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:12px;animation:.2s fadeInOverlay;display:flex;position:fixed;inset:0}.sanda-form-modal{background:#fff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;animation:.3s slideInModal;overflow-y:auto;box-shadow:0 10px 40px #0003}@keyframes slideInModal{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.sanda-form-header{z-index:10;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.sanda-form-header h2{color:#fff;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.sanda-form-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:20px;transition:all .2s;display:flex}.sanda-form-close:hover{background:#ffffff4d;transform:scale(1.1)}.sanda-form{padding:14px 16px}.sanda-form-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px;display:grid}.sanda-form-group{flex-direction:column;gap:4px;display:flex}.sanda-form-group.full-width{grid-column:1/-1}.sanda-form-group label{color:#374151;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.sanda-form-group label .required{color:#ef4444}.sanda-form-group input,.sanda-form-group select,.sanda-form-group textarea{box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s}.sanda-form-group input:focus,.sanda-form-group select:focus,.sanda-form-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.sanda-form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}.sanda-form-group textarea{resize:vertical;min-height:80px}.sanda-form-group small{color:#6b7280;margin-top:2px;font-size:10px;font-weight:500}.sanda-form-group small.error{color:#ef4444}.sanda-form-group small.success{color:#10b981}.sanda-form-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex;position:sticky;bottom:0}.sanda-form-footer button{cursor:pointer;border:none;border-radius:6px;min-width:80px;height:36px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.sanda-form-footer button.submit{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.sanda-form-footer button.submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.sanda-form-footer button.cancel{color:#374151;background:#e5e7eb}.sanda-form-footer button.cancel:hover{background:#d1d5db}.sanda-form-footer button:disabled{opacity:.6;cursor:not-allowed}.member-autocomplete-wrapper{width:100%;position:relative}.member-autocomplete-input-wrapper{align-items:center;display:flex;position:relative}.member-autocomplete-icon{color:#9ca3af;pointer-events:none;z-index:1;font-size:12px;position:absolute;left:10px}.member-autocomplete-input{padding-left:32px!important;padding-right:32px!important}.member-autocomplete-clear{color:#fff;cursor:pointer;z-index:1;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;transition:all .2s;display:flex;position:absolute;right:8px}.member-autocomplete-clear:hover{background:#dc2626;transform:scale(1.1)}.member-autocomplete-dropdown{z-index:1000;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;max-height:300px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.member-autocomplete-count{color:#6b7280;z-index:1;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:8px 12px;font-size:10px;font-weight:600;position:sticky;top:0}.member-autocomplete-item{cursor:pointer;border-bottom:1px solid #f3f4f6;flex-direction:column;gap:2px;padding:10px 12px;transition:background-color .15s;display:flex}.member-autocomplete-item:last-child{border-bottom:none}.member-autocomplete-item:hover{background-color:#f9fafb}.member-autocomplete-item.selected{background-color:#ede9fe;border-left:3px solid #667eea}.member-autocomplete-item .member-code{color:#667eea;font-size:11px;font-weight:700}.member-autocomplete-item .member-name{color:#374151;font-size:12px;font-weight:500}.member-autocomplete-no-results{text-align:center;color:#9ca3af;padding:20px;font-size:12px;font-weight:500}.member-autocomplete-dropdown::-webkit-scrollbar{width:6px}.member-autocomplete-dropdown::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.member-autocomplete-dropdown::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.member-autocomplete-dropdown::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:1400px){.sanda-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.sanda-filters-grid{grid-template-columns:repeat(3,1fr)}.sanda-stats-grid{grid-template-columns:repeat(2,1fr)}.collection-amount-display{grid-template-columns:1fr}}@media (max-width:768px){.sanda-collection-container{padding:8px}.sanda-header{padding:10px 12px}.sanda-title{font-size:16px}.sanda-stats-grid{grid-template-columns:1fr}.sanda-stat-card{padding:10px 12px}.sanda-filters-grid{grid-template-columns:repeat(2,1fr)}.sanda-filter-actions{flex-direction:column;width:100%}.sanda-filter-actions button{width:100%}.sanda-table{font-size:11px}.sanda-table th,.sanda-table td{padding:8px 6px}.sanda-action-icon{width:26px;height:26px}.sanda-action-icon img{width:13px;height:13px}.sanda-pagination{gap:8px;padding:10px 12px}.sanda-page-btn{min-width:65px;height:30px;padding:5px 10px;font-size:11px}.sanda-page-input{width:40px;padding:4px 6px;font-size:11px}.sanda-form-modal{border-radius:0;max-height:100vh}.sanda-form-grid{grid-template-columns:1fr}.member-autocomplete-dropdown{max-height:250px}.member-autocomplete-item{padding:8px 10px}.member-autocomplete-item .member-code{font-size:10px}.member-autocomplete-item .member-name{font-size:11px}}@media (max-width:480px){.sanda-collection-container{padding:6px}.sanda-header{margin-bottom:8px;padding:8px 10px}.sanda-title{gap:6px;font-size:14px}.sanda-subtitle{font-size:9px}.sanda-stats-grid{grid-template-columns:1fr;gap:8px;margin-bottom:8px}.sanda-stat-card{padding:8px 10px}.sanda-stat-value{font-size:16px}.sanda-filters{margin-bottom:8px;padding:8px 10px}.sanda-filters-grid{grid-template-columns:1fr;gap:8px;margin-bottom:8px}.sanda-filter-input,.sanda-filter-select{height:30px;padding:5px 8px;font-size:11px}.sanda-filter-label{font-size:9px}.sanda-filter-actions{gap:6px}.sanda-btn-primary{height:30px;padding:5px 10px;font-size:10px}.sanda-table-container{margin-bottom:8px}.sanda-table{font-size:10px}.sanda-table th,.sanda-table td{padding:6px 4px}.sanda-index{width:40px}.sanda-id-cell,.sanda-name-cell,.sanda-branch-cell{font-size:10px}.sanda-status-badge{padding:4px 8px;font-size:10px}.sanda-action-buttons{gap:4px}.sanda-action-icon{width:24px;height:24px}.sanda-action-icon img{width:12px;height:12px}.sanda-pagination{gap:6px;padding:8px 10px;font-size:11px}.sanda-page-btn{min-width:60px;height:28px;padding:4px 8px;font-size:10px}.sanda-page-goto{gap:4px;font-size:10px}.sanda-page-input{width:35px;padding:3px 5px;font-size:10px}.sanda-page-info{gap:4px;font-size:10px}.sanda-form-header{padding:10px 12px}.sanda-form-header h2{font-size:14px}.sanda-form{padding:10px 12px}.sanda-form-grid{gap:10px;margin-bottom:10px}.sanda-form-group input,.sanda-form-group select,.sanda-form-group textarea{padding:6px 10px;font-size:11px}.sanda-form-footer{gap:6px;padding:8px 12px}.sanda-form-footer button{min-width:70px;height:32px;padding:6px 12px;font-size:11px}.sanda-tab-btn{padding:10px;font-size:12px}.sanda-tab-content{padding:8px}.member-autocomplete-dropdown{max-height:200px}.member-autocomplete-item{padding:7px 8px}.member-autocomplete-count{padding:6px 10px;font-size:9px}.collection-amount-display{grid-template-columns:1fr;gap:8px;padding:8px 10px}.collection-amount-label{font-size:9px}.collection-amount-value{font-size:12px}}@media print{.sanda-form-overlay,.sanda-filters,.sanda-pagination,.sanda-action-buttons{display:none!important}.sanda-table-container{box-shadow:none;border:1px solid #e5e7eb}.sanda-table{font-size:11px}}.sanda-collection-row{background:#fff;border-bottom:2px solid #e5e7eb;transition:background-color .2s}.sanda-collection-row:hover{background:#f9fafb}.sanda-collection-row td{padding:12px 10px;font-size:13px}.sanda-collection-detail-row{background:#f9fafb;border-left:3px solid #667eea}.sanda-collection-detail-row:hover{background:#f3f4f6}.sanda-collection-detail-row td{color:#6b7280;padding:8px 10px;font-size:12px}.sanda-detail-spacer{width:30px}.sanda-detail-date{color:#1f2937;font-weight:600}.sanda-detail-method{font-size:11px}.sanda-method-badge{color:#1e40af;background:#f0f4ff;border-radius:4px;padding:4px 8px;font-weight:600;display:inline-block}.sanda-detail-amount{color:#06b6d4;font-weight:700}.sanda-detail-ref{color:#9ca3af;font-family:monospace;font-size:11px}.sanda-detail-notes{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:11px;overflow:hidden}.sanda-detail-empty{color:#d1d5db;font-style:italic}.sanda-expand-cell{text-align:center;width:30px;padding:10px 5px!important}.sanda-expand-btn{cursor:pointer;color:#667eea;background:0 0;border:none;padding:4px 8px;font-size:12px;font-weight:700;transition:transform .2s}.sanda-expand-btn:hover{color:#764ba2;transform:scale(1.2)}.sanda-expand-btn.expanded{transform:rotate(90deg)}.sanda-count-badge{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 2px 4px #667eea4d}.sanda-form-error{color:#ef4444;margin-left:auto;font-size:10px;font-weight:600}.sanda-form-group input.error,.sanda-form-group select.error,.sanda-form-group textarea.error{background-color:#fef2f2;border-color:#ef4444!important}.required{color:#ef4444}.collection-amount-display{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px 12px;display:grid}.collection-amount-item{flex-direction:column;gap:4px;display:flex}.collection-amount-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.collection-amount-value{color:#1f2937;font-size:14px;font-weight:700}.collection-amount-value.old{color:#667eea}.collection-amount-value.collected{color:#10b981}.collection-amount-value.remaining{color:#f59e0b}.report-monthly-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.report-monthly-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px 18px;display:flex;box-shadow:0 2px 8px #667eea40}.report-monthly-title h1{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.report-monthly-title p{opacity:.95;margin:0;font-size:11px;font-weight:500}.report-monthly-filters-section{background:#fff;border:none;border-radius:8px;margin-bottom:12px;padding:12px 14px;box-shadow:0 1px 4px #0000000f}.report-monthly-filters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:flex-end;gap:12px;width:100%;display:grid}.report-monthly-filter-group{flex-direction:column;gap:4px;display:flex}.report-monthly-filter-group label{color:#374151;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.report-monthly-select{color:#1f2937;cursor:pointer;appearance:none;box-sizing:border-box;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E") right 8px center no-repeat;border:1.5px solid #e5e7eb;border-radius:6px;height:32px;padding:6px 28px 6px 10px;font-size:12px;font-weight:500;transition:all .2s}.report-monthly-select:hover{border-color:#cbd5e1}.report-monthly-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.report-monthly-btn-primary{cursor:pointer;white-space:nowrap;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;height:32px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .25s;box-shadow:0 2px 6px #667eea4d}.report-monthly-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.report-monthly-btn-primary:disabled{opacity:.6;cursor:not-allowed}.report-monthly-export-group{gap:6px;display:flex}.report-monthly-btn-export{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;flex:1;min-width:70px;height:32px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .25s}.report-monthly-btn-export.pdf{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 2px 6px #ef44444d}.report-monthly-btn-export.pdf:hover{transform:translateY(-1px);box-shadow:0 3px 10px #ef444459}.report-monthly-btn-export.excel{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 6px #10b9814d}.report-monthly-btn-export.excel:hover{transform:translateY(-1px);box-shadow:0 3px 10px #10b98159}.report-monthly-btn-export.csv{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 2px 6px #3b82f64d}.report-monthly-btn-export.csv:hover{transform:translateY(-1px);box-shadow:0 3px 10px #3b82f659}.report-monthly-btn-export.print{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);box-shadow:0 2px 6px #8b5cf64d}.report-monthly-btn-export.print:hover{transform:translateY(-1px);box-shadow:0 3px 10px #8b5cf659}.report-monthly-summary-section{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:12px;display:grid}.report-monthly-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:10px;padding:12px 14px;transition:all .2s;display:flex;box-shadow:0 1px 4px #0000000f}.report-monthly-summary-card:hover{transform:translateY(-2px);box-shadow:0 2px 8px #667eea1f}.report-monthly-summary-card.total{background:linear-gradient(135deg,#f0f4ff 0%,#faf5ff 100%);border:1px solid #dbeafe}.report-monthly-summary-icon{justify-content:center;align-items:center;min-width:28px;font-size:20px;display:flex}.report-monthly-summary-info{flex-direction:column;justify-content:center;display:flex}.report-monthly-summary-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.report-monthly-summary-value{color:#1f2937;margin-top:2px;font-size:14px;font-weight:700}.report-monthly-summary-value.paid{color:#10b981}.report-monthly-summary-value.pending{color:#f59e0b}.report-monthly-cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:12px;display:grid}.report-monthly-member-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 1px 4px #0000000f}.report-monthly-member-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.card-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:none;padding:12px 14px}.member-code{color:#fffc;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px;font-size:10px;font-weight:700}.member-name{color:#fff;margin:0;font-size:14px;font-weight:700}.card-body{flex:1;padding:12px 14px}.stat-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;display:flex}.stat-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.stat-value{color:#1f2937;font-size:13px;font-weight:700}.stat-value.paid{color:#10b981}.stat-value.pending{color:#f59e0b}.stat-value.completed{color:#10b981}.card-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:10px 14px}.progress-container{align-items:center;gap:8px;display:flex}.progress-bar{background:#e5e7eb;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);border-radius:3px;height:100%;transition:width .4s}.progress-text{color:#667eea;text-align:right;min-width:32px;font-size:10px;font-weight:700}.report-monthly-empty{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:12px;padding:40px 20px;box-shadow:0 1px 4px #0000000f}.report-monthly-empty-icon{opacity:.6;margin-bottom:10px;font-size:36px}.report-monthly-empty h3{color:#1f2937;margin:0 0 6px;font-size:16px;font-weight:700}.report-monthly-empty p{color:#6b7280;margin:0;font-size:12px}@media (max-width:1200px){.report-monthly-filters{grid-template-columns:repeat(2,1fr);gap:10px}.report-monthly-cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.report-monthly-summary-section{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.report-monthly-container{padding:10px}.report-monthly-filters-section{margin-bottom:10px;padding:10px 12px}.report-monthly-filters{grid-template-columns:repeat(2,1fr);gap:10px}.report-monthly-filter-group:nth-child(3),.report-monthly-filter-group:nth-child(4){grid-column:1/-1}.report-monthly-export-group,.report-monthly-btn-primary{width:100%}.report-monthly-cards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.report-monthly-summary-section{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width:768px){.report-monthly-container{padding:8px}.report-monthly-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:10px;padding:10px 12px}.report-monthly-title h1{gap:6px;font-size:14px}.report-monthly-title p{font-size:10px}.report-monthly-filters-section{margin-bottom:10px;padding:10px 12px}.report-monthly-filters{grid-template-columns:1fr;gap:8px}.report-monthly-filter-group{grid-column:1/-1}.report-monthly-select{height:30px;padding:5px 25px 5px 8px;font-size:11px}.report-monthly-btn-primary{width:100%;height:30px;padding:5px 12px;font-size:11px}.report-monthly-export-group{flex-direction:column;width:100%}.report-monthly-btn-export{width:100%;height:30px;padding:5px 10px;font-size:10px}.report-monthly-summary-section{grid-template-columns:1fr;gap:10px;margin-bottom:10px}.report-monthly-summary-card{padding:10px 12px}.report-monthly-summary-icon{min-width:24px;font-size:18px}.report-monthly-summary-label{font-size:9px}.report-monthly-summary-value{font-size:12px}.report-monthly-cards-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.card-header{padding:10px 12px}.member-code{margin-bottom:2px;font-size:9px}.member-name{font-size:12px}.card-body{padding:10px 12px}.stat-row{margin-bottom:8px;padding-bottom:8px}.stat-label{font-size:10px}.stat-value{font-size:12px}.card-footer{padding:8px 12px}.progress-text{min-width:28px;font-size:9px}.report-monthly-empty{padding:30px 15px}.report-monthly-empty-icon{margin-bottom:8px;font-size:32px}.report-monthly-empty h3{font-size:14px}.report-monthly-empty p{font-size:11px}}@media (max-width:480px){.report-monthly-container{padding:6px}.report-monthly-header{margin-bottom:8px;padding:8px 10px}.report-monthly-title h1{gap:4px;font-size:12px}.report-monthly-title p{font-size:9px}.report-monthly-filters-section{margin-bottom:8px;padding:8px 10px}.report-monthly-filters{grid-template-columns:1fr;gap:8px}.report-monthly-select{height:28px;padding:4px 24px 4px 8px;font-size:10px}.report-monthly-btn-primary{height:28px;padding:4px 10px;font-size:10px}.report-monthly-btn-export{min-width:60px;height:28px;padding:4px 8px;font-size:9px}.report-monthly-summary-section{grid-template-columns:1fr;gap:8px;margin-bottom:8px}.report-monthly-summary-card{padding:8px 10px}.report-monthly-summary-icon{min-width:22px;font-size:16px}.report-monthly-summary-label{font-size:8px}.report-monthly-summary-value{margin-top:1px;font-size:11px}.report-monthly-cards-grid{grid-template-columns:1fr;gap:8px}.card-header{padding:8px 10px}.member-code{margin-bottom:2px;font-size:8px}.member-name{font-size:11px}.card-body{padding:8px 10px}.stat-row{margin-bottom:6px;padding-bottom:6px}.stat-label{font-size:9px}.stat-value{font-size:11px}.card-footer{padding:6px 10px}.progress-bar{height:5px}.progress-text{min-width:25px;font-size:8px}.report-monthly-empty{padding:25px 12px}.report-monthly-empty-icon{margin-bottom:6px;font-size:28px}.report-monthly-empty h3{font-size:12px}.report-monthly-empty p{font-size:10px}}.death-form-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000a6;justify-content:center;align-items:center;padding:15px;animation:.3s ease-in-out deathFadeIn;display:flex;position:fixed;inset:0}@keyframes deathFadeIn{0%{opacity:0}to{opacity:1}}.death-form-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:94vh;animation:.4s cubic-bezier(.16,1,.3,1) deathSlideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000059}@keyframes deathSlideUp{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.death-form-header{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-bottom:2px solid #b91c1c;justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:relative;overflow:hidden}.death-form-header:before{content:"";background:#ffffff14;border-radius:50%;width:180px;height:180px;animation:6s ease-in-out infinite deathFloat;position:absolute;top:-50%;right:-10%}@keyframes deathFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(180deg)}}.death-form-title-wrapper{z-index:1;align-items:center;gap:10px;display:flex}.death-form-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:10px;justify-content:center;align-items:center;padding:8px;display:flex}.death-form-title{color:#fff;text-shadow:0 2px 4px #0003;margin:0;font-size:20px;font-weight:700}.death-form-close-btn{cursor:pointer;color:#fff;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:700;transition:all .3s;display:flex}.death-form-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)scale(1.1)}.death-form-body{background:linear-gradient(#f9fafb 0%,#fff 100%);flex:1;padding:20px 24px;overflow-y:auto}.death-form-body::-webkit-scrollbar{width:7px}.death-form-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.death-form-body::-webkit-scrollbar-thumb{background:#ef4444;border-radius:10px}.death-form-body::-webkit-scrollbar-thumb:hover{background:#dc2626}.death-id-display{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);border:2px solid #9ca3af;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:12px 18px;display:flex;box-shadow:0 3px 12px #6b72804d}.death-id-label{color:#ffffffe6;text-transform:uppercase;letter-spacing:.8px;font-size:12px;font-weight:600}.death-id-value{color:#fff;text-shadow:0 2px 4px #0003;letter-spacing:1.5px;font-family:Courier New,monospace;font-size:22px;font-weight:800}.death-section-divider{align-items:center;gap:10px;margin:20px 0 14px;display:flex}.death-section-line{background:linear-gradient(90deg,#0000,#ef4444,#0000);flex:1;height:1.5px}.death-section-title{color:#ef4444;text-transform:uppercase;letter-spacing:1.2px;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:700;display:flex}.death-form-row-2{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:14px;display:grid}.death-form-row-full{grid-template-columns:1fr;margin-bottom:14px;display:grid}.death-form-group{flex-direction:column;gap:6px;display:flex}.death-form-label{color:#374151;align-items:center;gap:5px;font-size:13px;font-weight:600;display:flex}.death-required{color:#ef4444;font-weight:700}.death-optional{color:#9ca3af;font-size:11px;font-style:italic;font-weight:400}.death-form-hint{color:#6b7280;margin-top:2px;font-size:11px;font-style:italic}.death-form-input,.death-form-textarea{color:#1f2937;background:#fff;border:2px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .3s}.death-form-input:focus,.death-form-textarea:focus{background:#fefefe;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.death-form-input:disabled,.death-form-textarea:disabled{color:#9ca3af;cursor:not-allowed;background:#f3f4f6;border-color:#e5e7eb}.death-form-textarea{resize:vertical;min-height:80px;line-height:1.5}.death-form-input::placeholder,.death-form-textarea::placeholder{color:#9ca3af;font-weight:400}.death-member-autocomplete{position:relative}.death-member-search-input{color:#1f2937;background:#fff;border:2px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:10px 12px 10px 36px;font-size:13px;font-weight:500;transition:all .3s}.death-member-search-input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.death-member-search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.death-member-dropdown{z-index:1000;background:#fff;border:2px solid #ef4444;border-radius:8px;max-height:240px;animation:.2s ease-out deathDropdownSlide;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 30px #00000026}@keyframes deathDropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.death-member-dropdown::-webkit-scrollbar{width:5px}.death-member-dropdown::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.death-member-dropdown::-webkit-scrollbar-thumb{background:#ef4444;border-radius:10px}.death-member-option{cursor:pointer;border-bottom:1px solid #f3f4f6;flex-direction:column;gap:3px;padding:10px 14px;transition:all .2s;display:flex}.death-member-option:last-child{border-bottom:none}.death-member-option:hover{background:#fef2f2}.death-member-option.selected{background:#fee2e2;border-left:3px solid #ef4444}.death-member-option-id{color:#ef4444;font-size:11px;font-weight:700}.death-member-option-name{color:#1f2937;font-size:13px;font-weight:600}.death-member-no-results{text-align:center;color:#9ca3af;padding:16px;font-size:13px;font-weight:500}.death-member-selected-badge{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);border-radius:7px;justify-content:space-between;align-items:center;margin-top:6px;padding:8px 12px;animation:.3s ease-out deathBadgeAppear;display:flex}@keyframes deathBadgeAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.death-member-selected-info{flex-direction:column;gap:2px;display:flex}.death-member-selected-id{color:#ffffffe6;font-size:11px;font-weight:600}.death-member-selected-name{color:#fff;font-size:13px;font-weight:700}.death-member-clear-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:5px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .2s}.death-member-clear-btn:hover{background:#ffffff4d;transform:scale(1.05)}.death-form-footer{background:#f9fafb;border-top:2px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.death-btn{cursor:pointer;border:none;border-radius:8px;outline:none;align-items:center;gap:6px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.death-btn-cancel{color:#6b7280;background:#fff;border:2px solid #e5e7eb}.death-btn-cancel:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.death-btn-submit{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 3px 12px #ef444466}.death-btn-submit:hover{transform:translateY(-1px);box-shadow:0 5px 16px #ef444480}.death-btn-submit:disabled,.death-btn-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none}.death-btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite deathSpin}@keyframes deathSpin{to{transform:rotate(360deg)}}@media (max-width:768px){.death-form-modal{border-radius:0;max-width:100%;max-height:100vh}.death-form-row-2{grid-template-columns:1fr}.death-form-footer{flex-direction:column}.death-btn{justify-content:center;width:100%}}.death-report-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.death-report-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:12px;padding:14px 18px;box-shadow:0 2px 8px #667eea40}.death-report-header-content{max-width:100%}.death-report-title{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.death-report-subtitle{opacity:.95;margin:0;font-size:11px;font-weight:500}.death-report-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.death-report-stat-card{background:#fff;border-left:3px solid;border-radius:8px;padding:12px 14px;transition:all .2s;box-shadow:0 1px 4px #0000000f}.death-report-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.death-report-stat-card.purple{border-left-color:#8b5cf6}.death-report-stat-card.green{border-left-color:#10b981}.death-report-stat-card.orange{border-left-color:#f59e0b}.death-report-stat-card.blue{border-left-color:#06b6d4}.death-report-stat-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.death-report-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.death-report-stat-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.death-report-stat-value{color:#1f2937;margin:4px 0;font-size:20px;font-weight:700;line-height:1}.death-report-stat-footer{color:#6b7280;font-size:10px;font-weight:500}.death-report-filters{background:#fff;border-radius:8px;margin-bottom:12px;padding:12px 14px;box-shadow:0 1px 4px #0000000f}.death-report-filters-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:10px;display:grid}.death-report-filter-group{flex-direction:column;gap:4px;display:flex}.death-report-filter-label{color:#374151;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.death-report-filter-input,.death-report-filter-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;width:100%;height:32px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s}.death-report-filter-input:focus,.death-report-filter-select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 2px #8b5cf61a}.death-report-filter-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}.death-report-filter-actions{gap:8px;margin-top:10px;display:flex}.death-report-btn-primary{cursor:pointer;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;align-items:center;gap:5px;height:32px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.death-report-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.death-report-tabs{background:#fff;border-radius:8px;gap:6px;margin-bottom:12px;padding:6px;display:flex;box-shadow:0 1px 4px #0000000f}.death-report-tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;height:36px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.death-report-tab:hover{color:#374151;background:#f9fafb}.death-report-tab.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 2px 6px #667eea40}.death-report-dashboard-content{flex-direction:column;gap:12px;display:flex}.death-report-charts-row{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.death-report-chart-card,.death-report-chart-card-full{background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 4px #0000000f}.death-report-chart-card-full{grid-column:1/-1}.death-report-chart-title{color:#1f2937;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.death-report-chart-title:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px;width:3px;height:16px}.death-report-table-card{background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 4px #0000000f}.death-report-table-header{border-bottom:2px solid #f3f4f6;margin-bottom:12px;padding-bottom:10px}.death-report-table-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:700}.death-report-table-wrapper{border-radius:8px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.death-report-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.death-report-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.death-report-table th{text-align:left;white-space:nowrap;padding:12px 8px;font-size:12px;font-weight:600}.death-report-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px 8px}.death-report-table tbody tr:hover{background-color:#f9fafb}.death-report-index{text-align:center;color:#6b7280;font-weight:600}.death-report-death-id{color:#8b5cf6;font-family:Courier New,monospace;font-size:12px;font-weight:700}.death-report-member-name{color:#1f2937;font-size:13px;font-weight:600}.death-report-member-code{color:#6b7280;font-size:11px;font-weight:500}.death-report-non-member{color:#9ca3af;font-size:12px;font-style:italic}.death-report-table-footer{text-align:center;color:#6b7280;background:#f9fafb;border-top:2px solid #f3f4f6;padding:10px 14px;font-size:12px;font-weight:500}.death-report-loading,.death-report-no-data{text-align:center;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex;box-shadow:0 1px 4px #0000000f}.death-report-loading p,.death-report-no-data p{color:#6b7280;margin-top:16px;font-size:14px;font-weight:600}.death-report-spinner{border:3px solid #f3f4f6;border-top-color:#8b5cf6;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.death-report-export{background:#fff;border-radius:8px;margin-top:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.death-report-export-title{color:#1f2937;margin:0 0 10px;font-size:13px;font-weight:700}.death-report-export-buttons{flex-wrap:wrap;gap:8px;display:flex}.death-report-export-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-width:110px;height:36px;padding:8px 16px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.death-report-export-btn.excel{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.death-report-export-btn.csv{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.death-report-export-btn.pdf{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.death-report-export-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #00000026}.death-report-export-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:1024px){.death-report-stats-grid{grid-template-columns:repeat(2,1fr)}.death-report-charts-row{grid-template-columns:1fr}}@media (max-width:768px){.death-report-container{padding:10px}.death-report-stats-grid,.death-report-filters-grid{grid-template-columns:1fr}.death-report-export-buttons{flex-direction:column}.death-report-export-btn{width:100%}}.ups-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.ups-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:12px;padding:14px 18px;box-shadow:0 2px 8px #667eea40}.ups-title{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.ups-subtitle{opacity:.95;margin:0;font-size:11px;font-weight:500}.ups-user-selector{background:#fff;border-radius:8px;margin-bottom:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.ups-search{border:1.5px solid #e5e7eb;border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 10px;display:flex}.ups-search svg{color:#9ca3af;flex-shrink:0}.ups-search-input{border:none;outline:none;flex:1;font-size:12px}.ups-search-input::placeholder{color:#d1d5db}.ups-user-buttons{flex-wrap:wrap;gap:8px;display:flex}.ups-user-btn{cursor:pointer;text-align:left;background:#fff;border:2px solid #e5e7eb;border-radius:6px;min-width:140px;padding:10px 14px;transition:all .2s}.ups-user-btn:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.ups-user-btn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;box-shadow:0 2px 8px #667eea4d}.ups-user-btn-name{margin-bottom:2px;font-size:12px;font-weight:600}.ups-user-btn-username{opacity:.7;font-size:10px}.ups-loading-text,.ups-no-users{color:#6b7280;padding:10px;font-size:12px}.ups-selected-info{background:#fff;border-left:4px solid #667eea;border-radius:8px;margin-bottom:12px;padding:12px 14px;box-shadow:0 1px 4px #0000000f}.ups-selected-info h3{color:#1f2937;margin:0 0 4px;font-size:13px;font-weight:600}.ups-selected-info strong{color:#667eea}.ups-user-role{color:#6b7280;margin:0;font-size:11px}.ups-form-card{background:#fff;border-radius:8px;margin-bottom:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.ups-form-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.ups-form-header h3{color:#1f2937;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:600;display:flex}.ups-form-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;font-size:20px;transition:all .2s}.ups-form-close:hover{color:#ef4444}.ups-form-body{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.ups-form-group{flex-direction:column;gap:4px;display:flex}.ups-form-group label{color:#374151;text-transform:uppercase;font-size:11px;font-weight:600}.ups-form-input{border:1.5px solid #e5e7eb;border-radius:6px;padding:8px 10px;font-size:12px;transition:all .2s}.ups-form-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.ups-form-input:disabled{cursor:not-allowed;background:#f3f4f6}.ups-form-actions{grid-column:1/-1;gap:8px;display:flex}.ups-form-btn{cursor:pointer;border:none;border-radius:6px;flex:1;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s}.ups-form-btn.submit{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.ups-form-btn.submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.ups-form-btn.cancel{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.ups-form-btn.cancel:hover:not(:disabled){background:#e5e7eb}.ups-form-btn:disabled{opacity:.5;cursor:not-allowed}.ups-form-toggle{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.ups-form-toggle:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.ups-form-toggle:disabled{opacity:.5;cursor:not-allowed}.ups-permissions-container{background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 4px #0000000f}.ups-categories-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;display:grid}.ups-category-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s;overflow:hidden}.ups-category-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #00000014}.ups-category-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.ups-category-title{text-transform:uppercase;letter-spacing:.3px;margin:0;font-size:12px;font-weight:700}.ups-category-count{background:#fff3;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.ups-permissions-list{flex-direction:column;gap:6px;padding:8px;display:flex}.ups-permission-item{background:#fff;border:1px solid #e5e7eb;border-radius:4px;justify-content:space-between;align-items:center;padding:10px;transition:all .2s;display:flex}.ups-permission-item:hover{border-color:#d1d5db;box-shadow:0 2px 4px #00000014}.ups-permission-item.yes{background:#d1fae5;border-color:#6ee7b7}.ups-permission-item.no{background:#fee2e2;border-color:#fca5a5}.ups-perm-info{flex-direction:column;flex:1;gap:4px;display:flex}.ups-perm-name{color:#1f2937;text-transform:capitalize;font-size:12px;font-weight:600}.ups-perm-status{align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.ups-permission-item.yes .ups-perm-status{color:#065f46}.ups-permission-item.no .ups-perm-status{color:#991b1b}.ups-perm-actions{gap:6px;margin-left:8px;display:flex}.ups-perm-toggle,.ups-perm-edit,.ups-perm-delete{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.ups-perm-toggle.yes{color:#065f46;background:#065f4633;border:1px solid #6ee7b7}.ups-perm-toggle.yes:hover:not(:disabled){background:#065f464d}.ups-perm-toggle.no{color:#991b1b;background:#991b1b33;border:1px solid #fca5a5}.ups-perm-toggle.no:hover:not(:disabled){background:#991b1b4d}.ups-perm-edit{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd}.ups-perm-edit:hover:not(:disabled){background:#bfdbfe}.ups-perm-delete{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.ups-perm-delete:hover:not(:disabled){background:#fecaca}.ups-perm-toggle:disabled,.ups-perm-edit:disabled,.ups-perm-delete:disabled{opacity:.5;cursor:not-allowed}.ups-no-data{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.ups-no-data img{opacity:.5;width:150px;margin-bottom:16px}.ups-no-data p{color:#6b7280;margin:0;font-size:13px}.ups-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.ups-spinner{border:3px solid #f3f4f6;border-top-color:#8b5cf6;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite ups-spin}@keyframes ups-spin{to{transform:rotate(360deg)}}@media (max-width:1024px){.ups-categories-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ups-form-body{grid-template-columns:1fr}}@media (max-width:768px){.ups-container{padding:10px}.ups-title{font-size:16px}.ups-categories-grid{grid-template-columns:1fr}.ups-user-buttons{flex-direction:column}.ups-user-btn{width:100%}.ups-perm-actions{flex-direction:column;width:100%}.ups-perm-toggle,.ups-perm-edit,.ups-perm-delete{justify-content:center;width:100%}}.ups-category-card.custom{border:2px dashed #8b5cf6}.ups-category-card.custom:hover{background:#8b5cf60d;border-color:#7c3aed}.ups-category-header.custom{background:linear-gradient(135deg,#a78bfa 0%,#c4b5fd 100%);align-items:center;gap:8px;display:flex}.ups-category-header.custom h4{align-items:center;gap:6px;display:flex}.ups-category-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:2px solid #e5e7eb;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:1rem;display:flex}.ups-category-header-left{align-items:center;gap:.75rem;display:flex}.ups-group-actions{gap:.5rem;display:flex}.ups-group-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.75rem;font-weight:600;transition:all .3s;display:flex}.ups-group-btn:disabled{opacity:.5;cursor:not-allowed}.ups-group-btn.grant{color:#fff;background:#10b98133;border:1px solid #ffffff4d}.ups-group-btn.grant:hover:not(:disabled){background:#10b98166;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.ups-group-btn.revoke{color:#fff;background:#ef444433;border:1px solid #ffffff4d}.ups-group-btn.revoke:hover:not(:disabled){background:#ef444466;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.ups-category-card.processing{opacity:.7;pointer-events:none}.ups-category-card.processing .ups-category-header{animation:1.5s ease-in-out infinite pulse}@media (max-width:768px){.ups-category-header{flex-direction:column;align-items:flex-start;gap:.75rem}.ups-group-actions{justify-content:flex-end;width:100%}.ups-group-btn{padding:.35rem .6rem;font-size:.7rem}}.country-overview-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.country-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:12px;padding:14px 18px;box-shadow:0 2px 8px #667eea40}.country-header-content{max-width:100%}.country-title{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.country-subtitle{opacity:.95;margin:0;font-size:11px;font-weight:500}.country-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.country-stat-card{background:#fff;border-left:3px solid;border-radius:8px;padding:12px 14px;transition:all .2s;box-shadow:0 1px 4px #0000000f}.country-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.country-stat-card.purple{border-left-color:#8b5cf6}.country-stat-card.blue{border-left-color:#06b6d4}.country-stat-card.green{border-left-color:#10b981}.country-stat-card.orange{border-left-color:#f59e0b}.country-stat-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.country-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.country-stat-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.country-stat-value{color:#1f2937;margin:4px 0;font-size:20px;font-weight:700;line-height:1}.country-stat-footer{color:#6b7280;font-size:10px;font-weight:500}.country-filters{background:#fff;border-radius:8px;margin-bottom:12px;padding:12px 14px;box-shadow:0 1px 4px #0000000f}.country-filters-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:10px;display:grid}.country-filter-group{flex-direction:column;gap:4px;display:flex}.country-filter-label{color:#374151;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.country-filter-input,.country-filter-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;width:100%;height:32px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s}.country-filter-input:focus,.country-filter-select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 2px #8b5cf61a}.country-filter-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}.country-filter-actions{gap:8px;margin-top:10px;display:flex}.country-btn-primary,.country-btn-secondary{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:5px;height:32px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.country-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.country-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.country-btn-primary:disabled{opacity:.5;cursor:not-allowed}.country-btn-secondary{color:#374151;background:#f3f4f6}.country-btn-secondary:hover{background:#e5e7eb}.country-tabs{background:#fff;border-radius:8px;gap:6px;margin-bottom:12px;padding:6px;display:flex;box-shadow:0 1px 4px #0000000f}.country-tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;height:36px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.country-tab:hover{color:#374151;background:#f9fafb}.country-tab.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 2px 6px #667eea40}.country-table-container{background:#fff;border-radius:8px;margin-bottom:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.country-table-wrapper{border-radius:8px;margin-bottom:12px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.country-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.country-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.country-table th{text-align:left;white-space:nowrap;padding:12px 8px;font-size:12px;font-weight:600}.country-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px 8px}.country-table tbody tr:hover{background-color:#f9fafb}.country-id-cell{color:#3b82f6;font-weight:600}.country-name-cell{color:#1f2937;font-weight:500}.country-status-badge{text-transform:capitalize;white-space:nowrap;border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.country-status-badge.active{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}.country-status-badge.inactive{color:#991b1b;background-color:#fee2e2;border:1px solid #fca5a5}.country-action-buttons{justify-content:center;align-items:center;gap:8px;display:flex}.country-action-icon{cursor:pointer;opacity:.7;width:20px;height:20px;transition:all .2s}.country-action-icon:hover{opacity:1;transform:scale(1.1)}.country-pagination{justify-content:center;align-items:center;gap:1rem;margin:1rem 0;padding:1rem;display:flex}.country-page-btn{color:#fff;cursor:pointer;background-color:#667eea;border:none;border-radius:4px;min-width:80px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.country-page-btn:hover:not(:disabled){background-color:#5568d3;transform:translateY(-1px)}.country-page-btn:disabled{cursor:not-allowed;opacity:.6;background-color:#6c757d}.country-page-goto{color:#495057;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.country-page-input{text-align:center;border:2px solid #dee2e6;border-radius:4px;width:60px;padding:.25rem .5rem;font-size:.9rem}.country-page-input:focus{border-color:#667eea;outline:none}.country-page-info{color:#6b7280;margin-left:8px;font-weight:400}.country-analytics-content{flex-direction:column;gap:12px;display:flex}.country-chart-card-full{background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 4px #0000000f}.country-chart-title{color:#1f2937;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.country-chart-title:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px;width:3px;height:16px}.country-analytics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.country-analytics-item{text-align:center;background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-left:3px solid #667eea;border-radius:8px;padding:16px}.country-analytics-label{color:#6b7280;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600}.country-analytics-value{color:#1f2937;margin-bottom:4px;font-size:28px;font-weight:700}.country-analytics-percent{color:#667eea;font-size:12px;font-weight:600}.country-export{background:#fff;border-radius:8px;margin-top:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.country-export-title{color:#1f2937;margin:0 0 10px;font-size:13px;font-weight:700}.country-export-buttons{flex-wrap:wrap;gap:8px;display:flex}.country-export-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-width:110px;height:36px;padding:8px 16px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.country-export-btn.excel{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.country-export-btn.csv{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.country-export-btn.pdf{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c)}.country-export-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #00000026}.country-export-btn:disabled{opacity:.5;cursor:not-allowed}.country-no-data{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.country-no-data img{opacity:.5;width:200px;height:auto;margin-bottom:20px}.country-no-data p{color:#6b7280;margin:0;font-size:16px}.country-spinner{border:3px solid #f3f4f6;border-top-color:#8b5cf6;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@media (max-width:1600px){.country-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.country-filters-grid{grid-template-columns:1fr}.country-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.country-overview-container{padding:10px}.country-stats-grid{grid-template-columns:1fr}.country-export-buttons{flex-direction:column}.country-export-btn{width:100%}}.add-foreign-donor-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.add-foreign-donor-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:900px;min-height:70px;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.add-foreign-donor-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:2px solid #fff3;padding:16px 20px}.add-foreign-donor-header h3{margin:0;font-size:18px;font-weight:700}.add-foreign-donor-form{max-height:calc(90vh - 80px);padding:20px;overflow-y:auto}.add-foreign-donor-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;display:grid}.add-foreign-donor-full-width{grid-column:1/-1;margin-bottom:16px}.add-foreign-donor-form-group{flex-direction:column;gap:6px;display:flex}.add-foreign-donor-form-group label{color:#374151;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.add-foreign-donor-form-group input,.add-foreign-donor-form-group select,.add-foreign-donor-form-group textarea{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.add-foreign-donor-form-group input:focus,.add-foreign-donor-form-group select:focus,.add-foreign-donor-form-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.add-foreign-donor-form-group input:disabled,.add-foreign-donor-form-group select:disabled,.add-foreign-donor-form-group textarea:disabled{cursor:not-allowed;opacity:.7;background:#f3f4f6}.add-foreign-donor-form-group textarea{resize:vertical;min-height:80px}.add-foreign-donor-form-group 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='%236b7280' d='M6 9L2 5h8z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:35px}.add-foreign-donor-hint{color:#6b7280;margin-top:4px;font-size:11px;display:block}.add-foreign-donor-checkbox-label{color:#374151;cursor:pointer;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.add-foreign-donor-checkbox-label:hover{background:#f3f4f6;border-color:#d1d5db}.add-foreign-donor-checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#667eea;width:18px;height:18px}.add-foreign-donor-suggestions{z-index:1000;background:#fff;border:1.5px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;max-height:300px;margin-top:-6px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #00000026}.add-foreign-donor-form-group{position:relative}.add-foreign-donor-suggestion-item{cursor:pointer;border-bottom:1px solid #f3f4f6;padding:12px 14px;transition:all .2s}.add-foreign-donor-suggestion-item:hover{background:#f9fafb}.add-foreign-donor-suggestion-item:last-child{border-bottom:none}.add-foreign-donor-suggestion-id{color:#667eea;margin-bottom:2px;font-size:12px;font-weight:600}.add-foreign-donor-suggestion-name{color:#374151;font-size:13px;font-weight:500}.add-foreign-donor-no-results{text-align:center;color:#6b7280;padding:16px;font-size:13px}.add-foreign-donor-error,.add-foreign-donor-success{border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.add-foreign-donor-error{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.add-foreign-donor-success{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7}.add-foreign-donor-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:20px;display:flex}.add-foreign-donor-btn-cancel,.add-foreign-donor-btn-submit{cursor:pointer;border:none;border-radius:8px;min-width:120px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.add-foreign-donor-btn-cancel{color:#374151;background:#f3f4f6}.add-foreign-donor-btn-cancel:hover:not(:disabled){background:#e5e7eb}.add-foreign-donor-btn-submit{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.add-foreign-donor-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.add-foreign-donor-btn-cancel:disabled,.add-foreign-donor-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.add-foreign-donor-form::-webkit-scrollbar{width:8px}.add-foreign-donor-suggestions::-webkit-scrollbar{width:8px}.add-foreign-donor-form::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.add-foreign-donor-suggestions::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.add-foreign-donor-form::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.add-foreign-donor-suggestions::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.add-foreign-donor-form::-webkit-scrollbar-thumb:hover{background:#9ca3af}.add-foreign-donor-suggestions::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:768px){.add-foreign-donor-modal{max-width:95%;margin:10px}.add-foreign-donor-grid{grid-template-columns:1fr;gap:12px}.add-foreign-donor-form{padding:16px}.add-foreign-donor-actions{flex-direction:column}.add-foreign-donor-btn-cancel,.add-foreign-donor-btn-submit{width:100%}}@media (max-width:480px){.add-foreign-donor-header{padding:12px 16px}.add-foreign-donor-header h3{font-size:16px}.add-foreign-donor-form{padding:12px}}.foreign-donor-overview-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.foreign-donor-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:12px;padding:14px 18px;box-shadow:0 2px 8px #667eea40}.foreign-donor-title{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.foreign-donor-subtitle{opacity:.95;margin:0;font-size:11px;font-weight:500}.foreign-donor-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.foreign-donor-stat-card{background:#fff;border-left:3px solid;border-radius:8px;padding:12px 14px;transition:all .2s;box-shadow:0 1px 4px #0000000f}.foreign-donor-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.foreign-donor-stat-card.purple{border-left-color:#8b5cf6}.foreign-donor-stat-card.blue{border-left-color:#06b6d4}.foreign-donor-stat-card.green{border-left-color:#10b981}.foreign-donor-stat-card.orange{border-left-color:#f59e0b}.foreign-donor-stat-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.foreign-donor-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.foreign-donor-stat-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.foreign-donor-stat-value{color:#1f2937;margin:4px 0;font-size:20px;font-weight:700;line-height:1}.foreign-donor-stat-footer{color:#6b7280;font-size:10px;font-weight:500}.foreign-donor-filters{background:#fff;border-radius:8px;margin-bottom:12px;padding:12px 14px;box-shadow:0 1px 4px #0000000f}.foreign-donor-filters-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px;display:grid}.foreign-donor-filter-group{flex-direction:column;gap:4px;display:flex}.foreign-donor-filter-label{color:#374151;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.foreign-donor-filter-input,.foreign-donor-filter-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;width:100%;height:32px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s}.foreign-donor-filter-input:focus,.foreign-donor-filter-select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 2px #8b5cf61a}.foreign-donor-filter-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}.foreign-donor-filter-actions{gap:8px;margin-top:10px;display:flex}.foreign-donor-btn-primary,.foreign-donor-btn-secondary{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:5px;height:32px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.foreign-donor-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.foreign-donor-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.foreign-donor-btn-primary:disabled{opacity:.5;cursor:not-allowed}.foreign-donor-btn-secondary{color:#374151;background:#f3f4f6}.foreign-donor-btn-secondary:hover{background:#e5e7eb}.foreign-donor-tabs{background:#fff;border-radius:8px;gap:6px;margin-bottom:12px;padding:6px;display:flex;box-shadow:0 1px 4px #0000000f}.foreign-donor-tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;height:36px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.foreign-donor-tab:hover{color:#374151;background:#f9fafb}.foreign-donor-tab.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 2px 6px #667eea40}.foreign-donor-table-container{background:#fff;border-radius:8px;margin-bottom:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.foreign-donor-table-wrapper{border-radius:8px;margin-bottom:12px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.foreign-donor-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.foreign-donor-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.foreign-donor-table th{text-align:left;white-space:nowrap;padding:12px 8px;font-size:12px;font-weight:600}.foreign-donor-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px 8px}.foreign-donor-table tbody tr:hover{background-color:#f9fafb}.foreign-donor-id-cell{color:#3b82f6;font-weight:600}.foreign-donor-name-cell{color:#1f2937;font-weight:500}.foreign-donor-status-badge{text-transform:capitalize;white-space:nowrap;border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.foreign-donor-status-badge.active{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}.foreign-donor-status-badge.inactive{color:#991b1b;background-color:#fee2e2;border:1px solid #fca5a5}.foreign-donor-action-buttons{justify-content:center;align-items:center;gap:8px;display:flex}.foreign-donor-action-icon{cursor:pointer;opacity:.7;width:20px;height:20px;transition:all .2s}.foreign-donor-action-icon:hover{opacity:1;transform:scale(1.1)}.foreign-donor-pagination{justify-content:center;align-items:center;gap:1rem;margin:1rem 0;padding:1rem;display:flex}.foreign-donor-page-btn{color:#fff;cursor:pointer;background-color:#667eea;border:none;border-radius:4px;min-width:80px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.foreign-donor-page-btn:hover:not(:disabled){background-color:#5568d3;transform:translateY(-1px)}.foreign-donor-page-btn:disabled{cursor:not-allowed;opacity:.6;background-color:#6c757d}.foreign-donor-page-goto{color:#495057;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.foreign-donor-page-input{text-align:center;border:2px solid #dee2e6;border-radius:4px;width:60px;padding:.25rem .5rem;font-size:.9rem}.foreign-donor-page-input:focus{border-color:#667eea;outline:none}.foreign-donor-page-info{color:#6b7280;margin-left:8px;font-weight:400}.foreign-donor-analytics-content{flex-direction:column;gap:12px;display:flex}.foreign-donor-chart-card-full{background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 4px #0000000f}.foreign-donor-chart-title{color:#1f2937;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.foreign-donor-chart-title:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px;width:3px;height:16px}.foreign-donor-analytics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.foreign-donor-analytics-item{text-align:center;background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-left:3px solid #667eea;border-radius:8px;padding:16px}.foreign-donor-analytics-label{color:#6b7280;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600}.foreign-donor-analytics-value{color:#1f2937;margin-bottom:4px;font-size:28px;font-weight:700}.foreign-donor-analytics-percent{color:#667eea;font-size:12px;font-weight:600}.foreign-donor-export{background:#fff;border-radius:8px;margin-top:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.foreign-donor-export-title{color:#1f2937;margin:0 0 10px;font-size:13px;font-weight:700}.foreign-donor-export-buttons{flex-wrap:wrap;gap:8px;display:flex}.foreign-donor-export-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-width:110px;height:36px;padding:8px 16px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.foreign-donor-export-btn.excel{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.foreign-donor-export-btn.csv{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.foreign-donor-export-btn.pdf{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c)}.foreign-donor-export-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #00000026}.foreign-donor-export-btn:disabled{opacity:.5;cursor:not-allowed}.foreign-donor-no-data{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.foreign-donor-no-data img{opacity:.5;width:200px;height:auto;margin-bottom:20px}.foreign-donor-no-data p{color:#6b7280;margin:0;font-size:16px}.foreign-donor-spinner{border:3px solid #f3f4f6;border-top-color:#8b5cf6;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@media (max-width:1600px){.foreign-donor-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.foreign-donor-overview-container{padding:10px}.foreign-donor-stats-grid,.foreign-donor-filters-grid{grid-template-columns:1fr}}.add-foreign-donation-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.add-foreign-donation-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.add-foreign-donation-header{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-bottom:2px solid #fff3;padding:16px 20px}.add-foreign-donation-header h3{margin:0;font-size:18px;font-weight:700}.add-foreign-donation-form{max-height:calc(90vh - 80px);padding:20px;overflow-y:auto}.add-foreign-donation-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;display:grid}.add-foreign-donation-full-width{grid-column:1/-1;margin-bottom:16px}.add-foreign-donation-form-group{flex-direction:column;gap:6px;display:flex;position:relative}.add-foreign-donation-form-group label{color:#374151;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.add-foreign-donation-form-group input,.add-foreign-donation-form-group select,.add-foreign-donation-form-group textarea{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.add-foreign-donation-form-group input:focus,.add-foreign-donation-form-group select:focus,.add-foreign-donation-form-group textarea:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.add-foreign-donation-form-group input:disabled,.add-foreign-donation-form-group select:disabled,.add-foreign-donation-form-group textarea:disabled{cursor:not-allowed;opacity:.7;background:#f3f4f6}.add-foreign-donation-form-group textarea{resize:vertical;min-height:80px}.add-foreign-donation-form-group 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='%236b7280' d='M6 9L2 5h8z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:35px}.add-foreign-donation-hint{color:#6b7280;margin-top:4px;font-size:11px;display:block}.add-foreign-donation-donor-info{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #a7f3d0;border-radius:8px;margin-bottom:16px;padding:14px 16px}.add-foreign-donation-info-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.add-foreign-donation-info-item{color:#065f46;font-size:13px}.add-foreign-donation-info-item strong{color:#047857;font-weight:600}.add-foreign-donation-info-full{grid-column:1/-1}.add-foreign-donation-suggestions{z-index:1000;background:#fff;border:1.5px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;max-height:300px;margin-top:-6px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #00000026}.add-foreign-donation-suggestion-item{cursor:pointer;border-bottom:1px solid #f3f4f6;padding:12px 14px;transition:all .2s}.add-foreign-donation-suggestion-item:hover{background:#f9fafb}.add-foreign-donation-suggestion-item:last-child{border-bottom:none}.add-foreign-donation-suggestion-id{color:#10b981;margin-bottom:2px;font-size:12px;font-weight:600}.add-foreign-donation-suggestion-name{color:#374151;margin-bottom:2px;font-size:13px;font-weight:500}.add-foreign-donation-suggestion-country{color:#6b7280;font-size:11px}.add-foreign-donation-no-results{text-align:center;color:#6b7280;padding:16px;font-size:13px}.add-foreign-donation-error,.add-foreign-donation-success{border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.add-foreign-donation-error{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.add-foreign-donation-success{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7}.add-foreign-donation-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:20px;display:flex}.add-foreign-donation-btn-cancel,.add-foreign-donation-btn-submit{cursor:pointer;border:none;border-radius:8px;min-width:120px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.add-foreign-donation-btn-cancel{color:#374151;background:#f3f4f6}.add-foreign-donation-btn-cancel:hover:not(:disabled){background:#e5e7eb}.add-foreign-donation-btn-submit{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.add-foreign-donation-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.add-foreign-donation-btn-cancel:disabled,.add-foreign-donation-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.add-foreign-donation-form::-webkit-scrollbar{width:8px}.add-foreign-donation-suggestions::-webkit-scrollbar{width:8px}.add-foreign-donation-form::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.add-foreign-donation-suggestions::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.add-foreign-donation-form::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.add-foreign-donation-suggestions::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.add-foreign-donation-form::-webkit-scrollbar-thumb:hover{background:#9ca3af}.add-foreign-donation-suggestions::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:768px){.add-foreign-donation-modal{max-width:95%;margin:10px}.add-foreign-donation-grid,.add-foreign-donation-info-grid{grid-template-columns:1fr;gap:12px}.add-foreign-donation-form{padding:16px}.add-foreign-donation-actions{flex-direction:column}.add-foreign-donation-btn-cancel,.add-foreign-donation-btn-submit{width:100%}}@media (max-width:480px){.add-foreign-donation-header{padding:12px 16px}.add-foreign-donation-header h3{font-size:16px}.add-foreign-donation-form{padding:12px}}.foreign-donation-overview-container{background:#f8f9fa;min-height:100vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.foreign-donation-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:12px;padding:14px 18px;box-shadow:0 2px 8px #667eea40}.foreign-donation-title{align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.foreign-donation-subtitle{opacity:.95;margin:0;font-size:11px;font-weight:500}.foreign-donation-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.foreign-donation-stat-card{background:#fff;border-left:3px solid;border-radius:8px;padding:12px 14px;transition:all .2s;box-shadow:0 1px 4px #0000000f}.foreign-donation-stat-card.purple{border-left-color:#8b5cf6}.foreign-donation-stat-card.blue{border-left-color:#06b6d4}.foreign-donation-stat-card.green{border-left-color:#10b981}.foreign-donation-stat-card.orange{border-left-color:#f59e0b}.foreign-donation-stat-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.foreign-donation-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.foreign-donation-stat-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.foreign-donation-stat-value{color:#1f2937;margin:4px 0;font-size:20px;font-weight:700;line-height:1}.foreign-donation-stat-footer{color:#6b7280;font-size:10px;font-weight:500}.foreign-donation-filters{background:#fff;border-radius:8px;margin-bottom:12px;padding:12px 14px;box-shadow:0 1px 4px #0000000f}.foreign-donation-filters-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px;display:grid}.foreign-donation-filter-group{flex-direction:column;gap:4px;display:flex}.foreign-donation-filter-label{color:#374151;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.foreign-donation-filter-input,.foreign-donation-filter-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;width:100%;height:32px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s}.foreign-donation-filter-input:focus,.foreign-donation-filter-select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 2px #8b5cf61a}.foreign-donation-filter-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}.foreign-donation-filter-actions{gap:8px;margin-top:10px;display:flex}.foreign-donation-btn-primary,.foreign-donation-btn-secondary{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:5px;height:32px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.foreign-donation-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.foreign-donation-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #667eea59}.foreign-donation-btn-primary:disabled{opacity:.5;cursor:not-allowed}.foreign-donation-btn-secondary{color:#374151;background:#f3f4f6}.foreign-donation-btn-secondary:hover{background:#e5e7eb}.foreign-donation-tabs{background:#fff;border-radius:8px;gap:6px;margin-bottom:12px;padding:6px;display:flex;box-shadow:0 1px 4px #0000000f}.foreign-donation-tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;height:36px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.foreign-donation-tab:hover{color:#374151;background:#f9fafb}.foreign-donation-tab.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 2px 6px #667eea40}.foreign-donation-table-container{background:#fff;border-radius:8px;margin-bottom:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.foreign-donation-table-wrapper{border-radius:8px;margin-bottom:12px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.foreign-donation-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.foreign-donation-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.foreign-donation-table th{text-align:left;white-space:nowrap;padding:12px 8px;font-size:12px;font-weight:600}.foreign-donation-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px 8px}.foreign-donation-table tbody tr:hover{background-color:#f9fafb}.foreign-donation-id-cell{color:#3b82f6;font-weight:600}.foreign-donation-name-cell{color:#1f2937;font-weight:500}.foreign-donation-status-badge{text-transform:capitalize;white-space:nowrap;border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.foreign-donation-status-badge.active{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}.foreign-donation-status-badge.inactive{color:#991b1b;background-color:#fee2e2;border:1px solid #fca5a5}.foreign-donation-action-buttons{justify-content:center;align-items:center;gap:8px;display:flex}.foreign-donation-action-icon{cursor:pointer;opacity:.7;width:20px;height:20px;transition:all .2s}.foreign-donation-action-icon:hover{opacity:1;transform:scale(1.1)}.foreign-donation-pagination{justify-content:center;align-items:center;gap:1rem;margin:1rem 0;padding:1rem;display:flex}.foreign-donation-page-btn{color:#fff;cursor:pointer;background-color:#667eea;border:none;border-radius:4px;min-width:80px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.foreign-donation-page-btn:hover:not(:disabled){background-color:#5568d3;transform:translateY(-1px)}.foreign-donation-page-btn:disabled{cursor:not-allowed;opacity:.6;background-color:#6c757d}.foreign-donation-page-goto{color:#495057;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.foreign-donation-page-input{text-align:center;border:2px solid #dee2e6;border-radius:4px;width:60px;padding:.25rem .5rem;font-size:.9rem}.foreign-donation-page-input:focus{border-color:#667eea;outline:none}.foreign-donation-page-info{color:#6b7280;margin-left:8px;font-weight:400}.foreign-donation-analytics-content{flex-direction:column;gap:12px;display:flex}.foreign-donation-chart-card-full{background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 4px #0000000f}.foreign-donation-chart-title{color:#1f2937;align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.foreign-donation-chart-title:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px;width:3px;height:16px}.foreign-donation-analytics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.foreign-donation-analytics-item{text-align:center;background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-left:3px solid #667eea;border-radius:8px;padding:16px}.foreign-donation-analytics-label{color:#6b7280;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600}.foreign-donation-analytics-value{color:#1f2937;margin-bottom:4px;font-size:28px;font-weight:700}.foreign-donation-analytics-percent{color:#667eea;font-size:12px;font-weight:600}.foreign-donation-export{background:#fff;border-radius:8px;margin-top:12px;padding:14px;box-shadow:0 1px 4px #0000000f}.foreign-donation-export-title{color:#1f2937;margin:0 0 10px;font-size:13px;font-weight:700}.foreign-donation-export-buttons{flex-wrap:wrap;gap:8px;display:flex}.foreign-donation-export-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-width:110px;height:36px;padding:8px 16px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.foreign-donation-export-btn.excel{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.foreign-donation-export-btn.csv{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.foreign-donation-export-btn.pdf{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c)}.foreign-donation-export-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #00000026}.foreign-donation-export-btn:disabled{opacity:.5;cursor:not-allowed}.foreign-donation-no-data{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.foreign-donation-no-data img{opacity:.5;width:200px;height:auto;margin-bottom:20px}.foreign-donation-no-data p{color:#6b7280;margin:0;font-size:16px}.foreign-donation-spinner{border:3px solid #f3f4f6;border-top-color:#8b5cf6;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@media (max-width:1600px){.foreign-donation-stats-grid,.foreign-donation-filters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.foreign-donation-overview-container{padding:10px}.foreign-donation-stats-grid,.foreign-donation-filters-grid{grid-template-columns:1fr}}.foreign-collection-report-container{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:1rem}.filter-group.full-width{grid-column:1/-1}.report-type-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.report-type-btn{cursor:pointer;background:#fff;border:2px solid #d1d5db;border-radius:4px;flex:1;min-width:100px;padding:.5rem .75rem;font-size:.8rem;font-weight:600;transition:all .3s}.report-type-btn:hover:not(:disabled){background:#f0f4ff;border-color:#667eea}.report-type-btn.active{color:#fff;background:#667eea;border-color:#667eea}.report-type-btn:disabled{opacity:.6;cursor:not-allowed}.filter-summary{color:#374151;background:#f0f4ff;border-left:3px solid #667eea;border-radius:4px;margin-bottom:1rem;padding:.75rem;font-size:.85rem}.filter-summary strong{color:#667eea}.btn-pdf:hover:not(:disabled){background:#b91c1c;box-shadow:0 2px 8px #dc26264d}.btn-excel:hover:not(:disabled){background:#059669;box-shadow:0 2px 8px #10b9814d}.preview-header{border-bottom:2px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.preview-title-section h3{color:#1f2937;margin:0 0 .25rem;font-size:1.2rem}.preview-subtitle{color:#6b7280;margin:0;font-size:.8rem}.preview-actions{flex-wrap:wrap;gap:.75rem;display:flex}.report-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.summary-card{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;padding:1rem;transition:transform .3s;box-shadow:0 2px 4px #0000001a}.summary-card:hover{transform:translateY(-3px)}.summary-card:nth-child(2){background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.summary-card:nth-child(3){background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.summary-card:nth-child(4){background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.summary-icon{margin-bottom:.35rem;font-size:1.25rem}.summary-label{opacity:.9;margin-bottom:.35rem;font-size:.75rem}.summary-value{font-size:1.4rem;font-weight:700}.report-table-wrapper{border-radius:6px;margin-bottom:1rem;overflow-x:auto;box-shadow:0 1px 3px #0000000d}.report-table{border-collapse:collapse;width:100%;font-size:.8rem}.report-table thead{color:#fff;background:#667eea}.report-table th{text-align:left;white-space:nowrap;padding:.6rem;font-weight:600}.report-table td{border-bottom:1px solid #e5e7eb;padding:.5rem .6rem}.report-table tbody tr.even{background:#f9fafb}.report-table tbody tr:hover{background:#f3f4f6}.report-table td.text-center{text-align:center}.report-table td.amount{color:#10b981;font-weight:600}.donation-id-badge{color:#1e40af;background:#dbeafe;border-radius:12px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.status-badge{border-radius:12px;padding:.25rem .5rem;font-size:.7rem;font-weight:600}.status-badge.active{color:#166534;background:#dcfce7}.status-badge.inactive{color:#991b1b;background:#fee2e2}.report-table td.no-data{text-align:center;color:#9ca3af;padding:1.5rem;font-style:italic}.pagination-info{color:#374151;background:#f0f4ff;border-left:3px solid #667eea;border-radius:4px;padding:.75rem;font-size:.85rem}.pagination-info p{margin:0}.pagination-info strong{color:#667eea}@media (max-width:768px){.foreign-collection-report-container{padding:.75rem}.report-header h1{font-size:1.4rem}.report-filter-section,.report-preview-section{padding:1rem}.filter-grid{grid-template-columns:1fr;gap:.75rem}.preview-header{flex-direction:column;gap:.5rem}.preview-actions{width:100%}.preview-actions .btn{flex:1;justify-content:center}.report-summary{grid-template-columns:1fr 1fr;gap:.75rem}.report-table{font-size:.75rem}.report-table th,.report-table td{padding:.4rem}}@media (max-width:480px){.report-header h1{font-size:1.2rem}.report-type-buttons{flex-direction:column;gap:.5rem}.report-type-btn{min-width:100%}.report-summary{grid-template-columns:1fr}.filter-actions{flex-direction:column}.filter-actions .btn{justify-content:center;width:100%}.empty-state{padding:1.5rem 1rem}}.income-statement-container{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:1rem}.report-header{text-align:center;margin-bottom:1rem}.report-header h1{color:#1f2937;margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.report-header p{color:#6b7280;margin:0;font-size:.9rem}.report-filter-section{background:#fff;border-radius:8px;margin-bottom:1rem;padding:1.25rem;box-shadow:0 2px 4px #0000001a}.filter-header{border-bottom:2px solid #667eea;margin-bottom:1rem;padding-bottom:.75rem}.filter-header h2{color:#1f2937;align-items:center;gap:.5rem;margin:0;font-size:1.2rem;display:flex}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.filter-group{flex-direction:column;display:flex}.filter-group label{color:#374151;margin-bottom:.35rem;font-size:.85rem;font-weight:600}.filter-input,.filter-select{border:1px solid #d1d5db;border-radius:4px;padding:.5rem;font-size:.85rem;transition:all .3s}.filter-input:focus,.filter-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.filter-input:disabled,.filter-select:disabled{cursor:not-allowed;opacity:.6;background-color:#f3f4f6}.filter-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.btn{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:#fff;background:#667eea}.btn-primary:hover:not(:disabled){background:#5568d3;box-shadow:0 2px 8px #667eea4d}.btn-secondary{color:#374151;background:#e5e7eb}.btn-secondary:hover:not(:disabled){background:#d1d5db}.btn-pdf{color:#fff;background:#dc2626}.btn-pdf:hover:not(:disabled){background:#b91c1c}.btn-excel{color:#fff;background:#10b981}.btn-excel:hover:not(:disabled){background:#059669}.btn-print{color:#fff;background:#f59e0b}.btn-print:hover:not(:disabled){background:#d97706}.report-preview-section{background:#fff;border-radius:8px;margin-bottom:1rem;padding:1.25rem;box-shadow:0 2px 4px #0000001a}.export-buttons{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.export-buttons .btn{flex:1;justify-content:center;min-width:120px}.income-statement-document{page-break-after:avoid;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:2rem}.document-header{text-align:center;border-bottom:2px solid #667eea;margin-bottom:2rem;padding-bottom:1.5rem}.header-title h1{color:#1f2937;letter-spacing:1px;margin:0 0 .5rem;font-size:1.8rem;font-weight:700}.header-title .period{color:#6b7280;margin:0;font-size:.95rem;font-weight:500}.statement-content{margin-bottom:2rem}.statement-columns{page-break-inside:avoid;grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.statement-column{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.column-header{color:#fff;text-align:center;padding:.75rem;font-size:.95rem;font-weight:700}.expenses-header{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)}.collections-header{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.bank-header{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.balance-header{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.column-content{padding:1rem}.amount-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:.75rem 0;font-size:.9rem;display:flex}.amount-row:last-child{border-bottom:none}.amount-row.sub-item{color:#6b7280;padding-left:1rem;font-size:.85rem}.amount-row.total-item{background:#f9fafb;border-top:2px solid #e5e7eb;border-bottom:none;margin:.5rem -1rem -.75rem;padding:.75rem;font-weight:600}.amount-row .label{color:#374151;font-weight:500}.amount-row .value{color:#1f2937;text-align:right;font-family:Courier New,monospace;font-weight:600}.balance-value{color:#059669;font-size:1.05rem}.summary-section{page-break-inside:avoid;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-radius:6px;margin-bottom:1.5rem;padding:1.5rem}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.summary-item{background:#fff;border-left:4px solid #667eea;border-radius:6px;padding:1rem;box-shadow:0 1px 3px #0000000d}.summary-label{color:#6b7280;margin-bottom:.5rem;font-size:.85rem;font-weight:600}.summary-value{color:#1f2937;font-family:Courier New,monospace;font-size:1.3rem;font-weight:700}.expenses-value{color:#dc2626}.collections-value{color:#10b981}.bank-value{color:#3b82f6}.balance-value{color:#f59e0b}.document-footer{text-align:center;color:#9ca3af;border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1rem;font-size:.8rem}.document-footer p{margin:.25rem 0}.empty-state{text-align:center;background:#fff;border-radius:8px;padding:2.5rem 1.5rem;box-shadow:0 2px 4px #0000001a}.empty-icon{margin-bottom:.75rem;font-size:2.5rem}.empty-state h3{color:#1f2937;margin-bottom:.35rem;font-size:1.2rem}.empty-state p{color:#6b7280;margin:0;font-size:.9rem}.report-spinner{border:3px solid #f3f4f6;border-top-color:#667eea;border-radius:50%;width:30px;height:30px;margin:0 auto;animation:1s linear infinite spin}@media print{body{background:#fff}.income-statement-container{background:#fff;padding:0}.report-header,.report-filter-section,.export-buttons{display:none}.report-preview-section{box-shadow:none;background:#fff;padding:0}.income-statement-document{box-shadow:none;border:none;padding:0}.statement-columns,.statement-column{page-break-inside:avoid}}@media (max-width:1024px){.statement-columns{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.income-statement-container{padding:.75rem}.report-header h1{font-size:1.4rem}.filter-grid{grid-template-columns:1fr}.income-statement-document{padding:1rem}.statement-columns{grid-template-columns:1fr;gap:1rem}.summary-grid{grid-template-columns:1fr}.export-buttons .btn{min-width:100%}}@media (max-width:480px){.income-statement-document{padding:.75rem}.document-header{margin-bottom:1rem;padding-bottom:1rem}.header-title h1{font-size:1.4rem}.column-header{padding:.6rem;font-size:.85rem}.column-content{padding:.75rem}.amount-row{padding:.5rem 0;font-size:.8rem}.summary-value{font-size:1.1rem}}.balance-formula{background:#fef3c7;border:1px solid #fcd34d;border-radius:4px;margin-bottom:.75rem;padding:.75rem;font-size:.8rem}.formula-text{color:#92400e;text-align:center;margin:0 0 .35rem;font-weight:600}.formula-calc{color:#b45309;text-align:center;word-break:break-all;margin:0;font-family:Courier New,monospace;font-size:.75rem}.amount-row.balance-calculation{background:#d1fae5;border-top:2px solid #a7f3d0;border-bottom:none;margin:0 -1rem -.75rem;padding:.75rem;font-weight:600}.cash-header{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.cash-calculation{background-color:#d1fae5;border-left:4px solid #10b981}.cash-value{color:#059669;font-weight:700}.system-panel{background:#fff;min-height:100%;padding:24px;overflow:hidden}.panel-wrapper{box-sizing:border-box;width:100%;height:calc(100vh - 100px);padding-right:8px;overflow:hidden auto}.panel-wrapper::-webkit-scrollbar{width:6px}.panel-wrapper::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}@media (max-width:768px){.system-panel{padding:16px}}.dashboard-layout{background:#f0f2f5;width:100vw;max-width:100%;min-height:100vh;overflow-x:hidden}.main-layout{width:100%;min-height:100vh;transition:all .2s}.main-content{background:#f0f2f5;width:100%;max-width:100%;min-height:calc(100vh - 64px);margin:0;padding:24px}.content-wrapper{background:#fff;border-radius:8px;width:100%;max-width:100%;min-height:calc(100vh - 112px);padding:24px;overflow:visible;box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005,0 2px 4px #00000005}.ant-spin-container{width:100%;min-height:calc(100vh - 112px)}.ant-spin-nested-loading{width:100%}.ant-spin-nested-loading>div>.ant-spin{max-height:none}.ant-layout{background:#f0f2f5;width:100%}.ant-layout-content{width:100%;max-width:100%}@media (max-width:768px){.main-content{padding:12px}.content-wrapper{border-radius:4px;padding:16px}}@media (max-width:576px){.main-content{padding:8px}.content-wrapper{border-radius:0;padding:12px}}.login-container{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.login-background{filter:brightness(.4);z-index:1;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.login-background:after{content:"";background:linear-gradient(135deg,#8b5cf64d 0%,#6366f14d 100%);width:100%;height:100%;position:absolute;top:0;left:0}.login-form-wrapper{z-index:2;width:100%;max-width:450px;padding:20px;position:relative}.login-form-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;padding:40px;animation:.5s slideUp;box-shadow:0 20px 60px #0000004d}.login-header{text-align:center;margin-bottom:32px}.login-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex;box-shadow:0 8px 24px #8b5cf666}.login-title{color:#111827;letter-spacing:.5px;margin:0 0 8px;font-size:24px;font-weight:700}.login-subtitle{color:#374151;margin:0 0 8px;font-size:20px;font-weight:600}.login-description{color:#6b7280;margin:0;font-size:14px}.login-form{margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-size:14px;transition:all .3s}.form-group input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-group input:disabled{cursor:not-allowed;background:#f3f4f6}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:48px}.password-toggle{cursor:pointer;color:#6b7280;background:0 0;border:none;align-items:center;padding:8px;font-size:18px;transition:color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:#8b5cf6}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:none;border-radius:10px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #8b5cf64d}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-footer{text-align:center;border-top:1px solid #e5e7eb;padding-top:20px}.login-footer p{color:#6b7280;margin:0;font-size:12px}@media (max-width:480px){.login-form-card{padding:30px 24px}.login-title{font-size:20px}.login-subtitle{font-size:18px}.login-icon{width:70px;height:70px}.login-icon svg{width:40px;height:40px}}.App{width:100%;min-height:100vh;margin:0;padding:0}.ant-layout{width:100%;min-height:100vh}.ant-layout-content{width:100%}.swal2-container{z-index:99999!important}.swal2-backdrop{z-index:99998!important}