:root{--primary-color:#2563eb;--primary-dark:#1e40af;--primary-light:#60a5fa;--secondary-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--success-color:#10b981;--info-color:#3b82f6;--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;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition-fast:150ms ease-in-out;--transition-normal:300ms ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;background-color:var(--gray-50);color:#111827;color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.app-container{display:flex;min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e5e7eb;border-right:1px solid var(--gray-200);overflow-y:auto;padding:1.5rem;padding:var(--spacing-lg);width:260px}.main-content{margin-left:260px;padding:2rem;padding:var(--spacing-xl)}.header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:1.5rem 2rem;padding:var(--spacing-lg) var(--spacing-xl)}.card,.header{border-radius:.75rem;border-radius:var(--radius-lg)}.card{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-lg);transition:transform .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{border-bottom:1px solid var(--gray-200);margin-bottom:1rem;margin-bottom:var(--spacing-md);padding-bottom:1rem;padding-bottom:var(--spacing-md)}.card-title{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:600}.card-body{padding:1rem 0;padding:var(--spacing-md) 0}.btn{border-radius:.5rem;border-radius:var(--radius-md);gap:var(--spacing-sm);padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.btn-primary{background:var(--primary-color)}.btn-primary:hover{background:#1e40af;background:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:#e5e7eb;background:var(--gray-200);color:var(--gray-700)}.btn-secondary:hover{background:#d1d5db;background:var(--gray-300)}.btn-success{background:var(--success-color)}.btn-danger{background:var(--danger-color)}.btn-warning{background:var(--warning-color)}.form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.form-label{color:var(--gray-700);margin-bottom:var(--spacing-sm)}.form-input,.form-select,.form-textarea{border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-color)}.form-error{color:var(--danger-color);margin-top:var(--spacing-xs)}.table{background:#fff;border-collapse:collapse;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;width:100%}.table thead{background:#f9fafb;background:var(--gray-50)}.table th{color:#374151;color:var(--gray-700);font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.table td,.table th{font-size:.875rem;padding:1rem;padding:var(--spacing-md)}.table td{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200)}.table tbody tr:hover{background:#f9fafb;background:var(--gray-50)}.badge{border-radius:.25rem;border-radius:var(--radius-sm);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}.badge-secondary{background:#e5e7eb;background:var(--gray-200);color:#374151;color:var(--gray-700)}.dashboard-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.stat-card{background:linear-gradient(135deg,#2563eb,#1e40af);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#fff;padding:2rem;padding:var(--spacing-xl)}.stat-card.success{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-value{font-size:2.5rem;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.stat-label{letter-spacing:.05em;text-transform:uppercase}.nav-menu{list-style:none}.nav-item{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.nav-link{border-radius:.5rem;border-radius:var(--radius-md);color:#374151;color:var(--gray-700);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.nav-link.active,.nav-link:hover{background:#2563eb;background:var(--primary-color);color:#fff}.loading{color:var(--gray-500);font-size:1.25rem;min-height:400px}.text-center{text-align:center}.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)}.flex{display:flex}.flex-between{align-items:center;display:flex;justify-content:space-between}.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)}html{scroll-behavior:smooth;scroll-padding-top:120px}.landing-page{background:#fff;min-height:100vh}.landing-header{background:linear-gradient(135deg,#1e3a8a,#3b82f6);box-shadow:0 4px 6px -1px #0000001a;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-container{gap:3rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:.75rem 2rem}.header-container,.logo-section{align-items:center;display:flex}.tce-logo{background:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;height:90px;padding:.5rem;width:auto}.college-info{flex:1 1;margin-left:1.5rem}.college-info h1{font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.college-info p{font-size:.875rem;margin:.25rem 0 0;opacity:.9}.header-nav{align-items:center;display:flex;gap:1.5rem}.nav-link{color:#fff;font-size:1.15rem;font-weight:500;padding:.5rem 0;position:relative;transition:all .3s ease;white-space:nowrap}.nav-link:after{background:#fff;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.login-btn{background:#fff;border:none;border-radius:50px;box-shadow:0 4px 6px -1px #0000001a;color:#1e3a8a;cursor:pointer;font-size:1.1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease;white-space:nowrap}.login-btn:hover{box-shadow:0 10px 15px -3px #0003;transform:translateY(-2px)}.trf-header-banner{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 2px 4px #0000001a;padding:.65rem 2rem;text-align:center}.trf-header-banner h2{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.announcement-ticker{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:2px solid #f59e0b;display:flex;overflow:hidden}.announcement-label{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:2px 0 8px #0000001a;color:#fff;display:flex;font-size:1rem;font-weight:700;gap:.5rem;letter-spacing:1px;padding:.75rem 2rem;text-transform:uppercase;white-space:nowrap}.announcement-icon{animation:pulse 2s ease-in-out infinite;font-size:1.25rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.ticker-wrapper{flex:1 1;overflow:hidden;padding:.75rem 2rem}.ticker-content{animation:scroll-left 20s linear infinite;color:#92400e;display:inline-block;font-size:1.05rem;font-weight:600;padding:.75rem 0;white-space:nowrap}@keyframes scroll-left{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.ticker-content:hover{animation-play-state:paused}.outcomes-simple{color:#047857;font-size:1.25rem;font-weight:600;margin:0;padding:1rem 0;text-align:center}.hero-section{background:linear-gradient(135deg,#0f172a,#1e3a8a 50%,#3b82f6);color:#fff;overflow:hidden;padding:3rem 2rem 6rem;position:relative;text-align:center}.hero-section:before{background:linear-gradient(135deg,#0f172acc,#1e3a8a99 50%,#3b82f666);content:"";opacity:.5;z-index:0}.hero-overlay,.hero-section:before{bottom:0;left:0;position:absolute;right:0;top:0}.hero-overlay{background:radial-gradient(circle at 50% 50%,#3b82f64d 0,#0000 70%);z-index:1}.hero-content{margin:0 auto;max-width:1200px;position:relative;z-index:2}.hero-title{-webkit-text-fill-color:#0000;animation:fadeInUp .8s ease;background:linear-gradient(90deg,#fff,#93c5fd);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800;line-height:1.3;margin:0 0 1rem}.hero-subtitle{animation:fadeInUp 1s ease;color:#93c5fd;font-size:1.75rem;font-weight:600;margin:0 0 1.5rem}.hero-description{animation:fadeInUp 1.2s ease;font-size:1.25rem;line-height:1.8;margin:0 auto 3rem;max-width:800px;opacity:.95}.hero-buttons{animation:fadeInUp 1.4s ease;display:flex;gap:1.5rem;justify-content:center;margin-bottom:4rem}.btn-primary-large{background:linear-gradient(135deg,#f59e0b,#ef4444);border:none;border-radius:50px;box-shadow:0 10px 25px -5px #f59e0b66;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1.25rem 3rem;transition:all .3s ease}.btn-primary-large:hover{box-shadow:0 20px 35px -5px #f59e0b99;transform:translateY(-3px)}.btn-secondary-large{background:#0000;border:2px solid #fff;border-radius:50px;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1.25rem 3rem;transition:all .3s ease}.btn-secondary-large:hover{background:#fff;color:#1e3a8a;transform:translateY(-3px)}.hero-stats{animation:fadeInUp 1.6s ease;display:flex;gap:4rem;justify-content:center}.stat-item{text-align:center}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800}.stat-label{font-size:1rem;margin-top:.5rem;opacity:.9}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.container{margin:0 auto;max-width:1400px;padding:0 2rem}.section-header{margin-bottom:4rem;text-align:center}.section-title{font-size:3rem;font-weight:800;margin:0 0 1rem}.section-subtitle{color:#6b7280;font-size:1.25rem;margin:0}.about-section{background:#f9fafb;padding:6rem 0}.about-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:4rem}.about-card{background:#fff;border-radius:1rem;border-top:4px solid #3b82f6;box-shadow:0 4px 6px -1px #0000001a;padding:2.5rem;text-align:center;transition:all .3s ease}.about-card:hover{box-shadow:0 20px 25px -5px #00000026;transform:translateY(-10px)}.about-card h3{color:#1f2937;font-size:1.5rem;margin:0 0 1rem}.about-card p{color:#6b7280;line-height:1.8;margin:0}.fellowship-amounts{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;padding:3rem}.subsection-title{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 2rem;text-align:center}.amount-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.amount-card{border-radius:1rem;color:#fff;padding:2.5rem;text-align:center;transition:all .3s ease}.amount-card:hover{transform:scale(1.05)}.year-1{background:linear-gradient(135deg,#10b981,#059669)}.year-2{background:linear-gradient(135deg,#3b82f6,#2563eb)}.year-3{background:linear-gradient(135deg,#f59e0b,#d97706)}.year-label{font-size:1rem;font-weight:600;margin-bottom:1rem;opacity:.9}.amount{font-size:3rem;font-weight:800;margin-bottom:.5rem}.period{font-size:1rem;opacity:.9}.eligibility-section{background:#fff;padding:6rem 0}.eligibility-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:4rem}.eligibility-card{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #3b82f6;border-radius:1rem;padding:2.5rem;position:relative;text-align:center;transition:all .3s ease}.eligibility-card:before{background:#3b82f6;border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:1.5rem;transform:translateX(-50%);width:60px}.eligibility-card:hover{box-shadow:0 10px 20px -5px #3b82f64d;transform:translateY(-5px)}.eligibility-card h4{color:#1e3a8a;font-size:1.5rem;margin:2rem 0 1rem}.eligibility-card p{color:#1e40af;line-height:1.8;margin:0}.requirements-box{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border-radius:1rem;padding:3rem}.requirements-box h3{color:#065f46;font-size:2rem;margin:0 0 3rem;text-align:center}.timeline{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}.timeline-item{text-align:center}.timeline-marker{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 10px 20px -5px #10b98166;color:#fff;display:flex;font-size:1.25rem;font-weight:800;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.timeline-content h4{color:#065f46;font-size:1.25rem;margin:0 0 .75rem}.timeline-content p{color:#047857;font-size:.95rem;line-height:1.6;margin:0}.guidelines-section{background:#f9fafb;padding:6rem 0}.guidelines-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:3rem}.guideline-card{background:#fff;border-left:4px solid #3b82f6;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;padding:2rem;transition:all .3s ease}.guideline-card:hover{box-shadow:0 10px 15px -3px #00000026;transform:translateX(5px)}.guideline-number{color:#3b82f6;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.guideline-card h4{color:#1f2937;font-size:1.25rem;margin:0 0 1rem}.guideline-card p{color:#6b7280;line-height:1.8;margin:0}.warning-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:1rem;padding:2rem}.warning-box h4{color:#92400e;font-size:1.5rem;margin:0 0 1rem}.warning-box p{color:#78350f;font-size:1.05rem;line-height:1.8;margin:0}.features-section{background:#fff;padding:6rem 0}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.feature-card{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-left:4px solid #3b82f6;border-radius:1rem;padding:2.5rem;text-align:center;transition:all .3s ease}.feature-card:hover{background:#fff;border-left-width:6px;box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-10px)}.feature-card h4{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.feature-card p{color:#6b7280;line-height:1.8;margin:0}.cta-section{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;padding:6rem 2rem;text-align:center}.cta-section h2{font-size:3rem;font-weight:800;margin:0 0 1rem}.cta-section p{font-size:1.25rem;margin:0 auto 2.5rem;max-width:800px;opacity:.95}.cta-button{background:linear-gradient(135deg,#f59e0b,#ef4444);border:none;border-radius:50px;box-shadow:0 10px 25px -5px #f59e0b80;color:#fff;cursor:pointer;font-size:1.25rem;font-weight:700;padding:1.5rem 4rem;transition:all .3s ease}.cta-button:hover{box-shadow:0 20px 35px -5px #f59e0bb3;transform:translateY(-5px)}.contact-section{background:#f9fafb;padding:6rem 0}.contact-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}.contact-card{background:#fff;border-bottom:3px solid #3b82f6;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;padding:2.5rem;text-align:center;transition:all .3s ease}.contact-card:hover{box-shadow:0 10px 15px -3px #00000026;transform:translateY(-5px)}.contact-card h4{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0 0 1rem}.contact-card p{color:#6b7280;line-height:1.8;margin:0}.contact-card a{color:#3b82f6;text-decoration:none;transition:color .3s ease}.contact-card a:hover{color:#2563eb;text-decoration:underline}.landing-footer{background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;padding:3rem 0 1.5rem}.footer-container{margin:0 auto;max-width:1400px;padding:0 2rem}.footer-content{grid-gap:3rem;border-bottom:1px solid #fff3;display:grid;gap:3rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem;padding-bottom:2rem}.footer-section h4{font-size:1.25rem;font-weight:600;margin:0 0 1rem}.footer-section p{font-size:.95rem;margin:.5rem 0;opacity:.9}.footer-section a{color:#fff;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#93c5fd}.footer-bottom{padding-top:1.5rem;text-align:center}.footer-bottom p{font-size:.95rem;margin:0;opacity:.8}@media (max-width:1024px){.about-grid,.amount-cards,.contact-grid,.eligibility-grid,.features-grid,.footer-content,.guidelines-grid,.timeline{grid-template-columns:repeat(2,1fr)}.header-nav{gap:1rem}.nav-link{font-size:.875rem}}@media (max-width:768px){.header-container{flex-direction:column;padding:1rem;text-align:center}.logo-section{flex-direction:column;gap:1rem}.tce-logo{height:60px}.college-info h1{font-size:1.25rem}.college-info p{font-size:.75rem}.header-nav{flex-wrap:wrap;gap:.75rem;justify-content:center}.login-btn,.nav-link{font-size:.875rem}.login-btn{padding:.6rem 1.5rem}.trf-header-banner h2{font-size:1.25rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.hero-description{font-size:1rem}.hero-buttons,.hero-stats{flex-direction:column}.hero-stats{gap:2rem}.section-title{font-size:2rem}.about-grid,.amount-cards,.contact-grid,.eligibility-grid,.features-grid,.footer-content,.guidelines-grid,.timeline{grid-template-columns:1fr}.cta-section h2{font-size:2rem}}.login-page-wrapper .landing-header{position:relative;top:auto}.login-page-wrapper{display:flex;flex-direction:column;min-height:100vh}.login-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:3rem 1.5rem}.login-card{background:#fff;border-radius:1rem;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;max-width:480px;padding:2.5rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-title{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 .5rem}.login-subtitle{color:#6b7280;font-size:.95rem;margin:0}.form-section{margin-bottom:1.5rem}.section-divider{color:#9ca3af;font-size:.875rem;font-weight:500;margin:1.75rem 0;position:relative;text-align:center}.section-divider:after,.section-divider:before{background:#e5e7eb;content:"";height:1px;position:absolute;top:50%;width:45%}.section-divider:before{left:0}.section-divider:after{right:0}.google-signin-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:.875rem;transition:all .2s ease;width:100%}.google-signin-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.google-signin-btn:disabled{cursor:not-allowed;opacity:.6}.login-form-group{margin-bottom:1.25rem}.login-form-label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.forgot-password-link{color:#3b82f6;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s ease}.forgot-password-link:hover{color:#2563eb;text-decoration:underline}.input-with-icon{position:relative}.input-icon{left:.875rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.login-form-input.with-icon{padding-left:3rem}.login-form-input,.login-form-select{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;color:#1f2937;font-size:1rem;padding:.75rem;transition:all .2s ease;width:100%}.login-form-input:focus,.login-form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.login-form-select{cursor:pointer}.login-submit-btn{background:linear-gradient(135deg,#3b82f6,#1e3a8a);border:none;border-radius:.5rem;box-shadow:0 4px 6px -1px #3b82f64d;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;margin-top:.5rem;padding:.875rem;transition:all .3s ease;width:100%}.login-submit-btn:hover:not(:disabled){box-shadow:0 10px 15px -3px #3b82f666;transform:translateY(-2px)}.login-submit-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.login-error{background:#fee2e2;border-left:4px solid #dc2626;border-radius:.5rem;color:#991b1b;font-size:.875rem;margin-bottom:1.5rem;padding:.875rem}.login-helper-text{color:#6b7280;font-size:.75rem;margin-top:.375rem}@media (max-width:640px){.login-card{padding:2rem 1.5rem}.login-title{font-size:1.75rem}}.success-message{padding:1rem 0;text-align:center}.success-icon{display:flex;justify-content:center;margin:0 auto 1.5rem}.success-title{color:#10b981;font-size:1.75rem;font-weight:700;margin:0 0 .75rem}.success-description{color:#374151;font-size:1rem;margin:0 0 1.5rem}.success-warning{align-items:flex-start;background:#fffbeb;border:1px solid #fde68a;border-left:4px solid #f59e0b;border-radius:.5rem;color:#78350f;display:flex;font-size:.875rem;gap:.75rem;line-height:1.6;padding:1rem;text-align:left}.success-warning svg{flex-shrink:0;margin-top:.125rem}.success-warning strong{color:#92400e}.back-to-login{margin-top:1.5rem;text-align:center}.back-link{align-items:center;color:#3b82f6;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;text-decoration:none;transition:all .2s ease}.back-link:hover{color:#2563eb;transform:translateX(-2px)}.back-link svg{transition:transform .2s ease}.back-link:hover svg{transform:translateX(-2px)}.layout{background:#f5f7fa;display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#1e3a8a,#1e40af);color:#fff;display:flex;flex-direction:column;height:100vh;position:fixed;transition:width .3s ease;width:250px;z-index:1000}.sidebar.closed{width:70px}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.sidebar-header h2{font-size:1.5rem;margin:0}.sidebar.closed .sidebar-header h2{display:none}.sidebar-toggle{background:#ffffff1a;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem;transition:background .2s}.sidebar-toggle:hover{background:#fff3}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem 0}.nav-link{align-items:center;color:#fffc;display:flex;gap:1rem;padding:1rem 1.5rem;text-decoration:none;transition:all .2s}.nav-link:hover{background:#ffffff1a;color:#fff}.nav-link.active{background:#ffffff26;border-left:4px solid #60a5fa;color:#fff}.nav-icon{font-size:1.25rem;min-width:24px}.sidebar.closed .nav-label{display:none}.sidebar-footer{border-top:1px solid #ffffff1a;padding:1rem}.user-info{margin-bottom:1rem;padding:.5rem}.user-name{font-weight:600;margin:0}.user-role{font-size:.75rem;margin:.25rem 0 0;opacity:.8}.logout-btn{background:#ef4444cc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.75rem;transition:background .2s;width:100%}.logout-btn:hover{background:#ef4444}.main-content{flex:1 1;margin-left:250px;transition:margin-left .3s ease}.main-content.expanded{margin-left:70px}.content-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:1.5rem 2rem}.content-header h1{color:#1f2937;font-size:1.875rem;margin:0}.content-body{padding:2rem}.card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.card-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.card-header h3{color:#1f2937;font-size:1.25rem;margin:0}.card-body{padding:1.5rem}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#f9fafb}.data-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:.75rem 1rem;text-align:left}.data-table td{border-bottom:1px solid #e5e7eb;color:#6b7280;padding:.75rem 1rem}.data-table tbody tr:hover{background:#f9fafb}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.clickable:hover{background:#f3f4f6}.empty-message{color:#9ca3af;font-style:italic;padding:3rem 1rem!important;text-align:center}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#2563eb}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover:not(:disabled){background:#d97706}.btn-small{font-size:.75rem;padding:.375rem .75rem}.btn-medium{font-size:.875rem;padding:.625rem 1.25rem}.btn-large{font-size:1rem;padding:.875rem 1.75rem}.status-badge{border-radius:12px;font-size:.75rem;letter-spacing:.5px}.status-pending{background:#fef3c7;color:#92400e}.status-approved{background:#d1fae5;color:#065f46}.status-rejected{background:#fee2e2;color:#991b1b}.status-review{background:#dbeafe;color:#1e40af}.status-default{background:#e5e7eb;color:#374151}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#1f2937;font-size:1.5rem;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-close:hover{background:#f3f4f6;color:#1f2937}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.form-group{margin-bottom:1.25rem}.form-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.625rem .875rem;transition:all .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-textarea{min-height:100px;resize:vertical}.form-error{color:#ef4444;font-size:.75rem;margin-top:.25rem}.form-file{padding:.5rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border-left:4px solid #2563eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.stat-card.success{border-left-color:#10b981}.stat-card.warning{border-left-color:#f59e0b}.stat-card.danger{border-left-color:#ef4444}.stat-label{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.stat-value{color:#1f2937;font-size:2rem;font-weight:700}.loading{align-items:center;color:#6b7280;display:flex;font-size:1.125rem;justify-content:center;min-height:200px}.alert{border-radius:6px;margin-bottom:1rem;padding:1rem 1.25rem}.alert-success{background:#d1fae5;border:1px solid #10b981;color:#065f46}.alert-error{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.alert-warning{background:#fef3c7;border:1px solid #f59e0b;color:#92400e}.alert-info{background:#dbeafe;border:1px solid #2563eb;color:#1e40af}@media (max-width:768px){.sidebar{width:70px}.sidebar .nav-label,.sidebar .user-info p{display:none}.main-content{margin-left:70px}.stats-grid{grid-template-columns:1fr}}.notification-panel{position:relative}.notification-bell{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1.5rem;padding:.5rem;position:relative;transition:background .2s}.notification-bell:hover{background:#0000000d}.notification-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:.625rem;font-weight:700;min-width:18px;padding:.125rem .375rem;position:absolute;right:0;text-align:center;top:0}.notification-dropdown{background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;margin-top:.5rem;max-width:90vw;position:absolute;right:0;top:100%;width:400px;z-index:1000}.notification-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.25rem}.notification-header h3{color:#1f2937;font-size:1.125rem;margin:0}.mark-all-read{background:none;border:none;border-radius:4px;color:#2563eb;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:background .2s}.mark-all-read:hover{background:#eff6ff}.notification-list{max-height:400px;overflow-y:auto}.notification-item{border-bottom:1px solid #e5e7eb;cursor:pointer;padding:1rem 1.25rem;transition:background .2s}.notification-item:hover{background:#f9fafb}.notification-item.unread{background:#eff6ff}.notification-item.unread:hover{background:#dbeafe}.notification-title{color:#1f2937;font-weight:600;margin-bottom:.25rem}.notification-message{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.notification-time{color:#9ca3af;font-size:.75rem}.notification-empty,.notification-loading{color:#9ca3af;padding:2rem;text-align:center}.monthly-claim-form-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:0 auto;max-width:900px;padding:20px}.form-header{border-bottom:2px solid #f3f4f6;margin-bottom:30px;padding-bottom:20px;text-align:center}.college-header h1{color:#1f2937;font-size:18px;font-weight:700;margin-bottom:5px}.college-header p{color:#6b7280;font-size:12px;margin:0}.form-header h2{color:#1e40af;font-size:20px;font-weight:600;margin:15px 0 5px}.claim-period-title{color:#4b5563;font-size:16px;font-weight:500}.form-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:30px;padding:20px}.section-title{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:16px;font-weight:600;margin-bottom:20px;padding-bottom:10px}.form-row{display:flex;gap:20px;margin-bottom:15px}.form-group{flex:1 1}.form-group.half-width{flex-basis:calc(50% - 10px);flex-grow:0;flex-shrink:0}.form-group label{font-size:14px;margin-bottom:6px}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input:disabled{background-color:#f3f4f6;border-color:#e5e7eb;color:#6b7280;cursor:not-allowed}.form-group small{color:#6b7280;font-size:12px;margin-top:4px}.leave-table{background:#fff;border-collapse:collapse;font-size:14px;margin-top:10px;width:100%}.leave-table td,.leave-table th{border:1px solid #e5e7eb;padding:10px;text-align:center}.leave-table th{background-color:#f3f4f6;color:#374151;font-weight:600}.leave-table td:first-child{color:#4b5563;font-weight:500;text-align:left}.leave-table input{border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;text-align:center;width:60px}.declarations-section .declaration-item{margin-bottom:12px}.checkbox-label{align-items:flex-start;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:10px;line-height:1.4}.checkbox-label input[type=checkbox]{cursor:pointer;margin-top:3px}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-primary{background-color:#2563eb;color:#fff}.btn-primary:hover{background-color:#1d4ed8}.btn-primary:disabled{background-color:#93c5fd;cursor:not-allowed}.btn-secondary{background-color:#fff;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}@media (max-width:768px){.form-row{flex-direction:column;gap:15px}.form-group.half-width{flex:1 1}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.verify-claim-page{background-color:#f9fafb;display:flex;flex-direction:column;min-height:100vh}.verify-content{align-items:flex-start;display:flex;flex:1 1;justify-content:center;padding:3rem 1rem}.verify-card{background:#fff;border-radius:1rem;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;max-width:600px;padding:2.5rem;width:100%}.verify-title{color:#111827;font-size:1.875rem;font-weight:700;margin-bottom:.5rem;text-align:center}.verify-subtitle{color:#6b7280;margin-bottom:2rem;text-align:center}.verify-form{gap:1.25rem;margin-bottom:2rem}.form-group,.verify-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#374151;font-size:.875rem;font-weight:500}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;padding:.75rem;transition:border-color .2s,ring .2s}.form-group input:focus,.form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.verify-btn{background-color:#2563eb;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.75rem;transition:background-color .2s}.verify-btn:hover{background-color:#1d4ed8}.verify-btn:disabled{background-color:#93c5fd;cursor:not-allowed}.verify-error{background-color:#fef2f2;border-radius:.5rem;color:#991b1b;font-size:.875rem;margin-bottom:1.5rem;padding:1rem;text-align:center}.verify-result{animation:fadeIn .3s ease-out;margin-top:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-section h3{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.detail-grid{grid-gap:1.5rem 1rem;display:grid;gap:1.5rem 1rem;grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column}.detail-item label{color:#6b7280;font-size:.75rem;letter-spacing:.025em;margin-bottom:.25rem;text-transform:uppercase}.detail-item span{color:#1f2937;font-weight:500}.divider{border:0;border-top:1px solid #e5e7eb;margin:2rem 0}.status-badge{border-radius:9999px;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:1.5rem;padding:.25rem .75rem;text-transform:uppercase}.no-claim-msg{color:#6b7280;font-style:italic;text-align:center}.approval-timeline{margin-top:2rem}.approval-timeline h4{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:1.5rem}.timeline-steps{display:flex;justify-content:space-between;position:relative}.timeline-steps:before{background-color:#e5e7eb;content:"";height:2px;left:0;position:absolute;right:0;top:11px;z-index:0}.step{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem;position:relative;z-index:1}.step .dot{background-color:#fff;border:2px solid #e5e7eb;border-radius:50%;height:24px;width:24px}.step .label{color:#6b7280;font-size:.7rem;font-weight:500;white-space:nowrap}.step.completed .dot{background-color:#10b981;border-color:#10b981}.step.completed .label{color:#10b981}.step.failed .dot{background-color:#ef4444;border-color:#ef4444}.step.failed .label{color:#ef4444}.remarks-section{background-color:#f3f4f6;border-radius:.5rem;margin-top:2rem;padding:1rem}.remarks-section h4{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.remarks-section p{color:#4b5563;font-size:.875rem;margin-bottom:.5rem}.remarks-section p:last-child{margin-bottom:0}
/*# sourceMappingURL=main.83fad9bf.css.map*/