@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);.login{align-items:center;display:flex;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login .login-background{background:linear-gradient(#0009,#0006),url(/static/media/background.b27372076bd8f3dfce9d.png) no-repeat 50% fixed;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}.login .login-background:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff0d 0,#0000 50%),radial-gradient(circle at 40% 40%,#667eea14 0,#0000 50%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.login .login-background .background-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0003;height:100%;left:0;position:absolute;top:0;width:100%}.login .login-container{margin:0 auto;max-width:420px;padding:20px;position:relative;width:100%;z-index:10}.login .login-card{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141ef2;border-radius:24px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1a;color:#fff;padding:40px;transition:all .3s ease}.login .login-card:hover{box-shadow:0 16px 48px #00000080,0 0 0 1px #ffffff26;transform:translateY(-2px)}.login .login-header{margin-bottom:32px;text-align:center}.login .login-header .bank-icon{align-items:center;background:linear-gradient(135deg,#4285f4,#1e3a8a);border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.login .login-header .bank-icon svg,.login .login-header h1{color:#fff;font-size:32px}.login .login-header h1{font-weight:700;letter-spacing:-.5px;margin:0 0 12px}.login .login-header .company-info h2{color:#60a5fa;font-size:18px;font-weight:600;letter-spacing:-.3px;margin:0 0 4px}.login .login-header .company-info p{color:#cbd5e1;font-size:14px;font-weight:400;line-height:1.5;margin:0}.login .login-form .form-group{margin-bottom:20px}.login .login-form .form-group .input-container{align-items:center;display:flex;position:relative}.login .login-form .form-group .input-container .input-icon{color:#94a3b8;font-size:20px;left:16px;position:absolute;transition:color .2s ease;z-index:2}.login .login-form .form-group .input-container input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e28cc;border:2px solid #374151;border-radius:12px;box-sizing:border-box;color:#fff;font-size:16px;font-weight:400;padding:16px 16px 16px 52px;transition:all .3s ease;width:100%}.login .login-form .form-group .input-container input::placeholder{color:#9ca3af;font-weight:400}.login .login-form .form-group .input-container input:focus{background:#1e1e28f2;border-color:#4285f4;box-shadow:0 0 0 3px #4285f433;outline:none}.login .login-form .form-group .input-container input:focus+.input-icon{color:#4285f4}.login .login-form .form-group .input-container input:disabled{cursor:not-allowed;opacity:.6}.login .login-form .form-group .input-container input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.login .login-form .form-group .input-container .password-toggle{background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;padding:4px;position:absolute;right:16px;transition:all .2s ease;z-index:2}.login .login-form .form-group .input-container .password-toggle:hover{background:#4285f41a;color:#4285f4}.login .login-form .form-group .input-container .password-toggle:disabled{cursor:not-allowed;opacity:.5}.login .login-form .form-group .input-container .password-toggle svg{font-size:20px}.login .login-form .error-message{animation:shake .5s ease-in-out;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;margin-bottom:20px;padding:12px 16px}.login .login-form .error-message span{color:#fca5a5;font-size:14px;font-weight:500}.login .login-form .login-button{align-items:center;background:linear-gradient(135deg,#4285f4,#1e3a8a);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:16px;position:relative;transition:all .3s ease;width:100%}.login .login-form .login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login .login-form .login-button:hover{box-shadow:0 8px 24px #4285f466;transform:translateY(-2px)}.login .login-form .login-button:hover:before{left:100%}.login .login-form .login-button:active{transform:translateY(-1px)}.login .login-form .login-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.login .login-form .login-button:disabled:before{display:none}.login .login-form .login-button span{margin-left:4px}.login .login-footer{border-top:1px solid #ffffff1a;margin-top:24px;padding-top:24px;text-align:center}.login .login-footer p{color:#cbd5e1;font-size:12px;font-weight:400;margin:0}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media(max-width:768px){.login{padding:16px}.login .login-card{border-radius:16px;padding:24px}.login .login-header{margin-bottom:24px}.login .login-header .bank-icon{height:56px;margin-bottom:16px;width:56px}.login .login-header .bank-icon svg,.login .login-header h1{font-size:28px}.login .login-header .company-info h2{font-size:16px}.login .login-header .company-info p{font-size:13px}.login .login-form .form-group{margin-bottom:16px}.login .login-form .form-group .input-container input{font-size:15px;padding:14px 14px 14px 48px}.login .login-form .form-group .input-container .input-icon{font-size:18px;left:14px}.login .login-form .form-group .input-container .password-toggle{right:14px}.login .login-form .form-group .input-container .password-toggle svg{font-size:18px}.login .login-form .login-button{font-size:15px;padding:14px}.login .login-form .error-message{padding:10px 14px}.login .login-form .error-message span{font-size:13px}.login .login-footer{margin-top:20px;padding-top:20px}.login .login-footer p{font-size:11px}}@media(max-width:480px){.login{padding:12px}.login .login-card{padding:20px}.login .login-header h1{font-size:24px}.login .login-header .company-info h2{font-size:15px}.login .login-header .company-info p{font-size:12px}}@media(prefers-color-scheme:light){.login .login-card{background:#fffffff2;color:#1a1a1a}.login .login-card .login-header h1{color:#1a1a1a}.login .login-card .login-header .company-info h2{color:#1e3a8a}.login .login-card .login-header .company-info p{color:#6b7280}.login .login-card .login-form .form-group .input-container input{background:#ffffffe6;border-color:#d1d5db;color:#1f2937}.login .login-card .login-form .form-group .input-container input::placeholder{color:#9ca3af}.login .login-card .login-form .form-group .input-container input:focus{background:#fffffff2;border-color:#4285f4}.login .login-card .login-form .error-message{background:#ef44441a;border-color:#ef44444d}.login .login-card .login-form .error-message span{color:#dc2626}.login .login-card .login-footer{border-top-color:#0000001a}.login .login-card .login-footer p{color:#6b7280}}.app.dark{background-color:#01141a;color:#faf7f7}.app.dark .chartGrid{stroke:hsla(0,0%,89%,.219)}.app.dark .table{background-color:#121212}.app.dark .table .tableCell{color:gray}.app.dark .navbar{border-color:#333;color:#999}.app.dark .navbar .search{border-color:gray}.app.dark .sidebar{background-color:rgba(8,18,27,.925);border-color:#333}.app.dark .sidebar .top .logo{color:#999}.app.dark .sidebar hr{border-color:#333}.app.dark .sidebar ul li:hover{background-color:#333}.app.dark .sidebar ul li .icon{color:#999}.app.dark .datatable .datagrid{border:none;color:#b3b1b1}.app.dark .datatable .datagrid .cellWithStatus,.app.dark .datatable .datagrid .deleteButton,.app.dark .datatable .datagrid .viewButton{border:none;color:gray}.app.dark input{background-color:#0000}.read-only{cursor:not-allowed;opacity:.7;pointer-events:none}input[type=email][readonly],input[type=password][readonly],input[type=text][readonly],select[readonly],textarea[readonly]{background-color:#f5f5f5;border-color:#ddd;cursor:not-allowed}button[disabled]{cursor:not-allowed;opacity:.5}.disabled:active,.disabled:focus,.disabled:hover{background-color:#ccc!important;cursor:not-allowed!important;pointer-events:none!important}button[disabled],input[disabled],select[disabled],textarea[disabled]{background-color:#f5f5f5;border-color:#ddd;cursor:not-allowed;opacity:.5;pointer-events:none}.deleteButton.disabled,.transferButton.disabled,button.disabled{background-color:#ccc!important;border:1px solid #999!important;color:#666!important;cursor:not-allowed!important;opacity:.5!important;pointer-events:none!important}a.disabled-link{color:#666;cursor:not-allowed;opacity:.5;pointer-events:none;text-decoration:none}.cellAction .disabled.deleteButton,.cellAction .disabled.transferButton,.cellAction .disabled.viewButton{background-color:#ccc;border-color:#999;color:#666}.disabled-link{cursor:not-allowed;pointer-events:none}.disabled{border:1px solid #999!important;color:#666!important;opacity:.5!important;pointer-events:none!important}.disabled,.disabled:hover{background-color:#ccc!important;cursor:not-allowed!important}form button.disabled{border:1px solid #999}.cellAction .disabled,form button.disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.5;pointer-events:none}.cellAction .disabled{border-color:#999}.sidebar{background:linear-gradient(180deg,#1e3a8a,#1e40af);box-shadow:2px 0 10px #1e40af26;flex:0 0 280px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:280px;min-height:100vh;position:relative;width:280px}.sidebar:before{background:linear-gradient(90deg,#60a5fa,#3b82f6 50%,#1d4ed8);content:"";height:4px;left:0;position:absolute;right:0;top:0}.sidebar .top{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;height:70px;justify-content:center;padding:1rem .75rem}.sidebar .top .logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff);background-clip:text;-webkit-background-clip:text;color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:1.5px;text-shadow:0 2px 4px #0000004d;text-transform:uppercase;transition:all .3s ease}.sidebar .top .logo:hover{text-shadow:0 4px 8px #0006;transform:scale(1.05)}.sidebar hr{display:none}.sidebar .center{flex:1 1;padding:1rem 0}.sidebar .center ul{list-style:none;margin:0;padding:0 .75rem}.sidebar .center ul li{align-items:center;border-radius:10px;cursor:pointer;display:flex;margin:.25rem 0;overflow:hidden;padding:.75rem .875rem;position:relative;transition:all .3s ease}.sidebar .center ul li:before{background:#60a5fa;border-radius:0 2px 2px 0;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .3s ease;width:3px}.sidebar .center ul li:hover{background:#ffffff1a;transform:translateX(3px)}.sidebar .center ul li:hover:before{height:70%}.sidebar .center ul li:hover .icon{color:#60a5fa;transform:scale(1.05)}.sidebar .center ul li:hover span{color:#e0e7ff}.sidebar .center ul li.active{background:linear-gradient(135deg,#60a5fa33,#3b82f626);border:1px solid #60a5fa4d;box-shadow:0 4px 12px #60a5fa33}.sidebar .center ul li.active:before{background:#60a5fa;height:100%}.sidebar .center ul li.active .icon,.sidebar .center ul li.active span{color:#fff!important;font-weight:600;text-shadow:0 1px 2px #0003}.sidebar .center ul li.active:hover{background:linear-gradient(135deg,#60a5fa40,#3b82f633);transform:translateX(4px)}.sidebar .center ul li .icon{align-items:center;color:#fffc;display:flex;font-size:1.125rem;justify-content:center;margin-right:.875rem;min-width:18px;transition:all .3s ease}.sidebar .center ul li span{color:#ffffffe6;font-size:.8rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.sidebar .center .title{color:#fff9;font-size:.7rem;font-weight:700;letter-spacing:1px;margin:1.5rem 0 .75rem .875rem;position:relative;text-transform:uppercase}.sidebar .center .title:after{background:linear-gradient(90deg,#60a5fa,#0000);border-radius:1px;bottom:-.375rem;content:"";height:2px;left:0;position:absolute;width:25px}.sidebar .bottom{background:#0000001a;border-top:1px solid #ffffff1a;display:flex;gap:.5rem;justify-content:center;padding:1rem .75rem}.sidebar .bottom .colorOption{border:2px solid #ffffff4d;border-radius:6px;cursor:pointer;height:20px;position:relative;transition:all .3s ease;width:20px}.sidebar .bottom .colorOption:before{background:#0000;border-radius:8px;content:"";inset:-2px;position:absolute;transition:all .3s ease}.sidebar .bottom .colorOption:hover{border-color:#fff9;transform:scale(1.1)}.sidebar .bottom .colorOption:hover:before{background:#ffffff1a}.sidebar .bottom .colorOption:first-child{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.sidebar .bottom .colorOption:first-child:hover{box-shadow:0 2px 8px #f8fafc4d}.sidebar .bottom .colorOption:nth-child(2){background:linear-gradient(135deg,#1f2937,#111827)}.sidebar .bottom .colorOption:nth-child(2):hover{box-shadow:0 2px 8px #1f29374d}@media(max-width:1024px){.sidebar{flex:0 0 260px;max-width:260px;width:260px}.sidebar .top .logo{font-size:1.125rem;letter-spacing:1px}.sidebar .center ul li{padding:.625rem .75rem}.sidebar .center ul li .icon{font-size:1rem;margin-right:.75rem}.sidebar .center ul li span{font-size:.75rem}}@media(max-width:768px){.sidebar{flex:0 0 240px;max-width:240px;width:240px}.sidebar .top{height:60px;padding:.75rem .5rem}.sidebar .top .logo{font-size:1rem}.sidebar .center{padding:.75rem 0}.sidebar .center ul{padding:0 .5rem}.sidebar .center ul li{margin:.125rem 0;padding:.5rem .625rem}.sidebar .center ul li .icon{font-size:.875rem;margin-right:.625rem}.sidebar .center ul li span{font-size:.7rem}.sidebar .center .title{font-size:.65rem;margin:1rem 0 .5rem .625rem}.sidebar .bottom{padding:.75rem .5rem}.sidebar .bottom .colorOption{height:18px;width:18px}}.navbar{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;box-shadow:0 1px 6px #1e40af1a;color:#334155;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.875rem;height:80px;position:relative;z-index:100}.navbar:before{background:linear-gradient(90deg,#1e40af,#3b82f6 50%,#60a5fa);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.navbar .wrapper{align-items:center;display:flex;gap:2rem;justify-content:space-between;padding:0 2rem;width:100%}.navbar .wrapper .search{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;flex:1 1;max-width:500px;min-width:320px;overflow:hidden;padding:0;position:relative;transition:all .3s ease}.navbar .wrapper .search:before{background:linear-gradient(135deg,#1e40af0d,#3b82f605);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.navbar .wrapper .search:hover{border-color:#bfdbfe;box-shadow:0 4px 12px #1e40af26;transform:translateY(-1px)}.navbar .wrapper .search:hover:before{opacity:1}.navbar .wrapper .search:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a,0 4px 12px #1e40af26;transform:translateY(-1px)}.navbar .wrapper .search:focus-within:before{opacity:1}.navbar .wrapper .search:focus-within .searchButton{background:#2563eb;color:#fff;transform:scale(1.05)}.navbar .wrapper .search input{background:#0000;border:none;color:#374151;flex:1 1;font-size:.875rem;font-weight:500;outline:none;padding:.875rem 1rem;position:relative;z-index:1}.navbar .wrapper .search input::placeholder{color:#9ca3af;font-style:italic;font-weight:400}.navbar .wrapper .search .searchButton{align-items:center;background:#f1f5f9;border:none;border-radius:0 10px 10px 0;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:.875rem 1rem;position:relative;transition:all .3s ease;z-index:1}.navbar .wrapper .search .searchButton:hover{background:#e2e8f0;color:#475569}.navbar .wrapper .search .searchButton .MuiSvgIcon-root{font-size:1.25rem}.navbar .wrapper .items{align-items:center;display:flex;gap:1rem}.navbar .wrapper .items .item{align-items:center;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem .75rem;position:relative;transition:all .3s ease}.navbar .wrapper .items .item:hover{background:#1e40af0d;color:#1e40af;transform:translateY(-1px)}.navbar .wrapper .items .item:hover .icon{color:#2563eb;transform:scale(1.1)}.navbar .wrapper .items .item .icon{color:#64748b;font-size:1.25rem;transition:all .3s ease}.navbar .wrapper .items .item .avatar{border:2px solid #e2e8f0;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:40px;object-fit:cover;transition:all .3s ease;width:40px}.navbar .wrapper .items .item .avatar:hover{border-color:#bfdbfe;box-shadow:0 4px 12px #1e40af33;transform:scale(1.05)}.navbar .wrapper .items .item .counter{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:-4px;top:-4px;width:18px}.navbar .wrapper .items .item:first-child{background:#1e40af14;border:1px solid #1e40af26;border-radius:8px;color:#1e40af;font-weight:600;padding:.5rem .875rem}.navbar .wrapper .items .item:first-child:hover{background:#1e40af1f;border-color:#1e40af40}.navbar .wrapper .items .item:first-child .icon{color:#2563eb}.navbar .wrapper .items .item:nth-child(2){background:#3b82f61a;border-radius:8px}.navbar .wrapper .items .item:nth-child(2):hover{background:#3b82f626}.dark .navbar{background:linear-gradient(135deg,#1e293b,#334155);border-bottom-color:#475569;color:#e2e8f0}.dark .navbar:before{background:linear-gradient(90deg,#3b82f6,#60a5fa 50%,#93c5fd)}.dark .navbar .wrapper .search{background:#334155;border-color:#475569}.dark .navbar .wrapper .search:focus-within,.dark .navbar .wrapper .search:hover{border-color:#60a5fa}.dark .navbar .wrapper .search input{color:#e2e8f0}.dark .navbar .wrapper .search input::placeholder{color:#94a3b8}.dark .navbar .wrapper .search .searchButton{background:#475569;color:#cbd5e1}.dark .navbar .wrapper .search .searchButton:hover{background:#64748b;color:#f1f5f9}.dark .navbar .wrapper .items .item{color:#cbd5e1}.dark .navbar .wrapper .items .item:hover{background:#3b82f61a;color:#60a5fa}.dark .navbar .wrapper .items .item .icon{color:#94a3b8}.dark .navbar .wrapper .items .item .avatar{border-color:#475569}.dark .navbar .wrapper .items .item .avatar:hover{border-color:#60a5fa}.dark .navbar .wrapper .items .item:first-child{background:#3b82f626;border-color:#3b82f64d;color:#60a5fa}.dark .navbar .wrapper .items .item:first-child:hover{background:#3b82f633}@media(max-width:1024px){.navbar .wrapper{gap:1.5rem;padding:0 1.5rem}.navbar .wrapper .search{min-width:280px}.navbar .wrapper .items{gap:.75rem}.navbar .wrapper .items .item{padding:.375rem .5rem}.navbar .wrapper .items .item span:not(.counter){display:none}}@media(max-width:768px){.navbar{height:70px}.navbar .wrapper{gap:1rem;padding:0 1rem}.navbar .wrapper .search{max-width:250px;min-width:200px}.navbar .wrapper .search input{font-size:.8125rem;padding:.75rem .875rem}.navbar .wrapper .search .searchButton{padding:.75rem .875rem}.navbar .wrapper .items{gap:.5rem}.navbar .wrapper .items .item{padding:.25rem .375rem}.navbar .wrapper .items .item .icon{font-size:1.125rem}.navbar .wrapper .items .item .avatar{height:36px;width:36px}.navbar .wrapper .items .item .counter{font-size:.6875rem;height:16px;width:16px}}:root{--primary-blue:#4285f4;--secondary-blue:#1e3a8a;--light-blue:#60a5fa;--very-light-blue:#dbeafe;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success-green:#10b981;--success-green-light:#d1fae5;--warning-orange:#f59e0b;--warning-orange-light:#fef3c7;--error-red:#ef4444;--error-red-light:#fee2e2;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--border-radius:12px;--border-radius-lg:16px;--border-radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f9fafb;background-color:var(--gray-50);color:#1f2937;color:var(--gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.home{background:linear-gradient(135deg,#f9fafb,#dbeafe);background:linear-gradient(135deg,var(--gray-50) 0,var(--very-light-blue) 100%);display:flex;min-height:100vh}.home .homeContainer{background:#0000;flex:1 1;overflow-y:auto;padding:0}.home .homeContainer .welcomeSection{background:#fff;background:var(--white);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);margin-bottom:2rem;padding:2rem 2rem 1rem}.home .homeContainer .welcomeSection .welcomeContent{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.home .homeContainer .welcomeSection .welcomeContent .welcomeText h1{color:#111827;color:var(--gray-900);font-size:2rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.5rem}.home .homeContainer .welcomeSection .welcomeContent .welcomeText p{color:#4b5563;color:var(--gray-600);font-size:1.1rem;font-weight:400}.home .homeContainer .welcomeSection .welcomeContent .welcomeTime .currentTime{align-items:center;background:linear-gradient(135deg,#4285f4,#1e3a8a);background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-blue) 100%);border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;color:var(--white);display:flex;gap:1rem;padding:1rem 1.5rem}.home .homeContainer .welcomeSection .welcomeContent .welcomeTime .currentTime .timeIcon{font-size:1.5rem;opacity:.9}.home .homeContainer .welcomeSection .welcomeContent .welcomeTime .currentTime .timeInfo .time{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.home .homeContainer .welcomeSection .welcomeContent .welcomeTime .currentTime .timeInfo .date{font-size:.875rem;font-weight:400;opacity:.9}.home .homeContainer .sectionHeader{margin-bottom:2rem;text-align:center}.home .homeContainer .sectionHeader h2{color:#111827;color:var(--gray-900);font-size:1.75rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.5rem}.home .homeContainer .sectionHeader p{color:#4b5563;color:var(--gray-600);font-size:1rem;font-weight:400}.home .homeContainer .quickActionsSection{margin:0 auto;max-width:1200px;padding:2rem}.home .homeContainer .quickActionsSection .quickActionsGrid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1rem}.home .homeContainer .quickActionsSection .quickActionsGrid .actionCard{align-items:center;background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:inherit;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.home .homeContainer .quickActionsSection .quickActionsGrid .actionCard:before{background:linear-gradient(135deg,#4285f4,#1e3a8a);background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.home .homeContainer .quickActionsSection .quickActionsGrid .actionCard:hover{border-color:#4285f4;border-color:var(--primary-blue);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.home .homeContainer .quickActionsSection .quickActionsGrid .actionCard:hover:before{transform:scaleX(1)}.home .homeContainer .quickActionsSection .quickActionsGrid .actionCard:hover .actionArrow{transform:translateX(4px)}.home .homeContainer .quickActionsSection .quickActionsGrid .actionCard .actionIcon{align-items:center;border-radius:12px;border-radius:var(--border-radius);color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.home .homeContainer .quickActionsSection .quickActionsGrid .actionCard .actionContent{flex:1 1}.home .homeContainer .quickActionsSection .quickActionsGrid .actionCard .actionContent h3{color:#111827;color:var(--gray-900);font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.home .homeContainer .quickActionsSection .quickActionsGrid .actionCard .actionContent p{color:#4b5563;color:var(--gray-600);font-size:.9rem;line-height:1.4}.home .homeContainer .quickActionsSection .quickActionsGrid .actionCard .actionArrow{color:#9ca3af;color:var(--gray-400);transition:transform .3s ease}.home .homeContainer .quickActionsSection .quickActionsGrid .actionCard.primary .actionIcon{background:linear-gradient(135deg,#4285f4,#1e3a8a);background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue))}.home .homeContainer .quickActionsSection .quickActionsGrid .actionCard.secondary .actionIcon{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success-green),#059669)}.home .homeContainer .quickActionsSection .quickActionsGrid .actionCard.tertiary .actionIcon{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--warning-orange),#d97706)}.home .homeContainer .quickActionsSection .quickActionsGrid .actionCard.quaternary .actionIcon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.home .homeContainer .systemOverviewSection{margin:0 auto;max-width:1200px;padding:2rem}.home .homeContainer .systemOverviewSection .systemStatsGrid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.home .homeContainer .systemOverviewSection .systemStatsGrid .statCard{align-items:center;background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.home .homeContainer .systemOverviewSection .systemStatsGrid .statCard:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.home .homeContainer .systemOverviewSection .systemStatsGrid .statCard .statIcon{align-items:center;border-radius:12px;border-radius:var(--border-radius);color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.home .homeContainer .systemOverviewSection .systemStatsGrid .statCard .statContent{flex:1 1}.home .homeContainer .systemOverviewSection .systemStatsGrid .statCard .statContent .statValue{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.home .homeContainer .systemOverviewSection .systemStatsGrid .statCard .statContent .statTitle{color:#374151;color:var(--gray-700);font-size:.9rem;font-weight:600;margin-bottom:.25rem}.home .homeContainer .systemOverviewSection .systemStatsGrid .statCard .statContent .statDescription{color:#6b7280;color:var(--gray-500);font-size:.8rem}.home .homeContainer .systemOverviewSection .systemStatsGrid .statCard.success .statIcon{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success-green),#059669)}.home .homeContainer .systemOverviewSection .systemStatsGrid .statCard.info .statIcon{background:linear-gradient(135deg,#4285f4,#1e3a8a);background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue))}.home .homeContainer .systemOverviewSection .systemStatsGrid .statCard.warning .statIcon{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--warning-orange),#d97706)}.home .homeContainer .bankInfoSection{margin:0 auto;max-width:1200px;padding:2rem}.home .homeContainer .bankInfoSection .bankInfoCard{align-items:center;background:linear-gradient(135deg,#4285f4,#1e3a8a);background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-blue) 100%);border-radius:24px;border-radius:var(--border-radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);color:#fff;color:var(--white);display:flex;gap:1.5rem;overflow:hidden;padding:2rem;position:relative}.home .homeContainer .bankInfoSection .bankInfoCard:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.home .homeContainer .bankInfoSection .bankInfoCard .bankIcon{align-items:center;background:#fff3;border-radius:50%;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:2rem;height:64px;justify-content:center;position:relative;width:64px;z-index:1}.home .homeContainer .bankInfoSection .bankInfoCard .bankContent{flex:1 1;position:relative;z-index:1}.home .homeContainer .bankInfoSection .bankInfoCard .bankContent h3{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.5rem}.home .homeContainer .bankInfoSection .bankInfoCard .bankContent p{font-size:1rem;margin-bottom:1rem;opacity:.9}.home .homeContainer .bankInfoSection .bankInfoCard .bankContent .bankDetails span{font-size:.9rem;font-weight:500;opacity:.8}.home .homeContainer .notificationsSection{margin:0 auto;max-width:1200px;padding:2rem}.home .homeContainer .notificationsSection .notificationCard{align-items:center;background:#d1fae5;background:var(--success-green-light);border:1px solid #10b981;border:1px solid var(--success-green);border-radius:16px;border-radius:var(--border-radius-lg);color:#1f2937;color:var(--gray-800);display:flex;gap:1rem;padding:1.5rem}.home .homeContainer .notificationsSection .notificationCard .notificationIcon{align-items:center;background:#10b981;background:var(--success-green);border-radius:50%;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.home .homeContainer .notificationsSection .notificationCard .notificationContent{flex:1 1}.home .homeContainer .notificationsSection .notificationCard .notificationContent h4{color:#111827;color:var(--gray-900);font-size:1rem;font-weight:600;margin-bottom:.25rem}.home .homeContainer .notificationsSection .notificationCard .notificationContent p{color:#374151;color:var(--gray-700);font-size:.9rem}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(2deg)}}@media(max-width:768px){.home .homeContainer .welcomeSection{padding:1.5rem 1rem}.home .homeContainer .welcomeSection .welcomeContent{flex-direction:column;gap:1rem;text-align:center}.home .homeContainer .welcomeSection .welcomeContent .welcomeText h1{font-size:1.5rem}.home .homeContainer .welcomeSection .welcomeContent .welcomeText p{font-size:1rem}.home .homeContainer .welcomeSection .welcomeContent .welcomeTime .currentTime{gap:.75rem;padding:.75rem 1rem}.home .homeContainer .welcomeSection .welcomeContent .welcomeTime .currentTime .timeIcon{font-size:1.25rem}.home .homeContainer .welcomeSection .welcomeContent .welcomeTime .currentTime .timeInfo .time{font-size:1rem}.home .homeContainer .welcomeSection .welcomeContent .welcomeTime .currentTime .timeInfo .date{font-size:.8rem}.home .homeContainer .bankInfoSection,.home .homeContainer .notificationsSection,.home .homeContainer .quickActionsSection,.home .homeContainer .systemOverviewSection{padding:1rem}.home .homeContainer .sectionHeader h2{font-size:1.5rem}.home .homeContainer .sectionHeader p{font-size:.9rem}.home .homeContainer .quickActionsGrid{gap:1rem;grid-template-columns:1fr}.home .homeContainer .quickActionsGrid .actionCard{padding:1rem}.home .homeContainer .systemStatsGrid{gap:1rem;grid-template-columns:1fr}.home .homeContainer .systemStatsGrid .statCard{padding:1rem}.home .homeContainer .bankInfoCard{flex-direction:column;padding:1.5rem;text-align:center}.home .homeContainer .bankInfoCard .bankIcon{font-size:1.75rem;height:56px;width:56px}}@media(max-width:480px){.home .homeContainer .welcomeSection{padding:1rem}.home .homeContainer .welcomeSection .welcomeContent .welcomeText h1{font-size:1.25rem}.home .homeContainer .welcomeSection .welcomeContent .welcomeText p{font-size:.9rem}.home .homeContainer .bankInfoSection,.home .homeContainer .notificationsSection,.home .homeContainer .quickActionsSection,.home .homeContainer .systemOverviewSection{padding:.75rem}.home .homeContainer .sectionHeader{margin-bottom:1rem}.home .homeContainer .sectionHeader h2{font-size:1.25rem}.home .homeContainer .sectionHeader p{font-size:.85rem}.home .homeContainer .actionCard{flex-direction:column;gap:.75rem;text-align:center}.home .homeContainer .actionCard .actionArrow{align-self:center}}.loading-inline{align-items:center;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:200px;padding:3rem 2rem}.loading-inline-content{align-items:center;animation:fadeInUp .4s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #1e40af1a;display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.inline-spinner{height:50px;position:relative;width:50px}.inline-spinner .spinner-ring{animation:spin 2s linear infinite;border:2px solid #0000;border-radius:50%;height:100%;position:absolute;width:100%}.inline-spinner .spinner-ring:first-child{animation-duration:2s;border-top-color:#60a5fa}.inline-spinner .spinner-ring:nth-child(2){animation-direction:reverse;animation-duration:1.5s;border-right-color:#3b82f6;height:80%;left:10%;top:10%;width:80%}.inline-spinner .spinner-ring:nth-child(3){animation-duration:1s;border-bottom-color:#1d4ed8;height:60%;left:20%;top:20%;width:60%}.inline-spinner .spinner-center{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:50%;box-shadow:0 0 8px #60a5fa99;height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.inline-dots{align-items:center;display:flex;gap:.5rem}.inline-dots .dot{animation:dotBounce 1.4s ease-in-out infinite both;background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:50%;box-shadow:0 0 10px #60a5fa66;height:12px;width:12px}.inline-dots .dot:first-child{animation-delay:-.32s}.inline-dots .dot:nth-child(2){animation-delay:-.16s}.inline-dots .dot:nth-child(3){animation-delay:0s}.inline-pulse{align-items:center;display:flex;height:60px;justify-content:center;position:relative;width:60px}.inline-pulse .pulse-circle{background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:50%;box-shadow:0 0 15px #60a5fa99;height:24px;position:relative;width:24px;z-index:2}.inline-pulse .pulse-wave{animation:pulseWave 2s ease-out infinite;border:1px solid #60a5fa;border-radius:50%;height:24px;position:absolute;width:24px}.inline-pulse .pulse-wave:nth-child(3){animation-delay:1s}.inline-text{color:#1e40af;font-size:1rem;font-weight:500;margin:0;text-align:center}.dark .loading-inline-content{background:#1e293b;border-color:#475569;box-shadow:0 4px 20px #0000004d}.dark .inline-text{color:#60a5fa}.loading-container{align-items:center;bottom:0;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#1e40aff2,#3b82f6e6);inset:0;position:absolute}.loading-content{align-items:center;animation:slideUp .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;gap:2rem;justify-content:center;padding:3rem;position:relative;z-index:1}.spinner-container{height:120px;position:relative;width:120px}.professional-spinner{height:100%;position:relative;width:100%}.spinner-ring{animation:spin 2s linear infinite;border:3px solid #0000;border-radius:50%;height:100%;position:absolute;width:100%}.spinner-ring:first-child{animation-duration:2s;border-top-color:#60a5fa;height:100%;width:100%}.spinner-ring:nth-child(2){animation-direction:reverse;animation-duration:1.5s;border-right-color:#3b82f6;height:80%;left:10%;top:10%;width:80%}.spinner-ring:nth-child(3){animation-duration:1s;border-bottom-color:#1d4ed8;height:60%;left:20%;top:20%;width:60%}.spinner-center{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:50%;box-shadow:0 0 20px #60a5fa99;height:30px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30px}.dots-container{align-items:center;display:flex;gap:.75rem}.dot{animation:dotBounce 1.4s ease-in-out infinite both;background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:50%;box-shadow:0 0 15px #60a5fa80;height:16px;width:16px}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}.dot:nth-child(3){animation-delay:0s}.pulse-container{align-items:center;display:flex;height:100px;justify-content:center;position:relative;width:100px}.pulse-circle{background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:50%;box-shadow:0 0 25px #60a5facc;height:40px;position:relative;width:40px;z-index:2}.pulse-wave{animation:pulseWave 2s ease-out infinite;border:2px solid #60a5fa;border-radius:50%;height:40px;position:absolute;width:40px}.pulse-wave:nth-child(3){animation-delay:1s}.loading-text{color:#fff;text-align:center}.loading-text h3{font-size:1.5rem;font-weight:600;letter-spacing:.5px;margin:0 0 1rem;text-shadow:0 2px 4px #0000004d}.loading-progress{background:#fff3;border-radius:2px;height:4px;overflow:hidden;position:relative;width:200px}.progress-bar{animation:progressBar 2s ease-in-out infinite;background:linear-gradient(90deg,#60a5fa,#3b82f6 50%,#1d4ed8);border-radius:2px;box-shadow:0 0 10px #60a5fa99;height:100%;width:0}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes dotBounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}@keyframes pulseWave{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}@keyframes progressBar{0%{transform:translateX(-100%);width:0}50%{transform:translateX(0);width:100%}to{transform:translateX(100%);width:100%}}.dark .loading-overlay{background:linear-gradient(135deg,#0f172af2,#1e293be6)}.dark .loading-content{background:#0000004d;border-color:#ffffff1a}@media(max-width:768px){.loading-content{gap:1.5rem;padding:2rem}.loading-content h3{font-size:1.25rem}.spinner-container{height:80px;width:80px}.spinner-center{height:20px;width:20px}.pulse-container{height:80px;width:80px}.pulse-circle,.pulse-wave{height:30px;width:30px}.loading-progress{width:150px}}.transactions-page{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.transactions-page .transactions-container{display:flex;flex:6 1;flex-direction:column;margin:0;padding:0}.page-header{background:linear-gradient(135deg,#1e40af,#1e3a8a);border-bottom:3px solid #1d4ed8;box-shadow:0 2px 8px #1e40af33}.content-layout{display:flex;gap:1.5rem;margin:0 auto;max-width:1200px;padding:1.5rem;width:100%}.content-layout .main-content{flex:1 1;min-width:0}.content-layout .stats-sidebar{flex-shrink:0;width:280px}.stats-overview{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:1.5rem}.stats-overview .stat-card{align-items:center;background:#fff;border:1px solid #dbeafe;border-radius:8px;box-shadow:0 2px 8px #1e40af1a;display:flex;gap:1rem;padding:1.25rem;transition:all .2s ease}.stats-overview .stat-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #1e40af26;transform:translateY(-2px)}.stats-overview .stat-card .stat-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;display:flex;justify-content:center;min-height:48px;min-width:48px;padding:.75rem}.stats-overview .stat-card .stat-icon svg{color:#fff;font-size:1.25rem}.stats-overview .stat-card .stat-content{flex:1 1;min-width:0}.stats-overview .stat-card .stat-content .stat-value{color:#1e40af;font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:.25rem}.stats-overview .stat-card .stat-content .stat-label{color:#64748b;font-size:.8125rem;font-weight:500;letter-spacing:.05em;line-height:1.3;text-transform:uppercase}.filters-section{border:1px solid #dbeafe;box-shadow:0 1px 6px #1e40af1a}.filters-section .filters-grid .filter-group label{color:#1e40af}.filters-section .filters-grid .filter-group .search-input svg{color:#3b82f6}.filters-section .filters-grid .filter-group input,.filters-section .filters-grid .filter-group select{border:2px solid #bfdbfe;color:#1e40af}.filters-section .filters-grid .filter-group input:focus,.filters-section .filters-grid .filter-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.filters-section .filters-grid .filter-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.filters-section .filters-grid .filter-actions .clear-btn{background:#eff6ff;border:2px solid #bfdbfe;color:#1e40af}.filters-section .filters-grid .filter-actions .clear-btn:hover{background:#dbeafe;border-color:#93c5fd}.results-summary{border:1px solid #dbeafe}.results-summary .summary-text{color:#1e40af}.results-summary .summary-text .filtered-text{color:#2563eb}.table-container{background:#fff;border:1px solid #dbeafe;border-radius:0 0 8px 8px;box-shadow:0 1px 6px #1e40af1a;overflow:hidden}.table-container .transactions-table{border-collapse:collapse;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;width:100%}.table-container .transactions-table thead{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.table-container .transactions-table thead th{border-bottom:2px solid #bfdbfe;color:#1e40af;font-size:.8125rem;font-weight:600;letter-spacing:.05em;padding:.75rem;position:relative;text-align:left;text-transform:uppercase}.table-container .transactions-table thead th.sortable{cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.table-container .transactions-table thead th.sortable:hover{background:#1e40af1a;color:#2563eb}.table-container .transactions-table thead th.sortable.sorted-asc:after{color:#2563eb;content:"↑";font-weight:700;position:absolute;right:.5rem}.table-container .transactions-table thead th.sortable.sorted-desc:after{color:#2563eb;content:"↓";font-weight:700;position:absolute;right:.5rem}.table-container .transactions-table tbody tr{border-bottom:1px solid #eff6ff;transition:all .2s ease}.table-container .transactions-table tbody tr:hover{background:#eff6ff;box-shadow:0 1px 4px #1e40af1a;transform:scale(1.001)}.table-container .transactions-table tbody tr:last-child{border-bottom:none}.table-container .transactions-table tbody tr td{color:#1f2937;font-size:.875rem;padding:.75rem;vertical-align:middle}.table-container .transactions-table tbody tr td.row-number{background:#f9fafb;color:#1e40af;font-weight:600;text-align:center;width:60px}.table-container .transactions-table tbody tr td.date-time{min-width:120px}.table-container .transactions-table tbody tr td.date-time .date{color:#1f2937;font-weight:600;margin-bottom:.25rem}.table-container .transactions-table tbody tr td.date-time .time{color:#1e40af;font-size:.75rem}.table-container .transactions-table tbody tr td.shareholder{min-width:200px}.table-container .transactions-table tbody tr td.shareholder .name{color:#1f2937;font-weight:600}.table-container .transactions-table tbody tr td.contact{min-width:200px}.table-container .transactions-table tbody tr td.contact .email{color:#2563eb;font-size:.75rem;margin-bottom:.25rem}.table-container .transactions-table tbody tr td.contact .phone{color:#1e40af;font-size:.75rem}.table-container .transactions-table tbody tr td.membership{color:#1d4ed8;font-family:Courier New,monospace;font-size:.8125rem;font-weight:600}.table-container .transactions-table tbody tr td.branch{color:#2563eb;font-weight:600}.table-container .transactions-table tbody tr td.shares{color:#1e40af;font-weight:600;text-align:right}.table-container .transactions-table tbody tr td.value{background:#eff6ff;color:#1f2937;font-size:.9375rem;font-weight:700;text-align:right}.table-container .transactions-table tbody tr td.status .status-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.table-container .transactions-table tbody tr td.status .status-badge.status-approved{background:#d1fae5;color:#065f46}.table-container .transactions-table tbody tr td.status .status-badge.status-pending{background:#fef3c7;color:#92400e}.table-container .transactions-table tbody tr td.status .status-badge.status-rejected{background:#fee2e2;color:#991b1b}.table-container .transactions-table tbody tr td.status .status-badge.status-unknown{background:#f3f4f6;color:#374151}.table-container .transactions-table tbody tr td.inputter{color:#6b7280;font-size:.75rem}.table-container .transactions-table tbody tr td.no-data{color:#6b7280;font-style:italic;padding:3rem;text-align:center}.table-container .transactions-table .staff-column .staff-name{background-color:#1e40af1a;border:1px solid #1e40af33;border-radius:12px;color:#1e40af;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 8px;text-transform:capitalize;white-space:nowrap}.pagination{border:1px solid #dbeafe;box-shadow:0 1px 6px #1e40af1a}.pagination .pagination-info{color:#1e40af}.pagination .pagination-controls .page-btn{border:1px solid #bfdbfe;color:#1e40af}.pagination .pagination-controls .page-btn:hover:not(:disabled){background:#eff6ff;border-color:#2563eb;color:#2563eb}.pagination .pagination-controls .page-btn.active{background:#2563eb;border-color:#2563eb;box-shadow:0 1px 3px #2563eb4d}.pagination .pagination-controls .page-btn:disabled{border-color:#f3f4f6}.pagination .pagination-controls .page-btn.dots,.pagination .pagination-controls .page-btn.dots:hover{color:#9ca3af}.pagination .pagination-controls .page-btn.first,.pagination .pagination-controls .page-btn.last{font-weight:600}.stats-sidebar .stats-card{background:#fff;border:1px solid #dbeafe;border-left:4px solid #2563eb;border-radius:8px;box-shadow:0 1px 6px #1e40af1a;padding:1.25rem;position:sticky;top:2rem}.stats-sidebar .stats-card .stat-item{border-bottom:1px solid #eff6ff;padding:1.25rem 0}.stats-sidebar .stats-card .stat-item:last-child{border-bottom:none;padding-bottom:0}.stats-sidebar .stats-card .stat-item:first-child{padding-top:0}.stats-sidebar .stats-card .stat-item h4{color:#1e40af;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.stats-sidebar .stats-card .stat-item .stat-value{color:#1f2937;font-family:Segoe UI,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.stats-sidebar .stats-card .stat-item .stat-label{color:#2563eb;font-size:.75rem;font-weight:500}@media(max-width:1200px){.content-layout{flex-direction:column;gap:1.5rem}.content-layout .stats-sidebar{width:100%}.content-layout .stats-sidebar .stats-card{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.content-layout .stats-sidebar .stats-card .stat-item{border-bottom:none;border-right:1px solid #f1f5f9;padding:1rem}.content-layout .stats-sidebar .stats-card .stat-item:last-child{border-right:none}}@media(max-width:768px){.page-header{padding:1.5rem 1rem}.page-header .header-content{flex-direction:column;gap:1rem;text-align:center}.page-header .header-content .title-section{flex-direction:column;gap:.75rem}.page-header .header-content .title-section .title-text h1{font-size:1.5rem}.page-header .header-content .header-actions{justify-content:center}.content-layout{padding:1rem}.filters-section .filters-grid{gap:1rem;grid-template-columns:1fr}.table-container{overflow-x:auto}.table-container .transactions-table{min-width:800px}.pagination{flex-direction:column;gap:1rem;text-align:center}.pagination .pagination-controls{justify-content:center}.stats-sidebar .stats-card{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.transactions-table tbody tr{animation:fadeIn .3s ease-out}.filters-section,.pagination,.results-summary,.stats-card,.table-container{animation:fadeIn .5s ease-out}.list{background:linear-gradient(135deg,#eff6ff,#f0f9ff);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.list .listContainer{display:flex;flex:6 1;flex-direction:column;margin:0;padding:0}.datatable{animation:fadeInUp .5s ease-out;background:#fff;border:1px solid #dbeafe;border-left:4px solid #1e40af;border-radius:8px;box-shadow:0 1px 6px #1e40af1a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:auto;margin:1.5rem;min-height:calc(100vh - 140px);padding:1.5rem;position:relative}.datatable .loadingState{background:#fffffff2;border:1px solid #dbeafe;border-radius:12px;box-shadow:0 4px 20px #1e40af26;left:50%;padding:2rem 3rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.datatable .loadingState p{color:#1e40af;font-size:1rem;font-weight:500;margin-top:1.5rem}.datatable .loadingState .professional-spinner{height:60px;position:relative;width:60px}.datatable .loadingState .spinner-ring{animation:spin 2s linear infinite;border:2px solid #0000;border-radius:50%;height:100%;position:absolute;width:100%}.datatable .loadingState .spinner-ring:first-child{animation-duration:2s;border-top-color:#60a5fa}.datatable .loadingState .spinner-ring:nth-child(2){animation-direction:reverse;animation-duration:1.5s;border-right-color:#3b82f6;height:80%;left:10%;top:10%;width:80%}.datatable .loadingState .spinner-ring:nth-child(3){animation-duration:1s;border-bottom-color:#1d4ed8;height:60%;left:20%;top:20%;width:60%}.datatable .loadingState .spinner-center{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:50%;box-shadow:0 0 10px #60a5fa99;height:15px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:15px}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.datatable .datatableTitle{align-items:center;border-bottom:2px solid #dbeafe;color:#1e40af;display:flex;flex-wrap:wrap;font-size:1.75rem;font-weight:600;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;width:100%}.datatable .datatableTitle .link{align-items:center;background:linear-gradient(135deg,#1e40af,#1e3a8a);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.025em;padding:.75rem 1.25rem;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.datatable .datatableTitle .link:hover{background:linear-gradient(135deg,#1e3a8a,#1d4ed8);box-shadow:0 4px 12px #1e40af4d;transform:translateY(-1px)}.datatable .datatableTitle .exportButton{align-items:center;background:#eff6ff;border:2px solid #bfdbfe;border-radius:6px;color:#1e40af;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.025em;padding:.75rem 1.25rem;text-transform:uppercase;transition:all .2s ease}.datatable .datatableTitle .exportButton:hover{background:#dbeafe;border-color:#93c5fd;transform:translateY(-1px)}.datatable .datagrid{border:none!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important}.datatable .datagrid .MuiDataGrid-columnHeaders{background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;border-bottom:2px solid #bfdbfe!important;border-radius:6px 6px 0 0!important}.datatable .datagrid .MuiDataGrid-columnHeader{background:#0000!important}.datatable .datagrid .MuiDataGrid-columnHeaderTitle{color:#1e40af!important;font-size:.875rem!important;font-weight:600!important;letter-spacing:.025em!important;text-transform:uppercase!important}.datatable .datagrid .MuiDataGrid-iconButtonContainer .MuiSvgIcon-root{color:#2563eb!important}.datatable .datagrid .MuiDataGrid-row{border-bottom:1px solid #eff6ff!important;transition:all .2s ease!important}.datatable .datagrid .MuiDataGrid-row:hover{background:#eff6ff!important;box-shadow:0 2px 8px #1e40af14!important;transform:scale(1.001)!important}.datatable .datagrid .MuiDataGrid-row.Mui-selected{background:#f0f9ff!important}.datatable .datagrid .MuiDataGrid-row.Mui-selected:hover{background:#dbeafe!important}.datatable .datagrid .MuiDataGrid-cell{border-bottom:none!important;color:#374151!important;font-size:.875rem!important;line-height:1.4!important;padding:.75rem!important}.datatable .datagrid .MuiDataGrid-cell:focus{outline:2px solid #93c5fd!important;outline-offset:-2px!important}.datatable .datagrid .MuiCheckbox-root{color:#bfdbfe!important}.datatable .datagrid .MuiCheckbox-root.Mui-checked{color:#2563eb!important}.datatable .datagrid .MuiDataGrid-footerContainer{background:#f9fafb!important;border-radius:0 0 6px 6px!important;border-top:1px solid #dbeafe!important}.datatable .datagrid .MuiDataGrid-selectedRowCount,.datatable .datagrid .MuiTablePagination-displayedRows{color:#1e40af!important;font-weight:500!important}.datatable .datagrid .MuiIconButton-root{color:#2563eb!important}.datatable .datagrid .MuiIconButton-root:hover{background:#eff6ff!important}.datatable .datagrid .MuiIconButton-root.Mui-disabled{color:#d1d5db!important}.datatable .cellWithStatus{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.375rem .75rem;text-transform:uppercase}.datatable .cellWithStatus.approved{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.datatable .cellWithStatus.pending{background:#fef3c7;border:1px solid #fbbf24;color:#92400e}.datatable .cellWithStatus.passive{background:#fee2e2;border:1px solid #f87171;color:#991b1b}.datatable .cellWithImg{align-items:center;display:flex;gap:.75rem}.datatable .cellWithImg .cellImg{border:2px solid #dbeafe;border-radius:50%;height:40px;object-fit:cover;transition:all .2s ease;width:40px}.datatable .cellWithImg .cellImg:hover{border-color:#bfdbfe;transform:scale(1.05)}.datatable .cellAction{align-items:center;display:flex;gap:.5rem;justify-content:center}.datatable .cellAction .deleteButton,.datatable .cellAction .editButton,.datatable .cellAction .transferButton,.datatable .cellAction .viewButton{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.datatable .cellAction .viewButton{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.datatable .cellAction .viewButton:hover{background:#dbeafe;border-color:#93c5fd;box-shadow:0 2px 4px #1e40af33;transform:translateY(-1px)}.datatable .cellAction .editButton{background:#fffbeb;border-color:#fcd34d;color:#d97706}.datatable .cellAction .editButton:hover{background:#fef3c7;border-color:#fbbf24;box-shadow:0 2px 4px #d9770633;transform:translateY(-1px)}.datatable .cellAction .transferButton{background:#f5f3ff;border-color:#c4b5fd;color:#7c3aed}.datatable .cellAction .transferButton:hover{background:#ede9fe;border-color:#a78bfa;box-shadow:0 2px 4px #7c3aed33;transform:translateY(-1px)}.datatable .cellAction .transferButton.disabled{background:#f9fafb;border-color:#e5e7eb;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.datatable .cellAction .deleteButton{background:#fef2f2;border-color:#fecaca;color:#dc2626}.datatable .cellAction .deleteButton:hover{background:#fee2e2;border-color:#fca5a5;box-shadow:0 2px 4px #dc262633;transform:translateY(-1px)}.datatable .cellAction .deleteButton.disabled{background:#f9fafb;border-color:#e5e7eb;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}@media(max-width:768px){.datatable{margin:1rem;padding:1rem}.datatable .datatableTitle{align-items:stretch;flex-direction:column;font-size:1.5rem;text-align:center}.datatable .datatableTitle .exportButton,.datatable .datatableTitle .link{justify-content:center}.datatable .cellAction{gap:.25rem}.datatable .cellAction .deleteButton,.datatable .cellAction .transferButton,.datatable .cellAction .viewButton{height:32px;width:32px}.datatable .datagrid .MuiDataGrid-columnHeaderTitle{font-size:.75rem!important}.datatable .datagrid .MuiDataGrid-cell{font-size:.8125rem!important;padding:.5rem!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loaderContainer{gap:16px}.loaderContainer p{color:#024064;font-size:16px}.single{background-color:#f5f7fb;display:flex;width:100%}.single .singleContainer{flex:6 1;padding:20px}.single .singleContainer .userInfoWrapper{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin:20px;padding:24px}.single .singleContainer .userInfoWrapper .userHeader{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.single .singleContainer .userInfoWrapper .userHeader .headerLeft{align-items:center;display:flex;gap:20px}.single .singleContainer .userInfoWrapper .userHeader .headerLeft .userAvatar{border:3px solid #024064;border-radius:50%;height:100px;object-fit:cover;width:100px}.single .singleContainer .userInfoWrapper .userHeader .headerLeft .userBasicInfo h1{color:#024064;font-size:24px;font-weight:600;margin:0}.single .singleContainer .userInfoWrapper .userHeader .headerLeft .userBasicInfo .membershipId{color:#666;font-size:14px}.single .singleContainer .userInfoWrapper .userHeader .editButton{background-color:#024064;border-radius:6px;color:#fff;padding:10px 20px;text-decoration:none;transition:all .3s ease}.single .singleContainer .userInfoWrapper .userHeader .editButton:hover{background-color:#035d8a;transform:translateY(-2px)}.single .singleContainer .userInfoWrapper .infoGrid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.single .singleContainer .userInfoWrapper .infoGrid .infoCard{background:#f8f9fa;border-radius:10px;padding:20px;transition:transform .3s ease}.single .singleContainer .userInfoWrapper .infoGrid .infoCard:hover{transform:translateY(-5px)}.single .singleContainer .userInfoWrapper .infoGrid .infoCard .cardHeader{align-items:center;border-bottom:2px solid #eee;display:flex;gap:10px;margin-bottom:20px;padding-bottom:10px}.single .singleContainer .userInfoWrapper .infoGrid .infoCard .cardHeader .icon{color:#024064;font-size:20px}.single .singleContainer .userInfoWrapper .infoGrid .infoCard .cardHeader h3{color:#024064;font-size:18px;font-weight:600;margin:0}.single .singleContainer .userInfoWrapper .infoGrid .infoCard .cardContent{display:flex;flex-direction:column;gap:15px}.single .singleContainer .userInfoWrapper .infoGrid .infoCard .cardContent .infoItem{border-radius:6px;display:flex;flex-direction:column;gap:5px;padding:10px;transition:background-color .3s ease}.single .singleContainer .userInfoWrapper .infoGrid .infoCard .cardContent .infoItem:hover{background-color:#fff}.single .singleContainer .userInfoWrapper .infoGrid .infoCard .cardContent .infoItem.highlight{background-color:#e6f3ff}.single .singleContainer .userInfoWrapper .infoGrid .infoCard .cardContent .infoItem.highlight .value{color:#024064;font-size:18px;font-weight:600}.single .singleContainer .userInfoWrapper .infoGrid .infoCard .cardContent .infoItem .label{color:#666;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.single .singleContainer .userInfoWrapper .infoGrid .infoCard .cardContent .infoItem .value{color:#333;font-size:14px;font-weight:500}.single .singleContainer .userInfoWrapper .transactionHistory{margin-top:40px}.single .singleContainer .userInfoWrapper .transactionHistory h2{border-bottom:2px solid #eee;color:#024064;font-size:20px;margin-bottom:20px;padding-bottom:10px}.user-history h2{color:#024064;font-size:24px;margin-bottom:20px;text-align:center}.user-history table{border-collapse:collapse;box-shadow:0 0 20px #0000001a;color:#333;font-family:Poppins,sans-serif;font-size:14px;margin:10px auto 50px;text-align:center;width:100%}.user-history table thead{background-color:#f2f2f2}.user-history table thead th{background-color:#024064;color:#fff;font-weight:700;letter-spacing:1px;padding:12px 15px;text-transform:uppercase}.user-history table tbody tr{border-bottom:1px solid #ddd}.user-history table tbody tr.dividend-row{background-color:#0080000d;border-bottom:none!important}.user-history table tbody tr.dividend-row:hover{background-color:#0080001a}.user-history table tbody tr.dividend-row td{border-bottom:none!important}.user-history table tbody tr:nth-child(2n):not(.dividend-row){background-color:#f8f9fa}.user-history table tbody tr:hover:not(.dividend-row){background-color:#f1f8fc}.user-history table tbody tr td{border-bottom:1px solid #ddd;padding:12px 15px}.user-history table tbody tr td.dividend{border-bottom:none!important;color:green}.user-history table tbody tr td.transfer{color:blue;font-weight:500}.user-history table tbody tr td.purchase{color:purple;font-weight:500}.user-history table tbody tr td .log-icon{color:#666;transition:all .3s ease}.user-history table tbody tr td .log-icon:hover{color:#024064;transform:scale(1.1)}.user-history table tbody tr td.staff-column .staff-name{background-color:#0240641a;border:1px solid #02406433;border-radius:12px;color:#024064;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;text-transform:capitalize}.user-history .pagination{align-items:center;display:flex;justify-content:center;margin:20px 0}.user-history .pagination button{background-color:#b0cbd1;border:1px solid #fff;cursor:pointer;margin:0 5px;padding:8px 12px;transition:background-color .3s ease}.user-history .pagination button:hover{background-color:#ddd}.user-history .pagination button:disabled{background-color:#e6e6e6;color:#aaa;cursor:not-allowed}.user-history .pagination span{background-color:#eee;border:1px solid #ccc;padding:8px 12px}.user-history p{color:#666;font-size:16px;font-style:italic;text-align:center}.user-history .filterSection{display:flex;justify-content:center;margin-bottom:20px}.user-history .filterSection input[type=date]{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;color:#333;cursor:pointer;font-family:Poppins,sans-serif;margin:0 10px;padding:10px;transition:border .3s ease,background-color .3s ease}.user-history .filterSection input[type=date]:hover{background-color:#f1f8fc;border-color:#024064}.user-history .filterSection button{background-color:#024064;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s ease}.user-history .filterSection button:hover{background-color:#026899}.user-history a{background-color:#024064;border-radius:5px;color:#fff;display:inline-block;font-family:Poppins,sans-serif;margin:10px 0;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s ease}.user-history a:hover{background-color:#026899}.user-history .dividend-row{background-color:#0080000d}.user-history .dividend-row:hover{background-color:#0080001a}.user-history table td.dividend,.user-history table td.purchase,.user-history table td.transfer,.user-history table th.dividend,.user-history table th.purchase,.user-history table th.transfer{color:#666;font-weight:500;padding:10px 15px}.user-history table td.dividend,.user-history table th.dividend{color:green}.user-history table td.transfer,.user-history table th.transfer{color:blue}.user-history table td.purchase,.user-history table th.purchase{color:purple}.new .newContainer .top{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 10px 30px #05966933}.new .newContainer .bottom .left{flex:0 0 220px}.new .newContainer .bottom .left img{border:4px solid #d1fae5;height:180px;width:180px}.new .newContainer .bottom .left img:hover{border-color:#10b981}.new .newContainer .bottom .left .image-upload-hint{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:.75rem}.new .newContainer .bottom .right form{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.new .newContainer .bottom .right form .formInput label .icon{color:#10b981}.new .newContainer .bottom .right form .formInput label .icon:hover{background:#f0fdf4}.new .newContainer .bottom .right form .formInput input:focus,.new .newContainer .bottom .right form .formInput select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.new .newContainer .bottom .right form .formInput input:disabled,.new .newContainer .bottom .right form .formInput select:disabled{opacity:.7}.new .newContainer .bottom .right form .formInput select{background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 10L12 15L17 10H7Z" fill="%2310b981"/></svg>')}.new .newContainer .bottom .right form .formInput select:focus{background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 14L12 9L7 14H17Z" fill="%2310b981"/></svg>')}.new .newContainer .bottom .right form .formInput input[type=file]{background:#f0fdf4;border:2px dashed #bbf7d0}.new .newContainer .bottom .right form .formInput input[type=file]:hover{background:#dcfce7;border-color:#10b981}.new .newContainer .bottom .right form .formInput input[type=file]:focus{border-color:#10b981}.new .newContainer .bottom .right form .formInput.additional-field{background:linear-gradient(135deg,#ecfccb,#d9f99d);border:2px solid #bef264;border-radius:12px;padding:1.5rem;position:relative}.new .newContainer .bottom .right form .formInput.additional-field:before{background:#fff;border-radius:6px;content:"💰";font-size:1rem;left:1rem;padding:.25rem .5rem;position:absolute;top:-.5rem}.new .newContainer .bottom .right form .formInput.additional-field label{color:#365314;font-weight:700}.new .newContainer .bottom .right form .formInput.additional-field input{background:#fff;border-color:#a3e635}.new .newContainer .bottom .right form .formInput.additional-field input:focus{border-color:#84cc16;box-shadow:0 0 0 3px #84cc161a}.new .newContainer .bottom .right form .corporation-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0}.new .newContainer .bottom .right form .corporation-section .section-title{color:#059669}.new .newContainer .bottom .right form button[type=submit]{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 6px 20px #0596694d}.new .newContainer .bottom .right form button[type=submit]:hover{box-shadow:0 8px 25px #05966966}.new .newContainer .bottom .right form button[type=submit]:active{box-shadow:0 4px 15px #0596694d}.new .newContainer .bottom .right form .status-badge{border-radius:8px;display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.new .newContainer .bottom .right form .status-badge.pending{background:#fef3c7;border:1px solid #f59e0b;color:#92400e}.new .newContainer .bottom .right form .status-badge.approved{background:#dcfce7;border:1px solid #22c55e;color:#166534}.new .newContainer .bottom .right form .status-badge.rejected{background:#fecaca;border:1px solid #ef4444;color:#991b1b}@media(max-width:768px){.new .newContainer .top{margin:1rem;padding:1.5rem}.new .newContainer .top h1{font-size:1.5rem}.new .newContainer .bottom{gap:1.5rem;margin:0 1rem 1rem;padding:1.5rem}.new .newContainer .bottom .left img{height:140px;width:140px}.new .newContainer .bottom .right form{gap:1.5rem}.new .newContainer .bottom .right form .formInput{gap:.5rem}.new .newContainer .bottom .right form .formInput input,.new .newContainer .bottom .right form .formInput select{font-size:.9rem;padding:.75rem}.new .newContainer .bottom .right form .formInput.additional-field{padding:1rem}}.dark .new .newContainer .top{background:linear-gradient(135deg,#064e3b,#065f46)}.dark .new .newContainer .bottom .left .image-upload-hint{background:#0f172a;border-color:#475569;color:#94a3b8}.dark .new .newContainer .bottom .right form .formInput input:focus,.dark .new .newContainer .bottom .right form .formInput select:focus{border-color:#34d399;box-shadow:0 0 0 3px #34d3991a}.dark .new .newContainer .bottom .right form .formInput input:disabled,.dark .new .newContainer .bottom .right form .formInput select:disabled{background:#1e293b;border-color:#334155}.dark .new .newContainer .bottom .right form .formInput.additional-field{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:#3b82f6}.dark .new .newContainer .bottom .right form .formInput.additional-field label{color:#bfdbfe}.dark .new .newContainer .bottom .right form .formInput.additional-field input{background:#0f172a;border-color:#60a5fa}.dark .new .newContainer .bottom .right form .formInput.additional-field input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #93c5fd1a}.dark .new .newContainer .bottom .right form .corporation-section{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#34d399}.dark .new .newContainer .bottom .right form .corporation-section .section-title{color:#6ee7b7}.new .newContainer .top{background:linear-gradient(135deg,#1e40af,#3b82f6);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 30px #1e40af33;margin:1.5rem;padding:2rem}.new .newContainer .top h1{color:#fff;font-size:2rem;font-weight:700;letter-spacing:-.025em;margin:0;text-shadow:0 2px 4px #0000001a}.new .newContainer .bottom{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 30px #00000014;display:flex;gap:3rem;margin:0 1.5rem 1.5rem;padding:2.5rem}.new .newContainer .bottom .left{align-items:center;display:flex;flex:0 0 200px;flex-direction:column;gap:1.5rem}.new .newContainer .bottom .left img{border:4px solid #e2e8f0;border-radius:20px;box-shadow:0 8px 25px #0000001a;height:150px;object-fit:cover;transition:all .3s ease;width:150px}.new .newContainer .bottom .left img:hover{box-shadow:0 12px 35px #00000026;transform:translateY(-2px)}.new .newContainer .bottom .left .image-upload-hint{color:#64748b;font-size:.875rem;line-height:1.4;text-align:center}.new .newContainer .bottom .right{display:flex;flex:1 1;flex-direction:column}.new .newContainer .bottom .right form{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.new .newContainer .bottom .right form .formInput{display:flex;flex-direction:column;gap:.75rem;position:relative}.new .newContainer .bottom .right form .formInput label{align-items:center;color:#374151;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;letter-spacing:.025em}.new .newContainer .bottom .right form .formInput label .icon{border-radius:6px;color:#3b82f6;cursor:pointer;padding:.25rem;transition:all .2s ease}.new .newContainer .bottom .right form .formInput label .icon:hover{background:#eff6ff;transform:scale(1.1)}.new .newContainer .bottom .right form .formInput input,.new .newContainer .bottom .right form .formInput select{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#374151;font-size:.95rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.new .newContainer .bottom .right form .formInput input:focus,.new .newContainer .bottom .right form .formInput select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-1px)}.new .newContainer .bottom .right form .formInput input:hover:not(:focus),.new .newContainer .bottom .right form .formInput select:hover:not(:focus){border-color:#cbd5e1}.new .newContainer .bottom .right form .formInput input::placeholder,.new .newContainer .bottom .right form .formInput select::placeholder{color:#9ca3af;font-style:italic}.new .newContainer .bottom .right form .formInput input:disabled,.new .newContainer .bottom .right form .formInput select:disabled{background:#f8fafc;border-color:#e2e8f0;color:#6b7280;cursor:not-allowed}.new .newContainer .bottom .right form .formInput select{-webkit-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 10L12 15L17 10H7Z" fill="%233b82f6"/></svg>');background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;cursor:pointer;padding-right:3rem}.new .newContainer .bottom .right form .formInput select:focus{background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 14L12 9L7 14H17Z" fill="%233b82f6"/></svg>')}.new .newContainer .bottom .right form .formInput input[type=file]{background:#f8fafc;border:2px dashed #cbd5e1;cursor:pointer;padding:.75rem}.new .newContainer .bottom .right form .formInput input[type=file]:hover{background:#eff6ff;border-color:#3b82f6}.new .newContainer .bottom .right form .formInput input[type=file]:focus{border-color:#3b82f6;border-style:solid}.new .newContainer .bottom .right form .formInput .error{align-items:center;color:#dc2626;display:flex;font-size:.875rem;font-weight:500;gap:.375rem;margin-top:.25rem}.new .newContainer .bottom .right form .formInput .error:before{content:"⚠";font-size:1rem}.new .newContainer .bottom .right form .formInput .success{align-items:center;color:#059669;display:flex;font-size:.875rem;font-weight:500;gap:.375rem;margin-top:.25rem}.new .newContainer .bottom .right form .formInput .success:before{content:"✓";font-size:1rem}.new .newContainer .bottom .right form .corporation-section{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:12px;grid-column:1/-1;margin-top:1rem;padding:2rem}.new .newContainer .bottom .right form .corporation-section .section-title{align-items:center;color:#1e40af;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem}.new .newContainer .bottom .right form .corporation-section .section-title:before{content:"🏢";font-size:1.25rem}.new .newContainer .bottom .right form button[type=submit]{background:linear-gradient(135deg,#1e40af,#3b82f6);border:none;border-radius:12px;box-shadow:0 6px 20px #1e40af4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;grid-column:1/-1;letter-spacing:.025em;margin-top:2rem;overflow:hidden;padding:1rem 2.5rem;position:relative;transition:all .3s ease}.new .newContainer .bottom .right form button[type=submit]:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.new .newContainer .bottom .right form button[type=submit]:hover{box-shadow:0 8px 25px #1e40af66;transform:translateY(-2px)}.new .newContainer .bottom .right form button[type=submit]:hover:before{left:100%}.new .newContainer .bottom .right form button[type=submit]:active{box-shadow:0 4px 15px #1e40af4d;transform:translateY(0)}.new .newContainer .bottom .right form button[type=submit]:disabled{background:linear-gradient(135deg,#9ca3af,#d1d5db);box-shadow:0 2px 4px #0000001a;cursor:not-allowed;transform:none}.new .newContainer .bottom .right form button[type=submit]:disabled:hover{box-shadow:0 2px 4px #0000001a;transform:none}.new .newContainer .bottom .right form button[type=submit]:disabled:before{display:none}.new .newContainer .bottom .right form .upload-progress{background:#e2e8f0;border-radius:2px;height:4px;margin-top:.5rem;overflow:hidden;width:100%}.new .newContainer .bottom .right form .upload-progress .progress-bar{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:2px;height:100%;transition:width .3s ease}@media(max-width:1024px){.new .newContainer .bottom{flex-direction:column;gap:2rem}.new .newContainer .bottom .left{align-self:center;flex:none}.new .newContainer .bottom .right form{grid-template-columns:1fr}}@media(max-width:768px){.new .newContainer .top{margin:1rem;padding:1.5rem}.new .newContainer .top h1{font-size:1.5rem}.new .newContainer .bottom{gap:1.5rem;margin:0 1rem 1rem;padding:1.5rem}.new .newContainer .bottom .left img{height:120px;width:120px}.new .newContainer .bottom .right form{gap:1.5rem}.new .newContainer .bottom .right form .formInput{gap:.5rem}.new .newContainer .bottom .right form .formInput input,.new .newContainer .bottom .right form .formInput select{font-size:.9rem;padding:.75rem}}.dark .new .newContainer .top{background:linear-gradient(135deg,#1e3a8a,#1e40af)}.dark .new .newContainer .bottom{background:#1e293b;border-color:#475569}.dark .new .newContainer .bottom .left img{border-color:#475569}.dark .new .newContainer .bottom .right form .formInput label{color:#e2e8f0}.dark .new .newContainer .bottom .right form .formInput input,.dark .new .newContainer .bottom .right form .formInput select{background:#0f172a;border-color:#475569;color:#e2e8f0}.dark .new .newContainer .bottom .right form .formInput input:focus,.dark .new .newContainer .bottom .right form .formInput select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.dark .new .newContainer .bottom .right form .formInput input::placeholder,.dark .new .newContainer .bottom .right form .formInput select::placeholder{color:#64748b}.dark .new .newContainer .bottom .right form .corporation-section{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:#3b82f6}.dark .new .newContainer .bottom .right form .corporation-section .section-title{color:#bfdbfe}.printuser{align-items:center;background-color:#fff;border:5px dashed #ddd;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;margin:20px auto;padding:20px;width:80%}.header,.printuser,.userdata,.userdata p{font-family:Courier New,Courier,monospace;font-style:italic}.header{align-items:center;display:flex;flex-direction:column}.printuser .company-logo{height:auto;margin-bottom:15px;width:150px}.printuser h1{color:#333;font-size:2em;margin-bottom:10px}.printuser h1,.printuser h2{font-family:Courier New,Courier,monospace}.printuser h2{color:#666;font-size:1.5rem;margin-bottom:15px;text-align:center}.userdata{border:2px dashed #ddd;box-shadow:0 0 2px #0000001a;display:flex;flex-direction:column;margin-bottom:20px;max-width:600px;padding:20px;width:100%}.userdata p{color:#555;font-size:1.1em;line-height:1.6;margin:10px 0}.details{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:600px;width:100%}.loaderContainer{height:100vh}.details p{flex-basis:48%;margin:10px 0}.userdata strong{color:#333;font-weight:600;margin-right:10px}.printuser button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.printuser button:hover{background-color:#0056b3;transform:scale(1.05)}.printuser button:active{transform:scale(1)}.profile{display:flex;width:100%}.profile .profileContainer{flex:6 1;max-width:90%}.profile .profileContainer .profileContent{background-color:#fff;border-radius:10px;box-shadow:2px 4px 15px 0 #0000001a;display:flex;flex-direction:column;gap:20px;padding:80px}.profile .profileContainer .profileContent>.searchSection{align-items:center;display:flex;padding:10px 20px;position:relative;width:50%}.profile .profileContainer .profileContent>.searchSection h1{font-size:14px}.profile .profileContainer .profileContent .searchField{border:1px solid #d0d0d0;border-radius:50px;box-shadow:0 4px 8px #0000000d;flex:1 1;font-size:16px;margin:10px;outline:none;padding:10px 40px 10px 15px;transition:border-color .3s,box-shadow .3s}.profile .profileContainer .profileContent .searchField:focus{border-color:teal;box-shadow:0 4px 10px #0000001a}.profile .profileContainer .profileContent .searchField::placeholder{color:#aaa;font-weight:300}.profile .profileContainer .profileContent .searchIcon{margin:20px;position:absolute;right:15px}.profile .profileContainer .profileContent div{background-color:#fff;border-radius:5px;box-shadow:2px 4px 10px 1px #0000001a;margin-top:20px;padding:20px}.profile .profileContainer .profileContent .profileHeader h1{font-size:24px;margin-bottom:10px}.profile .profileContainer .profileContent .profileHeader p{color:#888;font-size:16px}.profile .profileContainer .profileContent .profileActions{text-align:center}.profile .profileContainer .profileContent .profileActions .addUserButton{background-color:teal;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.profile .profileContainer .profileContent .profileActions .addUserButton:hover{background-color:#009688}.profile .profileContainer .usersSection table{border-collapse:collapse;width:100%}.profile .profileContainer .usersSection table td,.profile .profileContainer .usersSection table th{border:1px solid #ddd;padding:8px 12px;text-align:left}.profile .profileContainer .usersSection table tr:nth-child(2n){background-color:#f2f2f2}.profile .profileContainer .usersSection table tr:hover{background-color:#f5f5f5}.profile .profileContainer .usersSection table th{background-color:#4caf50;color:#fff}.profile .profileContainer .usersSection table button{background-color:#4caf50;border:#fff;border-radius:5px;box-shadow:#444;color:#fff;padding:5px}.profile .profileContainer .usersSection table button:hover{background-color:#67b3b7}.profile .profileContainer .pagination{margin:20px 0}.profile .profileContainer .pagination button{background-color:#b0cbd1;border:1px solid #fff;cursor:pointer;margin:0 5px;padding:8px 12px;transition:background-color .3s ease}.profile .profileContainer .pagination button:hover{background-color:#ddd}.profile .profileContainer .pagination button:disabled{background-color:#e6e6e6;color:#aaa;cursor:not-allowed}.profile .profileContainer .pagination span{background-color:#eee;border:1px solid #ccc;padding:8px 12px}.profile .profileContainer .adminsSection table{border-collapse:collapse;width:100%}.profile .profileContainer .adminsSection table td,.profile .profileContainer .adminsSection table th{border:1px solid #ddd;padding:8px 12px;text-align:left}.profile .profileContainer .adminsSection table tr:nth-child(2n){background-color:#f2f2f2}.profile .profileContainer .adminsSection table tr:hover{background-color:#f5f5f5}.profile .profileContainer .adminsSection table th{background-color:#3f51b5;color:#fff}.profile .profileContainer .adminsSection button{background-color:#4e73df;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .3s}.profile .profileContainer .adminsSection button:hover{background-color:#2e59d9}.profile .profileContainer .activeUsersSection,.profile .profileContainer .adminLogsSection,.profile .profileContainer .adminsSection,.profile .profileContainer .profileActions,.profile .profileContainer .usersSection{align-items:center;text-align:center}.profile .profileContainer .activeUsersSection h2,.profile .profileContainer .adminLogsSection h2,.profile .profileContainer .adminsSection h2,.profile .profileContainer .profileActions h2,.profile .profileContainer .usersSection h2{color:#444;font-size:20px;margin-bottom:20px}.profile .profileContainer .activeUsersSection ul,.profile .profileContainer .adminLogsSection ul,.profile .profileContainer .adminsSection ul,.profile .profileContainer .profileActions ul,.profile .profileContainer .usersSection ul{list-style-type:none;margin:0;padding:0}.profile .profileContainer .activeUsersSection ul li,.profile .profileContainer .adminLogsSection ul li,.profile .profileContainer .adminsSection ul li,.profile .profileContainer .profileActions ul li,.profile .profileContainer .usersSection ul li{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:10px 15px}.profile .profileContainer .activeUsersSection ul li:last-child,.profile .profileContainer .adminLogsSection ul li:last-child,.profile .profileContainer .adminsSection ul li:last-child,.profile .profileContainer .profileActions ul li:last-child,.profile .profileContainer .usersSection ul li:last-child{border-bottom:none}.profile .profileContainer .activeUsersSection ul button,.profile .profileContainer .adminLogsSection ul button,.profile .profileContainer .adminsSection ul button,.profile .profileContainer .profileActions ul button,.profile .profileContainer .usersSection ul button{background-color:#ff6b6b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .3s}.profile .profileContainer .activeUsersSection ul button:hover,.profile .profileContainer .adminLogsSection ul button:hover,.profile .profileContainer .adminsSection ul button:hover,.profile .profileContainer .profileActions ul button:hover,.profile .profileContainer .usersSection ul button:hover{background-color:#e74c3c}.readOnlyBanner{background-color:#fff3cd;border-radius:4px;color:#856404;margin-bottom:20px;padding:10px;text-align:center}button.disabled{cursor:not-allowed;opacity:.6}.disabled{opacity:.6;pointer-events:none}.columnFilter{margin-top:5px}.columnFilter .filterInput{border:1px solid #ddd;border-radius:4px;font-size:12px;padding:4px 8px;width:90%}.columnFilter .filterInput:focus{border-color:#6c63ff;outline:none}.usersSection table th{padding:10px;vertical-align:top}.new{background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;width:100%}.new .newContainer{display:flex;flex:6 1;flex-direction:column;padding:1.5rem}.new .newContainer .content{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 20px 50px #0000001a;margin:2rem auto;max-width:700px;overflow:hidden;padding:3rem;position:relative}.new .newContainer .content:before{background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:20px 20px 0 0;content:"";height:80px;left:0;position:absolute;right:0;top:0}.new .newContainer .content h1{color:#fff;font-size:2.2rem;font-weight:700;letter-spacing:-.025em;margin:0 0 3rem;padding-top:1rem;position:relative;text-align:center;text-shadow:0 2px 4px #0003;z-index:2}.new .newContainer .content .error-notification,.new .newContainer .content .user-added-notification{align-items:center;animation:slideInDown .4s ease-out;border-radius:12px;display:flex;font-weight:600;gap:.75rem;margin-bottom:2rem;padding:1rem 1.5rem}.new .newContainer .content .error-notification:before,.new .newContainer .content .user-added-notification:before{font-size:1.25rem}.new .newContainer .content .user-added-notification{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #86efac;color:#15803d}.new .newContainer .content .user-added-notification:before{content:"✅"}.new .newContainer .content .error-notification{background:linear-gradient(135deg,#fef2f2,#fecaca);border:2px solid #fca5a5;color:#dc2626}.new .newContainer .content .error-notification:before{content:"❌"}.new .newContainer .content .userForm{display:flex;flex-direction:column;gap:2rem;margin-top:1rem}.new .newContainer .content .userForm .formInput{display:flex;flex-direction:column;gap:.75rem;position:relative}.new .newContainer .content .userForm .formInput label{color:#374151;font-size:1rem;font-weight:600;letter-spacing:.025em;position:relative}.new .newContainer .content .userForm .formInput label:after{color:#dc2626;content:"*";font-weight:700;margin-left:.25rem}.new .newContainer .content .userForm .formInput input,.new .newContainer .content .userForm .formInput select{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#374151;font-family:inherit;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.new .newContainer .content .userForm .formInput input:focus,.new .newContainer .content .userForm .formInput select:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none;transform:translateY(-1px)}.new .newContainer .content .userForm .formInput input:hover:not(:focus),.new .newContainer .content .userForm .formInput select:hover:not(:focus){border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.new .newContainer .content .userForm .formInput input::placeholder,.new .newContainer .content .userForm .formInput select::placeholder{color:#9ca3af;font-style:italic}.new .newContainer .content .userForm .formInput input:invalid,.new .newContainer .content .userForm .formInput select:invalid{border-color:#f87171}.new .newContainer .content .userForm .formInput input:valid:not(:placeholder-shown),.new .newContainer .content .userForm .formInput select:valid:not(:placeholder-shown){border-color:#10b981}.new .newContainer .content .userForm .formInput select{-webkit-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 10L12 15L17 10H7Z" fill="%233b82f6"/></svg>');background-position:right 1rem center;background-repeat:no-repeat;background-size:1.25rem;cursor:pointer;padding-right:3.5rem}.new .newContainer .content .userForm .formInput select:focus{background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 14L12 9L7 14H17Z" fill="%233b82f6"/></svg>')}.new .newContainer .content .userForm .formInput select option{background:#fff;color:#374151;padding:.75rem}.new .newContainer .content .userForm .formInput .error{align-items:center;animation:slideInLeft .3s ease-out;color:#dc2626;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-top:.25rem}.new .newContainer .content .userForm .formInput .error:before{content:"⚠";flex-shrink:0;font-size:1rem}.new .newContainer .content .userForm .formInput.focused input,.new .newContainer .content .userForm .formInput.focused select{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.new .newContainer .content .userForm .formButton{margin-top:1.5rem;text-align:center}.new .newContainer .content .userForm .formButton button{background:linear-gradient(135deg,#1e40af,#3b82f6);border:none;border-radius:12px;box-shadow:0 8px 25px #1e40af4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.025em;min-width:200px;overflow:hidden;padding:1.25rem 3rem;position:relative;transition:all .3s ease}.new .newContainer .content .userForm .formButton button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.new .newContainer .content .userForm .formButton button:hover{box-shadow:0 12px 30px #1e40af66;transform:translateY(-2px)}.new .newContainer .content .userForm .formButton button:hover:before{left:100%}.new .newContainer .content .userForm .formButton button:active{box-shadow:0 6px 20px #1e40af4d;transform:translateY(0)}.new .newContainer .content .userForm .formButton button:disabled{background:linear-gradient(135deg,#9ca3af,#d1d5db);box-shadow:0 2px 4px #0000001a;cursor:not-allowed;transform:none}.new .newContainer .content .userForm .formButton button:disabled:hover{box-shadow:0 2px 4px #0000001a;transform:none}.new .newContainer .content .userForm .formButton button:disabled:before{display:none}@media(max-width:768px){.new .newContainer{padding:1rem}.new .newContainer .content{margin:1rem auto;padding:2rem 1.5rem}.new .newContainer .content h1{font-size:1.75rem;margin-bottom:2rem}.new .newContainer .content .userForm{gap:1.5rem}.new .newContainer .content .userForm .formInput input,.new .newContainer .content .userForm .formInput select{font-size:.95rem;padding:.875rem 1rem}.new .newContainer .content .userForm .formButton button{font-size:1rem;padding:1rem 2.5rem}}.dark .new{background:linear-gradient(135deg,#0f172a,#1e293b)}.dark .new .newContainer .content{background:#1e293b;border-color:#475569}.dark .new .newContainer .content:before{background:linear-gradient(135deg,#1e3a8a,#1e40af)}.dark .new .newContainer .content h1{color:#fff}.dark .new .newContainer .content .user-added-notification{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#34d399;color:#6ee7b7}.dark .new .newContainer .content .error-notification{background:linear-gradient(135deg,#7f1d1d,#991b1b);border-color:#ef4444;color:#fca5a5}.dark .new .newContainer .content .userForm .formInput label{color:#e2e8f0}.dark .new .newContainer .content .userForm .formInput input,.dark .new .newContainer .content .userForm .formInput select{background:#0f172a;border-color:#475569;color:#e2e8f0}.dark .new .newContainer .content .userForm .formInput input:focus,.dark .new .newContainer .content .userForm .formInput select:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa1a}.dark .new .newContainer .content .userForm .formInput input::placeholder,.dark .new .newContainer .content .userForm .formInput select::placeholder{color:#64748b}.dark .new .newContainer .content .userForm .formInput input:valid:not(:placeholder-shown),.dark .new .newContainer .content .userForm .formInput select:valid:not(:placeholder-shown){border-color:#34d399}.dark .new .newContainer .content .userForm .formInput select{background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 10L12 15L17 10H7Z" fill="%2360a5fa"/></svg>')}.dark .new .newContainer .content .userForm .formInput select:focus{background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 14L12 9L7 14H17Z" fill="%2360a5fa"/></svg>')}.dark .new .newContainer .content .userForm .formInput select option{background:#0f172a;color:#e2e8f0}.new .formInput{animation:slideInUp .4s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.transfer{display:flex;width:100%}.transfer .transferContainer{flex:6 1;max-width:90%}.transfer .transferContainer .transferContent{background-color:#fff;border-radius:10px;box-shadow:2px 4px 15px 0 #0000001a;display:flex;flex-direction:column;gap:20px;padding:80px}.transfer .transferContainer .transferContent .reasonForTransfer{margin-top:50px}.transfer .transferContainer .transferContent .reasonForTransfer h3{color:#03345d}.transfer .transferContainer .transferContent .reasonForTransfer textarea{border:1px solid #ccc;border-radius:5px;font-size:16px;margin:10px 0;min-height:100px;outline:none;padding:10px;resize:vertical;width:50%}.transfer .transferContainer .transferContent .reasonForTransfer textarea:focus{box-shadow:0 0 5px #03345d80}.transfer .transferContainer .transferContent .search{position:relative;width:100%}.transfer .transferContainer .transferContent .search input{border:1px solid #e0e0e0;border-radius:5px;padding:10px;width:30%}.transfer .transferContainer .transferContent .search .dropdown{background-color:#fff;border:1px solid #ccc;border-radius:0 0 5px 5px;border-top:none;max-height:150px;overflow-y:auto;position:absolute;width:70%;z-index:1}.transfer .transferContainer .transferContent .search .dropdown .dropdownItem{cursor:pointer;padding:8px 12px}.transfer .transferContainer .transferContent .search .dropdown .dropdownItem:hover{background-color:#f6f6f6}.transfer .transferContainer .transferContent .search .dropdown .noResults{padding:8px 12px;text-align:center}.transfer .transferContainer .transferContent .section{background-color:#f7f7f7;border-radius:10px;box-shadow:2px 4px 10px #0000001a;margin-top:20px;padding:20px}.transfer .transferContainer .transferContent .section h2{border-bottom:2px solid #03345d;color:#03345d;font-size:20px;margin-bottom:15px;padding-bottom:10px}.transfer .transferContainer .transferContent .section .infoItem{align-items:center;display:flex;justify-content:space-between;padding:6px 0}.transfer .transferContainer .transferContent .section .infoItem label{color:#555;font-weight:600}.transfer .transferContainer .transferContent .section .infoItem span{color:#333;font-weight:400}.transfer .transferContainer .transferContent button,.transfer .transferContainer .transferContent input,.transfer .transferContainer .transferContent select{border:1px solid #ccc;border-radius:5px;font-size:16px;margin:10px;outline:none;padding:10px}.transfer .transferContainer .transferContent button:focus,.transfer .transferContainer .transferContent input:focus,.transfer .transferContainer .transferContent select:focus{box-shadow:0 0 5px #03345d80}.transfer .transferContainer .transferContent input{width:30%}.transfer .transferContainer .transferContent select{width:50%}.transfer .transferContainer .transferContent button{background-color:#03345d;color:#fff;cursor:pointer;margin-top:10px;transition:.3s;width:auto}.transfer .transferContainer .transferContent button:focus,.transfer .transferContainer .transferContent button:hover{background-color:#022842;transform:scale(1.05)}.transfer .transferContainer .transferContent button:disabled{background-color:#888;cursor:not-allowed}.transfer .transferContainer .transferContent .errorMsg,.transfer .transferContainer .transferContent .successMsg{align-items:center;border-radius:5px;display:flex;font-size:15px;gap:10px;justify-content:center;margin-top:10px;padding:8px 15px}.transfer .transferContainer .transferContent .errorMsg:before,.transfer .transferContainer .transferContent .successMsg:before{content:"⚠";font-size:20px}.transfer .transferContainer .transferContent .errorMsg{background:linear-gradient(45deg,#f96868,#f02a2a);color:#fff}.transfer .transferContainer .transferContent .errorMsg:before{color:#fff}.transfer .transferContainer .transferContent .successMsg{background:linear-gradient(45deg,#70e070,#2ac92a);color:#fff}.transfer .transferContainer .transferContent .successMsg:before{color:#fff;content:"✔";font-size:20px}.transfer .transferContainer .title{color:#d3d3d3;font-size:16px;margin-bottom:20px}.transfer .transferContainer .rightSide{margin-top:30px}.transfer .transferContainer .loader{animation:spin 1s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;margin:0 auto;width:50px}.user-log{background-color:#f7f9fc;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:40px auto;max-width:600px;padding:20px 40px;position:relative}.user-log h3{border-bottom:2px solid #e4e8ed;color:#333;font-size:1.5em;margin-bottom:20px;margin-left:20px;padding-bottom:10px}.user-log h3:after{background-color:#024064;content:"";display:block;height:3px;margin:10px auto;width:50px}.user-log .backArrow{background:none;border:none;color:#666;cursor:pointer;font-size:1.5em;left:20px;margin-right:10px;outline:none;padding:0;position:absolute;top:20px}.user-log .backArrow:focus,.user-log .backArrow:hover{color:#333}.user-log .log-details p{color:#666;font-size:1em;line-height:1.5;margin-bottom:10px}.user-log .log-details p strong{color:#333;margin-right:10px}.dividend-log{background-color:#0080000d;border-radius:8px;padding:20px}.dividend-log .status{border-radius:4px;font-size:.9em;padding:4px 8px;text-transform:capitalize}.dividend-log .status.processed{background-color:#e6ffe6;color:#060}.dividend-log .status.pending{background-color:#fff3e6;color:#c70}.dividend{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:10vh}.dividend .dividendContainer{display:flex;flex:6 1;flex-direction:column;margin:0;padding:0}.page-header{background:linear-gradient(135deg,#0a8de3,#0865b2);border-bottom:3px solid #0688bf;box-shadow:0 2px 8px #0f766e33;color:#fff;padding:1.5rem 2rem}.page-header .header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.page-header .header-content .title-section{align-items:center;display:flex;gap:1rem}.page-header .header-content .title-section .icon{background:#ffffff26;border:1px solid #fff3;border-radius:8px;font-size:2rem!important;padding:.75rem}.page-header .header-content .title-section .title-text h1{font-family:Segoe UI,sans-serif;font-size:1.75rem;font-weight:600;letter-spacing:-.025em;margin:0}.page-header .header-content .title-section .title-text p{font-size:.875rem;font-weight:400;margin:.25rem 0 0;opacity:.9}.page-header .header-content .header-actions{display:flex;gap:.75rem}.page-header .header-content .header-actions .export-btn,.page-header .header-content .header-actions .filter-toggle-btn{align-items:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;text-decoration:none;transition:all .2s ease}.page-header .header-content .header-actions .export-btn:hover,.page-header .header-content .header-actions .filter-toggle-btn:hover{background:#fff3;border-color:#fff6;transform:translateY(-1px)}.page-header .header-content .header-actions .export-btn svg,.page-header .header-content .header-actions .filter-toggle-btn svg{font-size:1rem}.dividendContent{margin:0 auto;max-width:1200px;padding:1.5rem;width:100%}.dividendContent .yearSection{background:#fff;border:1px solid #e6fffa;border-left:4px solid #0d5e94;border-radius:8px;box-shadow:0 1px 6px #0f766e1a;flex-wrap:wrap;justify-content:space-between;margin-bottom:1.25rem;padding:1.25rem}.dividendContent .yearSection,.dividendContent .yearSection .yearSelector{align-items:center;display:flex;gap:1rem}.dividendContent .yearSection .yearSelector label{color:#0a6285;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.dividendContent .yearSection .yearSelector select{background:#fff;border:2px solid #a7dbf3;border-radius:6px;color:#1268a9;cursor:pointer;font-size:.875rem;font-weight:500;min-width:120px;padding:.625rem}.dividendContent .yearSection .yearSelector select:focus{border-color:#0d6094;box-shadow:0 0 0 3px #0d94881a;outline:none}.dividendContent .yearSection .warning{background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;color:#92400e;font-size:.875rem;font-weight:500;padding:.625rem 1rem}.filters-section{background:#fff;border:1px solid #e6fffa;border-radius:8px;box-shadow:0 1px 6px #0f766e1a;margin-bottom:1.25rem;padding:1.25rem}.filters-section .filters-grid{grid-gap:1.25rem;align-items:end;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.filters-section .filters-grid .filter-group{display:flex;flex-direction:column;gap:.5rem}.filters-section .filters-grid .filter-group label{color:#0f4876;font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.filters-section .filters-grid .filter-group .search-input{align-items:center;display:flex;position:relative}.filters-section .filters-grid .filter-group .search-input svg{color:#14b8a6;font-size:1rem;left:.75rem;position:absolute;z-index:1}.filters-section .filters-grid .filter-group .search-input input{padding-left:2.25rem}.filters-section .filters-grid .filter-group input,.filters-section .filters-grid .filter-group select{background:#fff;border:2px solid #a7f3d0;border-radius:6px;color:#0f766e;font-size:.875rem;padding:.625rem;transition:all .2s ease}.filters-section .filters-grid .filter-group input:focus,.filters-section .filters-grid .filter-group select:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a;outline:none}.filters-section .filters-grid .filter-group input::placeholder,.filters-section .filters-grid .filter-group select::placeholder{color:#6b7280}.filters-section .filters-grid .filter-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d9488' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;cursor:pointer;padding-right:2.5rem}.filters-section .filters-grid .filter-actions{align-items:end;display:flex}.filters-section .filters-grid .filter-actions .clear-btn{align-items:center;background:#f0fdfa;border:2px solid #a7f3d0;border-radius:6px;color:#0f766e;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s ease}.filters-section .filters-grid .filter-actions .clear-btn:hover{background:#ccfbf1;border-color:#5eead4}.filters-section .filters-grid .filter-actions .clear-btn svg{font-size:.875rem}.statsSection{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.25rem}.statsSection .stat{align-items:center;background:#fff;border:1px solid #e6fffa;border-left:4px solid #14b8a6;border-radius:8px;box-shadow:0 1px 6px #0f766e1a;display:flex;gap:1rem;padding:1.25rem;transition:transform .2s ease}.statsSection .stat:hover{box-shadow:0 4px 12px #0f766e26;transform:translateY(-2px)}.statsSection .stat .stat-icon{align-items:center;background:linear-gradient(135deg,#0f766e,#0891b2);border-radius:8px;color:#fff;display:flex;height:3rem;justify-content:center;width:3rem}.statsSection .stat .stat-icon svg{font-size:1.25rem}.statsSection .stat .stat-content{flex:1 1}.statsSection .stat .stat-content .label{color:#0f766e;font-size:.75rem;font-weight:600;letter-spacing:.1em;margin-bottom:.25rem;text-transform:uppercase}.statsSection .stat .stat-content .value{color:#134e4a;font-family:Segoe UI,sans-serif;font-size:1.375rem;font-weight:700}.dividendActions{background:#fff;border:1px solid #e6fffa;border-radius:8px;box-shadow:0 1px 6px #0f766e1a;margin-bottom:1.25rem;padding:1.25rem;text-align:center}.dividendActions .processBtn{background:linear-gradient(135deg,#0f766e,#0891b2);border:none;border-radius:6px;box-shadow:0 2px 4px #0f766e33;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;min-width:200px;padding:.875rem 1.75rem;transition:all .2s ease}.dividendActions .processBtn:hover:not(:disabled){box-shadow:0 4px 8px #0f766e4d;transform:translateY(-1px)}.dividendActions .processBtn.disabled,.dividendActions .processBtn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.dividendActions .processBtn .processingStatus{align-items:center;display:flex;gap:.5rem;justify-content:center}.dividendActions .processBtn .processingStatus:after{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-right-color:#0000;content:"";height:1rem;width:1rem}.dividendActions .error{background:#fee2e2;border:1px solid #f87171;border-radius:6px;color:#dc2626;font-size:.875rem;margin-top:1rem;padding:.875rem}.dividendActions .success{background:#d1fae5;border:1px solid #34d399;border-radius:6px;color:#059669;font-size:.875rem;margin-top:1rem;padding:.875rem}.results-summary{background:#fff;border:1px solid #e6fffa;border-bottom:none;border-radius:8px 8px 0 0;padding:.875rem 1.25rem}.results-summary .summary-text{color:#0f766e;font-size:.875rem;font-weight:500}.results-summary .summary-text .filtered-text{color:#0891b2;font-weight:600}.dividendTable{background:#fff;border:1px solid #e6fffa;border-radius:0 0 8px 8px;box-shadow:0 1px 6px #0f766e1a;overflow:hidden}.dividendTable .table{border-collapse:collapse;font-family:Segoe UI,sans-serif;line-height:1.4;width:100%}.dividendTable .table *{box-sizing:border-box;margin:0;padding:0}.dividendTable .table thead{background:linear-gradient(135deg,#f0fdfa,#ccfbf1)}.dividendTable .table thead th{border-bottom:2px solid #a7f3d0;color:#0f766e;font-size:.8125rem;font-weight:600;letter-spacing:.05em;line-height:1.2;margin:0;padding:.75rem;position:relative;text-align:left;text-transform:uppercase}.dividendTable .table thead th.sortable{cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.dividendTable .table thead th.sortable:hover{background:#0d94881a;color:#0d9488}.dividendTable .table thead th.sortable.sorted-asc:after{color:#0d9488;content:"↑";font-weight:700;position:absolute;right:.5rem}.dividendTable .table thead th.sortable.sorted-desc:after{color:#0d9488;content:"↓";font-weight:700;position:absolute;right:.5rem}.dividendTable .table tbody tr{border-bottom:1px solid #f0fdfa;height:auto;line-height:1.2;margin:0;transition:all .2s ease}.dividendTable .table tbody tr:hover{background:#f0fdfa;box-shadow:0 1px 4px #0f766e1a;transform:scale(1.001)}.dividendTable .table tbody tr:last-child{border-bottom:none}.dividendTable .table tbody tr td{color:#134e4a;font-size:.875rem;height:auto;line-height:1.2;margin:0;padding:.75rem;vertical-align:middle}.dividendTable .table tbody tr td div,.dividendTable .table tbody tr td p,.dividendTable .table tbody tr td span{line-height:1.2;margin:0}.dividendTable .table tbody tr td.row-number{background:#f9fafb;color:#0f766e;font-weight:600;text-align:center;width:60px}.dividendTable .table tbody tr td.name-cell{min-width:200px}.dividendTable .table tbody tr td.name-cell .name{color:#134e4a;font-weight:600;line-height:1.2;margin:0}.dividendTable .table tbody tr td.contact-cell{min-width:200px}.dividendTable .table tbody tr td.contact-cell .email{color:#0891b2;display:block;font-size:.75rem;line-height:1.1;margin:0 0 .125rem}.dividendTable .table tbody tr td.contact-cell .phone{color:#0f766e;display:block;font-size:.75rem;line-height:1.1;margin:0}.dividendTable .table tbody tr td.membership{color:#0d9488;font-family:Courier New,monospace;font-size:.8125rem;font-weight:600}.dividendTable .table tbody tr td.branch{color:#0891b2;font-weight:600}.dividendTable .table tbody tr td.shares{color:#0f766e}.dividendTable .table tbody tr td.dividend,.dividendTable .table tbody tr td.shares{font-weight:600;line-height:1.2;padding:.5rem;text-align:right;vertical-align:middle}.dividendTable .table tbody tr td.dividend{background:#f0fdfa;color:#134e4a}.dividendTable .table tbody tr td.status .status-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.025em;line-height:1;margin:0;padding:.25rem .625rem;text-transform:uppercase}.dividendTable .table tbody tr td.status .status-badge.status-approved{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.dividendTable .table tbody tr td.status .status-badge.status-pending{background:#fef3c7;border:1px solid #fbbf24;color:#92400e}.dividendTable .table tbody tr td.status .status-badge.status-rejected{background:#fee2e2;border:1px solid #f87171;color:#991b1b}.dividendTable .table tbody tr td.status .status-badge.status-processed{background:#ccfbf1;border:1px solid #5eead4;color:#0f766e}.dividendTable .table tbody tr td.status .status-badge.status-unknown{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.dividendTable .table tbody tr td.processed-date{color:#0f766e;font-size:.8125rem;font-weight:500}.dividendTable .table tbody tr td.no-data{background:#f9fafb;color:#6b7280;font-style:italic;padding:2.5rem;text-align:center}.pagination{align-items:center;background:#fff;border:1px solid #e6fffa;border-radius:8px;box-shadow:0 1px 6px #0f766e1a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1.25rem;padding:1.25rem}.pagination .pagination-info{color:#0f766e;font-size:.875rem;font-weight:500}.pagination .pagination-controls{display:flex;flex-wrap:wrap;gap:.5rem}.pagination .pagination-controls .page-btn{background:#fff;border:1px solid #a7f3d0;border-radius:6px;color:#0f766e;cursor:pointer;font-size:.875rem;font-weight:500;min-width:40px;padding:.5rem .75rem;text-align:center;transition:all .2s ease}.pagination .pagination-controls .page-btn:hover:not(:disabled){background:#f0fdfa;border-color:#0d9488;color:#0d9488}.pagination .pagination-controls .page-btn.active{background:#0d9488;border-color:#0d9488;box-shadow:0 1px 3px #0d94884d;color:#fff}.pagination .pagination-controls .page-btn:disabled{background:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.5}.pagination .pagination-controls .page-btn.dots{background:none;border:none;color:#6b7280;cursor:default}.pagination .pagination-controls .page-btn.dots:hover{background:none;border:none;color:#6b7280}.pagination .pagination-controls .page-btn.first,.pagination .pagination-controls .page-btn.last,.pagination .pagination-controls .page-btn.next,.pagination .pagination-controls .page-btn.prev{font-weight:600}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.dividendContent,.page-header{padding:1rem}.page-header .header-content{flex-direction:column;gap:1rem;text-align:center}.filters-section .filters-grid,.statsSection{grid-template-columns:1fr}.pagination{flex-direction:column;text-align:center}.pagination .pagination-controls{justify-content:center}}.attendance-list{display:flex;width:100%}.attendance-list .attendance-container{flex:6 1}.attendance-list .attendance-container .attendance-content{padding:20px}.attendance-list .attendance-container .attendance-content .attendance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.attendance-list .attendance-container .attendance-content .attendance-header .header-left{align-items:center;display:flex;gap:15px}.attendance-list .attendance-container .attendance-content .attendance-header .header-left .header-icon{color:#7451f8;font-size:2rem}.attendance-list .attendance-container .attendance-content .attendance-header .header-left h1{color:#333;font-size:2rem;margin:0}.attendance-list .attendance-container .attendance-content .attendance-header .header-controls{align-items:center;display:flex;gap:15px}.attendance-list .attendance-container .attendance-content .attendance-header .header-controls .year-selector{background:#fff;border:2px solid #7451f8;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;padding:10px 15px}.attendance-list .attendance-container .attendance-content .attendance-header .header-controls .year-selector:focus{box-shadow:0 0 0 3px #7451f81a;outline:none}.attendance-list .attendance-container .attendance-content .attendance-header .header-controls .export-btn{align-items:center;background:#7451f8;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:8px;padding:10px 20px;transition:all .3s ease}.attendance-list .attendance-container .attendance-content .attendance-header .header-controls .export-btn:hover:not(:disabled){background:#5a3fd6;transform:translateY(-2px)}.attendance-list .attendance-container .attendance-content .attendance-header .header-controls .export-btn:disabled{background:#ccc;cursor:not-allowed}.attendance-list .attendance-container .attendance-content .stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.attendance-list .attendance-container .attendance-content .stats-grid .stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;gap:15px;padding:20px;transition:transform .3s ease}.attendance-list .attendance-container .attendance-content .stats-grid .stat-card:hover{transform:translateY(-2px)}.attendance-list .attendance-container .attendance-content .stats-grid .stat-card .stat-icon{background:#7451f8;border-radius:50%;color:#fff;font-size:1.5rem;padding:15px}.attendance-list .attendance-container .attendance-content .stats-grid .stat-card .stat-content h3{color:#333;font-size:2rem;font-weight:700;margin:0}.attendance-list .attendance-container .attendance-content .stats-grid .stat-card .stat-content p{color:#666;font-size:.9rem;margin:5px 0 0}.attendance-list .attendance-container .attendance-content .attendees-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.attendance-list .attendance-container .attendance-content .attendees-table-container .table-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:20px}.attendance-list .attendance-container .attendance-content .attendees-table-container .table-header h2{color:#333;font-size:1.5rem;margin:0}.attendance-list .attendance-container .attendance-content .attendees-table-container .attendees-table{overflow-x:auto}.attendance-list .attendance-container .attendance-content .attendees-table-container .attendees-table table{border-collapse:collapse;width:100%}.attendance-list .attendance-container .attendance-content .attendees-table-container .attendees-table table thead{background:#7451f8;color:#fff}.attendance-list .attendance-container .attendance-content .attendees-table-container .attendees-table table thead th{font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.attendance-list .attendance-container .attendance-content .attendees-table-container .attendees-table table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .3s ease}.attendance-list .attendance-container .attendance-content .attendees-table-container .attendees-table table tbody tr:hover{background-color:#f8f9fa}.attendance-list .attendance-container .attendance-content .attendees-table-container .attendees-table table tbody tr:last-child{border-bottom:none}.attendance-list .attendance-container .attendance-content .attendees-table-container .attendees-table table tbody tr td{color:#333;font-size:.9rem;padding:15px}.attendance-list .attendance-container .attendance-content .attendees-table-container .no-attendees{color:#666;padding:60px 20px;text-align:center}.attendance-list .attendance-container .attendance-content .attendees-table-container .no-attendees .no-data-icon{color:#ccc;font-size:4rem;margin-bottom:20px}.attendance-list .attendance-container .attendance-content .attendees-table-container .no-attendees h3{color:#333;font-size:1.5rem;margin:0 0 10px}.attendance-list .attendance-container .attendance-content .attendees-table-container .no-attendees p{font-size:1rem;margin:0}.loaderContainer{align-items:center;display:flex;flex-direction:column;height:60vh;justify-content:center}.loaderContainer p{color:#666;font-size:1.1rem;margin-top:20px}@media(max-width:768px){.attendance-list .attendance-container .attendance-content{padding:15px}.attendance-list .attendance-container .attendance-content .attendance-header{align-items:stretch;flex-direction:column;gap:20px}.attendance-list .attendance-container .attendance-content .attendance-header .header-controls{justify-content:space-between}.attendance-list .attendance-container .attendance-content .stats-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.attendance-list .attendance-container .attendance-content .attendees-table-container .attendees-table table{font-size:.8rem}.attendance-list .attendance-container .attendance-content .attendees-table-container .attendees-table table td,.attendance-list .attendance-container .attendance-content .attendees-table-container .attendees-table table th{padding:10px 8px}}
/*# sourceMappingURL=main.4aaf6389.css.map*/