:root{--primary-blue:#1e40af;--primary-blue-dark:#1e3a8a;--primary-blue-light:#3b82f6;--secondary-gray:#64748b;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--danger-light:#fee2e2;--info:#3b82f6;--info-light:#dbeafe;--pending:#f59e0b;--approved:#10b981;--rejected:#ef4444;--paid:#3b82f6;--white:#fff;--black:#000;--dark-blue:#1e3a8a;--positive:#10b981;--negative:#ef4444;--max-width:1200px;--border-radius:8px;--border-radius-sm:4px;--border-radius-lg:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--transition:all 0.2s ease-in-out;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--gray-50);color:#0f172a;color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica Neue,sans-serif;font-size:16px;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--gray-900);font-weight:600;line-height:1.2;margin:0}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{line-height:1.6;margin:0}a{color:#1e40af;color:var(--primary-blue);text-decoration:none;transition:all .2s ease-in-out;transition:var(--transition)}a:hover{color:#1e3a8a;color:var(--primary-blue-dark)}.container{margin:0 auto;max-width:1200px;max-width:var(--max-width);padding:0 1rem;padding:0 var(--spacing-md);width:100%}@media (min-width:768px){.container{padding:0 1.5rem;padding:0 var(--spacing-lg)}}.card{background:#fff;background:var(--white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);padding:1.5rem;padding:var(--spacing-lg);transition:all .2s ease-in-out;transition:var(--transition)}.card-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);margin-bottom:1rem;margin-bottom:var(--spacing-md);padding-bottom:1rem;padding-bottom:var(--spacing-md)}.card-body{padding:0}.card-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--gray-200);margin-top:1rem;margin-top:var(--spacing-md);padding-top:1rem;padding-top:var(--spacing-md)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1.5;min-height:44px;padding:.625rem 1.25rem;text-decoration:none;transition:all .2s ease-in-out;transition:var(--transition)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:#1e40af;background-color:var(--primary-blue);color:#fff;color:var(--white)}.btn-primary:hover:not(:disabled){background-color:#1e3a8a;background-color:var(--primary-blue-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:#e2e8f0;background-color:var(--gray-200);color:#334155;color:var(--gray-700)}.btn-secondary:hover:not(:disabled){background-color:#cbd5e1;background-color:var(--gray-300)}.btn-success{background-color:#10b981;background-color:var(--success);color:#fff;color:var(--white)}.btn-success:hover:not(:disabled){background-color:#059669}.btn-danger{background-color:#ef4444;background-color:var(--danger);color:#fff;color:var(--white)}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-warning{background-color:#f59e0b;background-color:var(--warning);color:#fff;color:var(--white)}.btn-warning:hover:not(:disabled){background-color:#d97706}.btn-sm{font-size:.8125rem;min-height:36px;padding:.5rem 1rem}.btn-lg{font-size:1rem;min-height:52px;padding:.875rem 1.5rem}.btn-block{display:flex;width:100%}.form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.form-label{color:#334155;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.form-control{background-color:#fff;background-color:var(--white);border:1px solid #cbd5e1;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--border-radius);color:#0f172a;color:var(--gray-900);font-size:.875rem;line-height:1.5;min-height:44px;padding:.625rem .875rem;transition:all .2s ease-in-out;transition:var(--transition);width:100%}.form-control:focus{border-color:#1e40af;border-color:var(--primary-blue);box-shadow:0 0 0 3px #1e40af1a;outline:none}.form-control::placeholder{color:#94a3b8;color:var(--gray-400)}textarea.form-control{min-height:100px;resize:vertical}select.form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.form-text{color:#64748b;color:var(--gray-500);display:block}.form-error,.form-text{font-size:.8125rem;margin-top:.25rem;margin-top:var(--spacing-xs)}.form-error{color:#ef4444;color:var(--danger)}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:#64748b;color:var(--gray-500)}.text-positive{color:#10b981;color:var(--positive);font-weight:600}.text-negative{color:#ef4444;color:var(--negative);font-weight:600}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.mt-1{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-2{margin-top:1rem;margin-top:var(--spacing-md)}.mt-3{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-4{margin-top:2rem;margin-top:var(--spacing-xl)}.mb-1{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.ml-1{margin-left:.5rem;margin-left:var(--spacing-sm)}.ml-2{margin-left:1rem;margin-left:var(--spacing-md)}.mr-1{margin-right:.5rem;margin-right:var(--spacing-sm)}.mr-2{margin-right:1rem;margin-right:var(--spacing-md)}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-weight:500;line-height:1;padding:.25rem .75rem;white-space:nowrap}.badge-pending{background-color:#fef3c7;background-color:var(--warning-light);color:#92400e}.badge-approved{background-color:#d1fae5;background-color:var(--success-light);color:#065f46}.badge-rejected{background-color:#fee2e2;background-color:var(--danger-light);color:#991b1b}.badge-paid{background-color:#dbeafe;background-color:var(--info-light);color:#1e40af}.loading{align-items:center;color:#64748b;color:var(--gray-500);display:flex;font-size:1rem;justify-content:center;min-height:200px}.alert{border-left:4px solid;border-radius:8px;border-radius:var(--border-radius);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1rem;padding:var(--spacing-md)}.alert-info{background-color:#dbeafe;background-color:var(--info-light);border-color:#3b82f6;border-color:var(--info);color:#1e40af}.alert-success{background-color:#d1fae5;background-color:var(--success-light);border-color:#10b981;border-color:var(--success);color:#065f46}.alert-warning{background-color:#fef3c7;background-color:var(--warning-light);border-color:#f59e0b;border-color:var(--warning);color:#92400e}.alert-danger{background-color:#fee2e2;background-color:var(--danger-light);border-color:#ef4444;border-color:var(--danger);color:#991b1b}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}table{background:#fff;background:var(--white);border-collapse:collapse;border-radius:8px;border-radius:var(--border-radius);overflow:hidden;width:100%}th{background-color:#f8fafc;background-color:var(--gray-50);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--gray-200);color:#334155;color:var(--gray-700);font-weight:600;text-align:left}td,th{font-size:.875rem;padding:1rem;padding:var(--spacing-md)}td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200)}tr:last-child td{border-bottom:none}.grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.5rem;gap:var(--spacing-sm)}.gap-2{gap:1rem;gap:var(--spacing-md)}.gap-3{gap:1.5rem;gap:var(--spacing-lg)}@media (max-width:767px){h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.card{padding:1rem;padding:var(--spacing-md)}body{font-size:15px}.hide-mobile{display:none!important}}@media (min-width:768px){.hide-desktop{display:none!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in-out}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:#94a3b8;background:var(--gray-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--gray-500)}.navbar{background-color:var(--primary-blue);box-shadow:var(--shadow-md);color:var(--white);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container{margin:0 auto;max-width:var(--max-width);padding:0 var(--spacing-md)}.navbar-header{align-items:center;display:flex;height:64px;justify-content:space-between}.navbar-brand{font-size:1.125rem;font-weight:600}.navbar-brand a{color:var(--white);text-decoration:none;transition:var(--transition)}.navbar-brand a:hover{opacity:.9}.navbar-toggle{align-items:center;background:none;border:none;cursor:pointer;justify-content:center;padding:.5rem;z-index:1001}.hamburger,.navbar-toggle{display:flex;flex-direction:column}.hamburger{height:20px;justify-content:space-between;position:relative;width:24px}.hamburger span{background-color:var(--white);border-radius:2px;display:block;height:2px;transition:var(--transition);width:100%}.hamburger.active span:first-child{transform:translateY(9px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.navbar-content{display:flex;flex-direction:column;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.navbar-content.active{max-height:600px;padding-bottom:var(--spacing-md)}.navbar-menu{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:0;padding:var(--spacing-md) 0}.navbar-link{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--white);cursor:pointer;display:flex;font-size:.9375rem;font-weight:400;justify-content:space-between;padding:var(--spacing-md);text-align:left;text-decoration:none;transition:var(--transition);width:100%}.navbar-link:hover{background-color:#ffffff1a}.navbar-dropdown{position:relative}.dropdown-toggle{display:flex;justify-content:space-between;width:100%}.dropdown-arrow{font-size:.75rem;margin-left:var(--spacing-sm);transition:var(--transition)}.dropdown-arrow.active{transform:rotate(180deg)}.navbar-dropdown-content{background-color:#ffffff0d;border-radius:var(--border-radius-sm);display:flex;flex-direction:column;margin:var(--spacing-sm) 0;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.navbar-dropdown-content.active{max-height:400px}.navbar-dropdown-item{color:var(--white);font-size:.875rem;padding:var(--spacing-md);padding-left:var(--spacing-xl);text-decoration:none;transition:var(--transition)}.navbar-dropdown-item:hover{background-color:#ffffff1a}.navbar-actions{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md) 0}.year-selector-wrapper{align-items:center;display:flex;gap:var(--spacing-sm)}.year-label{font-weight:500;white-space:nowrap}.year-label,.year-selector{color:var(--white);font-size:.875rem}.year-selector{background-color:#ffffff1a;border:1px solid #fff3;border-radius:var(--border-radius);cursor:pointer;flex:1 1;min-height:44px;padding:.625rem .875rem;transition:var(--transition)}.year-selector:focus,.year-selector:hover{background-color:#ffffff26}.year-selector:focus{border-color:var(--white);outline:none}.year-selector option{background-color:var(--primary-blue);color:var(--white)}.navbar-user{align-items:stretch;display:flex;flex-direction:column;gap:var(--spacing-sm)}.user-name{color:var(--white);font-size:.875rem;font-weight:500;padding:var(--spacing-sm) 0}.navbar-user .btn{width:100%}@media (min-width:768px){.navbar-toggle{display:none}.navbar-container{align-items:center;display:flex;justify-content:space-between;padding:0 var(--spacing-lg)}.navbar-header{height:auto}.navbar-content{align-items:center;display:flex;flex:1 1;flex-direction:row;justify-content:space-between;margin-left:var(--spacing-xl);max-height:none;overflow:visible}.navbar-content.active{padding-bottom:0}.navbar-menu{border-top:none;flex-direction:row;gap:var(--spacing-sm);padding:0}.navbar-link{border-radius:var(--border-radius);padding:var(--spacing-md) var(--spacing-lg)}.navbar-dropdown{position:relative}.navbar-dropdown:hover .navbar-dropdown-content{max-height:400px}.navbar-dropdown-content{background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);left:0;margin:0;max-height:0;min-width:220px;overflow:hidden;position:absolute;top:calc(100% + .5rem);transition:max-height .3s ease-in-out}.navbar-dropdown-content.active{max-height:400px}.navbar-dropdown-item{color:var(--gray-700);font-size:.875rem;padding:var(--spacing-md) var(--spacing-lg)}.navbar-dropdown-item:hover{background-color:var(--gray-100)}.navbar-dropdown-item:first-child{border-radius:var(--border-radius) var(--border-radius) 0 0}.navbar-dropdown-item:last-child{border-radius:0 0 var(--border-radius) var(--border-radius)}.navbar-actions{align-items:center;border-top:none;gap:var(--spacing-lg);padding:0}.navbar-actions,.year-selector-wrapper{flex-direction:row}.year-selector{flex:0 0 auto;width:100px}.navbar-user{align-items:center;flex-direction:row;gap:var(--spacing-md)}.user-name{padding:0}.navbar-user .btn{width:auto}}@media (min-width:1024px){.navbar-container{padding:0 var(--spacing-xl)}.navbar-brand{font-size:1.25rem}.navbar-link{font-size:1rem}}.login-page{align-items:center;background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-dark) 100%);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-md)}.login-container{animation:fadeIn .3s ease-in-out;background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:420px;padding:var(--spacing-2xl);width:100%}.login-header{margin-bottom:var(--spacing-2xl);text-align:center}.login-header h1{color:var(--primary-blue);font-size:1.75rem;margin-bottom:var(--spacing-sm)}.login-header p{color:var(--gray-600);font-size:.9375rem}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.login-form .form-group:last-of-type{margin-bottom:0}.login-form .btn{margin-top:var(--spacing-md)}.login-error{background-color:var(--danger-light);border-left:4px solid var(--danger);border-radius:var(--border-radius);color:var(--danger);font-size:.875rem;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);text-align:center}@media (max-width:767px){.login-container{max-width:100%;padding:var(--spacing-xl)}.login-header h1{font-size:1.5rem}}.dashboard-page{animation:fadeIn .3s ease-in-out;min-height:calc(100vh - 64px);padding:var(--spacing-xl) 0}.dashboard-header{margin-bottom:var(--spacing-xl)}.dashboard-header h1{color:var(--gray-900);font-size:1.75rem;margin-bottom:var(--spacing-sm)}.dashboard-subtitle{color:var(--gray-600);font-size:.9375rem}.pending-alert{background-color:var(--warning-light);border-left:4px solid var(--warning);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.pending-alert h3{color:#92400e;font-size:1.125rem;margin-bottom:var(--spacing-sm)}.pending-alert p{color:#78350f;font-size:.9375rem;margin-bottom:var(--spacing-md)}.ministries-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr}@media (min-width:640px){.ministries-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.ministries-grid{grid-template-columns:repeat(3,1fr)}}.ministry-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius);box-shadow:var(--shadow);color:inherit;display:block;padding:var(--spacing-lg);text-decoration:none;transition:var(--transition)}.ministry-card:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.ministry-card-header{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-md)}.ministry-card-header h3{color:var(--primary-blue);flex:1 1;font-size:1.125rem;line-height:1.4;margin:0}.ministry-balance{font-size:1.25rem;font-weight:700;line-height:1;white-space:nowrap}.ministry-card-body,.ministry-leader{color:var(--gray-600)}.ministry-leader{font-size:.875rem;margin:0}.ministry-leader-label{color:var(--gray-700);font-weight:500}.empty-state{padding:var(--spacing-2xl);text-align:center}.empty-state p{color:var(--gray-600);font-size:1rem;margin-bottom:var(--spacing-lg)}@media (max-width:767px){.dashboard-page{padding:var(--spacing-lg) 0}.dashboard-header{margin-bottom:var(--spacing-lg)}.dashboard-header h1{font-size:1.5rem}.ministries-grid{gap:var(--spacing-md);grid-template-columns:1fr}.ministry-card{padding:var(--spacing-md)}.ministry-card-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.ministry-card-header h3{font-size:1rem}.ministry-balance{font-size:1.5rem}.pending-alert{padding:var(--spacing-md)}.pending-alert h3{font-size:1rem}}@media (min-width:768px) and (max-width:1023px){.dashboard-header h1{font-size:1.625rem}}.ministry-detail-page{animation:fadeIn .3s ease-in-out;min-height:calc(100vh - 64px);padding:var(--spacing-xl) 0}.ministry-header{border-bottom:2px solid var(--gray-200);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.ministry-header h1{color:var(--primary-blue);font-size:1.75rem;margin-bottom:var(--spacing-sm)}.ministry-leader-info{color:var(--gray-600);font-size:.9375rem;margin:0}.ministry-leader-info strong{color:var(--gray-700);font-weight:500}.balance-section{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.balance-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr}@media (min-width:640px){.balance-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.balance-grid{grid-template-columns:repeat(4,1fr)}}.balance-item{background:var(--gray-50);border-radius:var(--border-radius);padding:var(--spacing-md);text-align:center}.balance-item h3{color:var(--gray-600);font-size:.875rem;font-weight:500;letter-spacing:.5px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.balance-item p{font-size:1.5rem;font-weight:700;margin:0}.section{margin-bottom:var(--spacing-2xl)}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg)}.section-header h2{color:var(--gray-900);font-size:1.25rem;margin:0}.adjustments-list{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden}.adjustment-item{align-items:flex-start;border-bottom:1px solid var(--gray-200);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg);transition:var(--transition)}.adjustment-item:last-child{border-bottom:none}.adjustment-item:hover{background-color:var(--gray-50)}.adjustment-info{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.adjustment-description{color:var(--gray-900);display:block;font-size:.9375rem;font-weight:500}.adjustment-date,.adjustment-meta{color:var(--gray-500);font-size:.8125rem}.adjustment-meta{align-items:center;display:flex;gap:var(--spacing-xs)}.adjustment-amount{font-size:1.125rem;font-weight:700;white-space:nowrap}.reimbursements-list{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden}.reimbursement-item{border-bottom:1px solid var(--gray-200);padding:var(--spacing-lg);transition:var(--transition)}.reimbursement-item:last-child{border-bottom:none}.reimbursement-item:hover{background-color:var(--gray-50)}.reimbursement-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-md)}.reimbursement-requester{flex:1 1}.reimbursement-requester strong{color:var(--gray-900);display:block;font-size:.9375rem;margin-bottom:var(--spacing-xs)}.reimbursement-requester span{color:var(--gray-600);font-size:.8125rem}.reimbursement-amount{color:var(--negative);font-size:1.25rem;font-weight:700;white-space:nowrap}.reimbursement-description{color:var(--gray-700);font-size:.9375rem;line-height:1.5;margin-bottom:var(--spacing-md)}.reimbursement-footer{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between}.reimbursement-date{color:var(--gray-500);font-size:.8125rem}.empty-list{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:var(--spacing-2xl);text-align:center}.empty-list p{color:var(--gray-600);margin-bottom:var(--spacing-lg)}@media (max-width:767px){.ministry-detail-page{padding:var(--spacing-lg) 0}.ministry-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.ministry-header h1{font-size:1.5rem}.balance-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.balance-grid{gap:var(--spacing-md);grid-template-columns:1fr}.balance-item{padding:var(--spacing-sm)}.balance-item h3{font-size:.75rem}.balance-item p{font-size:1.25rem}.section{margin-bottom:var(--spacing-xl)}.section-header{align-items:stretch;flex-direction:column;margin-bottom:var(--spacing-md)}.section-header h2{font-size:1.125rem}.section-header .btn{width:100%}.adjustment-item,.reimbursement-item{padding:var(--spacing-md)}.adjustment-item{align-items:flex-start;flex-direction:column}.adjustment-amount{font-size:1rem}.reimbursement-header{align-items:flex-start;flex-direction:column}.reimbursement-amount{font-size:1.125rem}.reimbursement-footer{align-items:flex-start;flex-direction:column}}@media (min-width:768px) and (max-width:1023px){.ministry-header h1{font-size:1.625rem}.balance-grid{grid-template-columns:repeat(2,1fr)}}.request-reimbursement-page{animation:fadeIn .3s ease-in-out;min-height:calc(100vh - 64px);padding:var(--spacing-xl) 0}.page-header h1{color:var(--primary-blue);margin-bottom:var(--spacing-sm)}.page-header p{color:var(--gray-600);font-size:.9375rem;margin:0}.reimbursement-form{gap:var(--spacing-lg);width:100%}.form-group,.reimbursement-form{display:flex;flex-direction:column}.form-group{gap:var(--spacing-sm)}.form-label{color:var(--gray-700);display:block;font-size:.875rem;font-weight:500}.required{color:var(--danger);margin-left:.25rem}.form-input,.form-textarea{background-color:var(--white);border:1px solid var(--gray-300);border-radius:var(--border-radius);color:var(--gray-900);font-size:.9375rem;line-height:1.5;min-height:44px;padding:.75rem;transition:var(--transition);width:100%}.form-textarea{font-family:inherit;min-height:120px;resize:vertical}.form-input:focus,.form-textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #1e40af1a;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--gray-400)}.form-input[type=file]{cursor:pointer;padding:.625rem}.form-input[type=file]::-webkit-file-upload-button{background-color:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;margin-right:1rem;padding:.5rem 1rem;-webkit-transition:var(--transition);transition:var(--transition)}.form-input[type=file]::file-selector-button{background-color:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;margin-right:1rem;padding:.5rem 1rem;transition:var(--transition)}.form-input[type=file]::-webkit-file-upload-button:hover{background-color:var(--gray-200)}.form-input[type=file]::file-selector-button:hover{background-color:var(--gray-200)}.form-help{color:var(--gray-500);font-size:.8125rem}.file-selected{background-color:var(--info-light);border-radius:var(--border-radius-sm);color:var(--primary-blue);display:inline-block;font-size:.875rem;margin-top:.5rem;padding:.5rem}.form-actions{border-top:1px solid var(--gray-200);display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.error-message{background-color:var(--danger-light);border-left:4px solid var(--danger);border-radius:var(--border-radius);color:var(--danger);font-size:.875rem;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.form-input.error,.form-textarea.error{background-color:#fff5f5;border-color:var(--danger)}.form-input.error:focus,.form-textarea.error:focus{border-color:var(--danger);box-shadow:0 0 0 3px #ef44441a}.error-text{font-size:.8125rem}@media (max-width:767px){.request-reimbursement-page{padding:var(--spacing-md) 0}.page-header{margin-bottom:var(--spacing-lg);padding:0 var(--spacing-sm)}.page-header h1{font-size:1.5rem}.page-header p{font-size:.875rem}.card{border-radius:var(--border-radius-sm);margin:0 var(--spacing-sm);padding:var(--spacing-md)}.reimbursement-form{gap:var(--spacing-md)}.form-input,.form-textarea{font-size:16px;padding:.625rem}.form-textarea{min-height:100px}.form-input[type=file]::-webkit-file-upload-button{font-size:.8125rem;margin-right:.5rem;padding:.375rem .75rem}.form-input[type=file]::file-selector-button{font-size:.8125rem;margin-right:.5rem;padding:.375rem .75rem}.form-actions{flex-direction:column-reverse;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.form-actions .btn{justify-content:center;width:100%}}@media (min-width:768px) and (max-width:1023px){.page-header h1{font-size:1.625rem}.card{padding:var(--spacing-lg)}.form-input,.form-textarea{padding:.6875rem}}@media (min-width:1024px){.reimbursement-form{gap:var(--spacing-xl)}.form-input,.form-textarea{font-size:1rem;padding:.875rem}.form-textarea{min-height:140px}}@media print{.form-actions{display:none}}.ministries-table-container{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden}.modal-content{max-width:500px}@media (max-width:767px){.admin-page{padding:var(--spacing-lg) 0}.page-header{align-items:stretch;flex-direction:column;margin-bottom:var(--spacing-lg)}.page-header h1{font-size:1.5rem}.page-header .btn{width:100%}table{font-size:.8125rem}td,th{padding:var(--spacing-sm) var(--spacing-xs)}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}.modal-content{border-radius:0;margin:0;max-height:100vh;max-width:100%}.modal-body,.modal-footer,.modal-header{padding:var(--spacing-md)}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}}.form-control.error,.form-input.error{background-color:#fff5f5;border-color:var(--danger)}.form-control.error:focus,.form-input.error:focus{border-color:var(--danger);box-shadow:0 0 0 3px #ef44441a}.error-text{color:var(--danger);display:block;font-size:.875rem;font-weight:500;margin-top:.25rem}.stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr;margin-bottom:var(--spacing-xl)}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:var(--spacing-lg);text-align:center;transition:var(--transition)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card h3{color:var(--gray-600);font-size:.875rem;font-weight:500;letter-spacing:.5px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.stat-value{font-size:2rem;font-weight:700;margin:0}.text-warning{color:var(--warning)}.filters-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.filters-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr}@media (min-width:640px){.filters-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.filters-grid{grid-template-columns:repeat(4,1fr)}}.table-container{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden}.modal-large{max-width:800px}.detail-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr}@media (min-width:640px){.detail-grid{grid-template-columns:repeat(2,1fr)}}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:var(--gray-700);display:block;font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-xs)}.audit-trail{background-color:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius);flex-direction:column;padding:var(--spacing-md)}.audit-item,.audit-trail{display:flex;gap:var(--spacing-md)}.audit-item{align-items:flex-start;background-color:var(--white);border-left:3px solid var(--primary-blue);border-radius:var(--border-radius-sm);padding:var(--spacing-sm)}.audit-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.audit-content{flex:1 1;font-size:.875rem;line-height:1.6}.audit-content strong{color:var(--gray-900);font-weight:600}.detail-item p{color:var(--gray-900);font-size:.9375rem;margin:0}@media (max-width:767px){.stats-grid{gap:var(--spacing-md);grid-template-columns:1fr}.stat-card{padding:var(--spacing-md)}.stat-card h3{font-size:.75rem}.stat-value{font-size:1.5rem}.filters-section{padding:var(--spacing-md)}.detail-grid,.filters-grid{gap:var(--spacing-md);grid-template-columns:1fr}.modal-large{max-width:100%}}.admin-page{animation:fadeIn .3s ease-in-out;min-height:calc(100vh - 64px);padding:var(--spacing-xl) 0}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xl)}.page-header h1{color:var(--gray-900);font-size:1.75rem;margin:0}.users-table-container{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden}.action-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.badge{border-radius:var(--border-radius-sm);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.badge-admin{background-color:var(--danger-light);color:var(--danger)}.badge-user{background-color:var(--info-light);color:var(--info)}.badge-primary{background-color:var(--primary-light);color:var(--primary-blue)}.ml-2{margin-left:.5rem}.ministries-list{display:flex;flex-wrap:wrap;gap:.25rem}.ministry-tag{background-color:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);color:var(--gray-700);display:inline-block;font-size:.8125rem;padding:.125rem .5rem}.modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:2000}.modal-content{animation:slideUp .3s ease-out;background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.modal-header h2{color:var(--gray-900);font-size:1.25rem;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:var(--border-radius);color:var(--gray-500);cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;line-height:1;padding:0;transition:var(--transition);width:32px}.modal-close:hover{background-color:var(--gray-100);color:var(--gray-700)}.modal-body,.modal-footer{padding:var(--spacing-lg)}.modal-footer{border-top:1px solid var(--gray-200);display:flex;gap:var(--spacing-md);justify-content:flex-end}.ministries-checkboxes{background-color:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:200px;overflow-y:auto;padding:var(--spacing-md)}.checkbox-label{align-items:center;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs);transition:var(--transition)}.checkbox-label:hover{background-color:var(--gray-100)}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-label span{color:var(--gray-700);flex:1 1;font-size:.9375rem}.form-help{color:var(--gray-600);display:block;font-size:.875rem;margin-top:.25rem}@media (max-width:767px){.admin-page{padding:var(--spacing-lg) 0}.page-header{align-items:stretch;flex-direction:column;margin-bottom:var(--spacing-lg)}.page-header h1{font-size:1.5rem}.page-header .btn{width:100%}table{font-size:.8125rem}td,th{padding:var(--spacing-sm) var(--spacing-xs)}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}.modal-content{border-radius:0;margin:0;max-height:100vh;max-width:100%}.modal-body,.modal-footer,.modal-header{padding:var(--spacing-md)}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}.ministries-list{flex-direction:column}.ministry-tag{width:-webkit-fit-content;width:fit-content}}@media (min-width:768px) and (max-width:1023px){.page-header h1{font-size:1.625rem}}
/*# sourceMappingURL=main.a0b5873b.css.map*/