.results{display:flex;flex-direction:column;margin:14px auto auto}.result{background-image:url(./images/Image2.jpg);border:2px solid fuchsia;color:#1e90ff;padding:10px;border-radius:10px;box-shadow:3px 6px #0003;width:fit-content;margin:14px 0 12px 15rem}.result-details-heading{font-size:25px;margin:14px 0 9px 18rem}.staffs,.students{background-image:url(./images/Image2.jpg);background-repeat:no-repeat;margin-top:6px;border-radius:8px}.staff,.student{background-color:#e1e1e1bf;border:1px solid black;width:33%;display:flex;flex-direction:column;margin:auto;border-radius:10px;padding:10px}.staffs{margin-top:11px;padding-top:0}.single-staff-details-container{width:90%;margin:50px auto;border-radius:20px}.single-staff-details{justify-content:left;align-items:start;padding:10px;font-size:10px;width:fit-content;margin:20px auto}.single-student-details{border:2px solid black;display:flex;flex-direction:column;justify-content:left;align-items:start;width:fit-content;padding:10px;border-radius:10px;font-size:20px;margin:12px auto}.link-name{color:#fff;padding:3px;display:flex;text-align:center;align-items:center;justify-content:center;border-radius:8px;font-size:25px;text-decoration:none;cursor:pointer}.buttons-container{display:flex;justify-content:space-evenly;width:40%;align-items:center;margin:auto}.name{cursor:pointer}.staffs-container{width:fit-content;margin-top:-30px}.adminCredentials,.delete-result-credentials{display:flex;flex-direction:column;margin-left:30%;width:fit-content}.staff-id-input-and-button,.student-id-input-and-button,.resultID-input-and-button{display:flex;flex-direction:column;width:15.2rem;margin-left:5%;margin-top:5%}.message{font-size:27px;width:30%;height:65vh;color:#000;border-radius:15px;padding-left:25px;display:flex;justify-content:center;align-items:center;margin:5px 5px 2px 10px}.admin-welcome-message{margin:2px 6px;box-shadow:3px 6px #be373733;border:1px solid black;padding:7px}.admin-more{width:fit-content;margin:5px auto}.admin-nav-container{margin:0 10px}.more-button{display:flex;margin-top:10px;margin-left:20px;padding:5px;font-size:17px;background-color:gray}.response-message{margin-left:45px;color:#000;width:90%;height:55vh;margin-top:20px}.student-login-response{width:32%}.errorMessage{background-color:red;color:#fff;width:45%;border-radius:7px;padding:9px;display:flex;margin:20px auto auto}.errorMessage-delete,.delete-student-error{width:fit-content;margin:20px 84px}.fetch-staff-error{margin:20px 0 0 40px}.student-online-message,.staff-online-message{height:60vh;background-color:#e1e1e1bf;color:purple;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;text-transform:capitalize;text-shadow:3px 3px rgba(50,50,70 .5);box-shadow:3px 6px #0003}.student-online-message{display:flex;justify-content:center;align-items:center;margin:0 10px;padding:15px;font-size:24px;border-radius:10px;background-color:#fff;height:36vh;width:20%}.result-response-message{background-color:#e1e1e1bf;color:purple;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;text-transform:capitalize;text-shadow:3px 3px rgba(50,50,70 .5);box-shadow:3px 6px #0003;padding:5px;margin:126px auto;width:38%;text-align:center}.resultInputs,.deleteStaff-input,.new-staff-inputs,.student-data-input,.staff-login-inputs,.student-login-inputs,.staff-update-inputs,.adminCredentials{display:flex;flex-direction:column;width:27%;font-size:34px;margin-left:20%;margin-top:50px}input{width:95%;outline:none;padding:7px;font-size:14px;margin:8px}.uploadButton,.deleteButton,.search-icon-button{border:none;outline:none;background-color:#000;color:#fff;width:6rem;font-size:25px;margin:auto auto 25px;border-radius:4px}.update-link{color:#fff}.search-button,.log-in-button{color:#fff;width:fit-content;margin:0 auto;border-radius:5px;width:105px;font-size:20px;padding:6px;border:none;outline:none;background-color:#000}.input-name,.school-intro-heading{display:flex;font-size:30px;justify-content:center;align-items:center;margin-top:10px;margin-bottom:0}.input-name{width:fit-content;margin:0 0 0 40px}.title{text-align:center}.student-form-heading{font-size:15px;width:100%;margin-left:14px}.staff-details-heading,.student-details-heading{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:17px;color:#fff;margin:10px auto;width:50%}.details{width:fit-content;background-color:#e1e1e1bf;padding:2px 11px;border-radius:5px}.navBar{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:stretch;padding:8px;text-decoration:none}.nav{display:flex;background-color:green}.logo{fill:green;border:2px solid black;border-radius:50%;width:40px;height:40px;margin-top:3%;margin-right:3px}.motto{font-size:15px;font-family:verdana;display:block;margin-left:31%}.homeAndLogo{background-color:#f5f5f5;display:flex;flex-direction:row;justify-content:center;width:100%;font-size:1.8rem;text-transform:uppercase}.studentsWalking{width:35%;height:70vh;float:right;border:3px solid palevioletred;margin-top:60px;margin-left:10px;margin-right:5px;border-radius:10%;-webkit-box-reflect:below 0px linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.4));box-shadow:3px 6px #0000004d}.school-intro{margin:0 8px 4px 15px}.school-intro-heading{margin-bottom:0;margin-top:2px}.key{font-size:20px;color:#000}.code-of-conduct{background-color:plum;padding:10px;border-radius:10px;margin:0 5px 10px}.code-of-conduct-heading{width:100%;display:flex;justify-content:center;align-items:center}.admin-button,.staff-button,.student-button,.home-button{color:#000;margin:10px;background-color:#ada7a7;padding:5px;border-radius:5px;font-size:19px;text-decoration:none;outline:none;border:none}button{border-radius:5px;outline:none;border:none;background-color:#000;color:#fff;padding:4px}.admin-button:active,.staff-button:active,.student-button:active,.home-button:active,.log-in-button:active{background-color:#fff;color:#000}.uploadButton:active,.deleteButton:active{background-color:#86373e;color:beige}.uploadButton:hover,.deleteButton:hover,.admin-button:hover,.staff-button:hover,.student-button:hover,.home-button:hover,.log-in-button:hover{cursor:pointer;background-color:#fff;color:#000}.deleted-data-message{background-color:#86373e;color:#efd9c7;width:25%;display:flex;justify-content:center;align-items:center;margin-top:4%;margin-bottom:2%;margin-left:8%;padding:0 40px;line-height:30px;border-radius:11px;font-family:Franklin Gothic Medium,Arial Narrow,Arial;font-style:italic;font-size:20px;text-transform:capitalize}.student-nav-bar,.admin-nav-bar,.staff-nav-bar{display:flex;justify-content:center;align-items:center}.student-nav-bar{background-image:url(./images/studentsWalking.jpg);background-size:cover;background-position:center;height:80vh}.single-nav{text-decoration:none;background-color:#d3d3d3;color:brown;font-size:22px;padding:6px;margin:6px;border:1px solid salmon;border-radius:10px;width:89%;display:flex;justify-content:center;align-content:center}.single-nav:hover{background-color:red;color:#fff}.single-nav:active{background-color:#000;color:#fff}.admin-nav-bar-right,.staff-nav-bar-right,.student-nav-bar-right{display:flex;flex-direction:column;margin-right:0}.admin-nav-bar-left,.staff-nav-bar-left,.student-nav-bar-left{display:flex;flex-direction:column;margin-top:0%}.update-link{text-decoration:none}.staff-list-container{max-width:1000px;margin:0 auto;padding:20px}.no-staff{text-align:center;padding:40px;font-size:16px;color:#666}.staff-list{margin-top:20px}.staff-list h2{color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.staff-items{display:grid;gap:15px}.staff-item{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.staff-summary{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;cursor:pointer;transition:background .2s}.staff-summary:hover{background:#f5f5f5}.staff-name{font-weight:500;font-size:16px}.staff-designation{color:#666;font-size:14px}.staff-details{padding:15px 20px;background:#f9f9f9;border-top:1px solid #eee}.detail-label{font-weight:500;width:120px;color:#555}.students-list-container{max-width:1000px;margin:0 auto;padding:20px}.alert{padding:15px;margin-bottom:20px;border-radius:4px}.alert-success{background:#d4edda;color:#155724}.alert-error{background:#f8d7da;color:#721c24}.loading{text-align:center;padding:40px;font-size:18px;color:#666}.no-students{text-align:center;padding:40px;font-size:16px;color:#666}.students-list{margin-top:20px}.students-list h2{color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.student-items{display:grid;gap:15px}.student-item{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.student-summary{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;cursor:pointer;transition:background .2s}.student-summary:hover{background:#f5f5f5}.student-name{font-weight:500;font-size:16px}.student-class{color:#666;font-size:14px}.student-details{padding:15px 20px;background:#f9f9f9;border-top:1px solid #eee}.detail-row{display:flex;margin-bottom:10px}.detail-row:last-child{margin-bottom:0}.detail-label{font-weight:500;width:150px;color:#555}.detail-value{flex:1}@media (max-width: 768px){body{width:100%;overflow-x:hidden}.more-button{margin-left:7px}.header-container{display:flex;flex-direction:column;width:100%}.home-page-container{width:100%}.homeAndLogo{font-size:1.5rem;width:100%}.studentsWalking{width:48%;height:40vh;object-fit:contain;float:right;border:2px solid black;margin-top:60px;margin-left:10px;margin-right:20px;border-radius:10%;-webkit-box-reflect:below -149px linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5))}.staffs-container{margin-top:57px}.staff-nav-bar{margin-top:20px;width:95%}.staff-nav-bar-left{width:30%;margin:10px 20px 10px 5px}.staff-nav-bar-right{width:30%;margin-right:10px}.single-nav{font-size:12px;width:100%;font-style:oblique}.student-nav-bar-left{width:28%;margin-left:-35px}.student-nav-bar-right{margin-right:px;width:27%}.staff-online-message{height:33vh;margin-bottom:10px;font-size:22px;width:18%;padding:10px;background-color:#fff}.code-of-conduct-heading{font-size:15px}.key{font-size:14px}.title{font-size:12px;margin:0 auto}.name{font-size:14px}.student-nav-bar{margin-top:0;padding-bottom:150px;width:100%}.admin-nav-bar{width:100%;padding-right:5px}.admin-nav-bar-left{width:32%;margin-top:-108px}.admin-nav-bar-right{width:32%}.admin-welcome-message{width:fit-content;padding:5px;font-size:23px}.staffs-container{width:100%;margin-right:10px}.student-online-message{font-size:15px;height:32%;width:27%;margin:5px 0 5px 2px;padding:3px}.staff,.student{background-color:#e1e1e1bf;width:45%;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:6px auto;border-radius:10px;padding:10px;line-height:26px}.student-name,.staff-name{font-size:11px;width:90px}.input-name{width:200px;margin:auto}.staff-details-heading{display:flex;justify-content:center;align-items:center;margin:auto}.student-form-heading{font-size:15px;width:200px;margin-bottom:0;margin-left:23px;padding-bottom:0%;display:flex}.result-response-message{width:fit-content;margin:25% 10% auto;border-radius:10px}.single-staff-details-container{width:fit-content}.single-staff-details,.single-student-details{width:fit-content;padding:10px;display:flex;justify-content:left;align-items:start;margin-top:20px;margin-bottom:14px;font-size:14px}.buttons-container{display:flex;justify-content:space-evenly;width:65%;align-items:center;margin:auto}button{border-radius:5px;outline:none;border:none;background-color:#000;color:#fff;padding:4px}.students-container{width:100%}.staff-update-inputs{margin-bottom:80px}.message{display:flex;justify-content:center;align-items:center;width:58%;background-color:#ad6a6abf}.student-online-message{background-color:#f5f5f5;width:30%;z-index:0}.result-details-heading{display:flex;flex-direction:row;margin:0 auto}.result{display:flex;flex-direction:column;margin:5px auto}}@media (max-width: 600px){.homeAndLogo{font-size:.8rem;width:100%}.motto{font-size:.5rem}.logo{width:20px;height:20px}input{width:200px;margin:13px}.school-intro-heading{font-size:20px;flex-direction:column;margin-top:10px;margin-bottom:0}.input-name{font-size:18px}.code-of-conduct{margin-bottom:20px;padding-bottom:10px;margin-right:10px}.admin-nav-bar{width:100%}.uploadButton,.deleteButton,.log-in-button,.search-icon-button{width:5rem;font-size:16px;margin-left:68px}.admin-button,.staff-button,.student-button,.home-button{margin:7px;padding:5px;border-radius:5px;font-size:12px}}:root{--primary-color: #1e3c72;--secondary-color: #2a5298;--accent-color: #3498db;--nav-bg-color: #ffffff;--nav-text-color: #2c3e50;--nav-hover-color: #2980b9;--text-light: #ffffff;--text-muted: #e8f4f8;--shadow: 0 2px 10px rgba(0, 0, 0, .1);--nav-shadow: 0 2px 15px rgba(0, 0, 0, .15);--transition: all .3s ease}.main-header{background:linear-gradient(135deg,#08b9f4,#0c1aaf85);color:var(--text-light);padding:0;box-shadow:var(--shadow);position:sticky;top:0;width:100%}.header-container{max-width:1400px;margin:0 auto;padding:0 1rem;width:100%}.header-content{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;position:relative;width:100%;min-height:70px;flex-wrap:wrap}.brand-container{display:flex;align-items:center;gap:.75rem;flex-shrink:0;min-width:0;flex:1;max-width:calc(100% - 70px)}.logo-image{width:55px;height:55px;object-fit:cover;border-radius:0;flex-shrink:0;border:none;box-shadow:none;transition:var(--transition)}.logo-image:hover{transform:scale(1.05)}.school-title{line-height:1.2;min-width:0;overflow:hidden;flex:1}.school1{font-size:1.2rem;font-weight:700;margin:0;color:#3a3a7c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.first-school-motto{font-size:.85rem;margin:0;color:#3a3a7c;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.desktop-nav{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.nav-item a,.nav-item button{color:var(--nav-text-color);text-decoration:none;font-weight:600;padding:.6rem 1.2rem;border:none;background:transparent;cursor:pointer;font-size:.95rem;border-radius:25px;transition:var(--transition);white-space:nowrap;display:inline-block}.nav-item a:hover,.nav-item button:hover{background:var(--nav-hover-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2980b94d}.nav-item a:active,.nav-item button:active{transform:translateY(0)}.mobile-menu-button{display:none;background:transparent;border:none;color:#3a3a7c;cursor:pointer;padding:0;border-radius:0;transition:var(--transition);flex-shrink:0;margin-left:.5rem;position:relative;z-index:1001}.hamburger-bar{position:absolute;width:20px;height:2px;background:currentColor;border-radius:1px;transition:var(--transition);left:50%;transform:translate(-50%)}.hamburger-bar:nth-child(1){top:16px}.hamburger-bar:nth-child(2){top:22px}.hamburger-bar:nth-child(3){top:28px}.mobile-menu-button[aria-expanded=true] .hamburger-bar:nth-child(1){transform:translate(-50%) rotate(45deg);top:22px}.mobile-menu-button[aria-expanded=true] .hamburger-bar:nth-child(2){opacity:0;transform:translate(-50%) scale(0)}.mobile-menu-button[aria-expanded=true] .hamburger-bar:nth-child(3){transform:translate(-50%) rotate(-45deg);top:22px}.mobile-nav{display:none;position:fixed;top:0;right:-100%;width:320px;height:100vh;background:linear-gradient(135deg,var(--nav-bg-color) 0%,#f8f9fa 100%);flex-direction:column;align-items:flex-start;padding:6rem 1.5rem 2rem;box-shadow:-5px 0 25px #0003;transition:right .4s ease;z-index:999;gap:.5rem;overflow-y:auto}.mobile-nav-close{display:none;position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--nav-text-color);font-size:1.5rem;cursor:pointer;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;transition:var(--transition);z-index:1000}.mobile-nav-close:hover{background:#0000001a;transform:scale(1.1)}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:998}.mobile-menu-overlay.active{display:block}.mobile-nav .nav-item{width:100%;border-bottom:1px solid rgba(0,0,0,.1)}.mobile-nav .nav-item:last-child{border-bottom:none}.mobile-nav .nav-item a,.mobile-nav .nav-item button{width:100%;padding:1.2rem 1rem;text-align:left;justify-content:flex-start;font-size:1.1rem;font-weight:600;color:var(--nav-text-color);border-radius:10px;margin:.25rem 0;background:transparent;border:2px solid transparent;white-space:normal}.mobile-nav .nav-item a:hover,.mobile-nav .nav-item button:hover{background:var(--nav-hover-color);color:#fff;border-color:var(--nav-hover-color);transform:translate(5px)}@media (max-width: 768px){.header-container{padding:0 1rem}.desktop-nav{display:none}.mobile-menu-button{display:block}.mobile-nav.active{display:flex;right:0}.mobile-nav.active .mobile-nav-close{display:flex}.logo-image{width:60px;height:60px;border-radius:30%}.school1{font-size:1.1rem}.school-motto{font-size:.8rem}.header-content{padding:.5rem 0}.brand-container{max-width:calc(100% - 60px)}}@media (max-width: 600px){.brand-container{gap:.5rem;max-width:calc(100% - 55px)}.logo-image{width:65px;height:65px;border-radius:50%}.school1{font-size:.98rem;white-space:normal;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;box-orient:vertical;overflow:hidden}.school-motto{font-size:.75rem}.mobile-nav{width:100%;max-width:300px;padding:5rem 1.5rem 2rem}.mobile-menu-button{width:44px;height:44px}}@media (max-width: 480px){.brand-container{max-width:calc(100% - 50px)}.logo-image{width:55px;height:55px;border-radius:50%}.school-motto{font-size:.7rem}.mobile-nav{max-width:280px;padding:5rem 1rem 2rem}.mobile-menu-button{width:42px;height:42px}}@media (max-width: 360px){.brand-container{max-width:calc(100% - 48px)}.logo-image{width:50px;height:50px;border-radius:50%}.school-name{font-size:.8rem;-webkit-line-clamp:2;line-clamp:2}.school-motto{font-size:.6rem}.mobile-menu-button{width:38px;height:38px}}@media (max-width: 280px){.school-motto{display:none}.logo-image{width:45px;height:45px;border-radius:50%}.brand-container{max-width:calc(100% - 45px)}}@media (max-width: 320px){.header-container{padding:0 .5rem}.brand-container{max-width:calc(100% - 46px)}.logo-image{width:48px;height:48px;border-radius:50%}.mobile-menu-button{width:36px;height:36px;padding:.5rem}.hamburger-bar{width:16px}}@media (max-height: 500px) and (orientation: landscape){.mobile-nav{padding:4rem 1.5rem 1rem;overflow-y:auto}.mobile-nav .nav-item a,.mobile-nav .nav-item button{padding:.8rem 1rem;font-size:1rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.logo-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.logo-image:hover,.nav-item a:hover,.nav-item button:hover,.mobile-menu-button:hover,.mobile-nav-close:hover{transform:none}}body.menu-open{overflow:hidden;position:fixed;width:100%;height:100%}.user-profile-badge{display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:8px;transition:background-color .2s}.user-profile-badge:hover{background-color:#ffffff1a}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;color:#fff;font-size:14px}.user-role{font-size:12px;color:#fffc;text-transform:capitalize}.user-dropdown{position:relative}.dropdown-content{position:absolute;top:100%;right:0;background:#fff;min-width:200px;border-radius:8px;box-shadow:0 4px 20px #00000026;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000}.user-dropdown:hover .dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{width:100%;padding:12px 16px;border:none;background:none;text-align:left;cursor:pointer;transition:background-color .2s;color:#333;font-size:14px}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-item.logout{color:#e74c3c;font-weight:600}.dropdown-divider{margin:4px 0;border:none;border-top:1px solid #eee}.auth-status{position:fixed;top:0;left:0;right:0;background:#f8f9fa;padding:8px 0;text-align:center;font-size:12px;z-index:999;display:flex;align-items:center;justify-content:center;gap:8px}.auth-status.authenticated{background:#d4edda;color:#155724}.auth-status.anonymous{background:#fff3cd;color:#856404}.status-dot{width:8px;height:8px;border-radius:50%}.auth-status.authenticated .status-dot{background:#28a745}.auth-status.anonymous .status-dot{background:#ffc107}.mobile-user-info{padding:20px;border-bottom:1px solid #eee;margin-bottom:10px}.mobile-auth-section{margin-top:auto;padding:20px;border-top:1px solid #eee}.mobile-nav-button{width:100%;padding:12px;margin:4px 0;border:none;background:none;text-align:left;cursor:pointer;border-radius:6px;transition:background-color .2s}.mobile-nav-button.login{background:#007bff;color:#fff;text-align:center}.mobile-nav-button.logout{color:#e74c3c;font-weight:600}.auth-buttons{display:flex;gap:12px;align-items:center}.login-button{padding:8px 20px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s}.login-button:hover{background:#ffffff4d}:root{--primary-color: #9b59b6;--primary-dark: #8e44ad;--primary-light: #bb8fce;--primary-50: #f4ecf7;--primary-100: #e8daef;--primary-200: #d2b4de;--secondary-color: #3498db;--secondary-dark: #2980b9;--secondary-light: #5dade2;--accent-color: #e74c3c;--accent-light: #ec7063;--success-color: #27ae60;--error-color: #e74c3c;--warning-color: #f39c12;--background-primary: #ffffff;--background-secondary: #f8f9fa;--background-tertiary: #ecf0f1;--background-dark: #2c3e50;--text-primary: #2c3e50;--text-secondary: #34495e;--text-tertiary: #7f8c8d;--text-light: #95a5a6;--border-color: #bdc3c7;--border-light: #ecf0f1;--border-dark: #95a5a6;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition-base: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--background-primary);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.auth-container{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8f9fa,#ecf0f1,#e8daef);position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(155,89,182,.05) 0%,transparent 70%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-20px,20px) rotate(5deg)}}.auth-content-wrapper{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;width:100%;position:relative;z-index:1}.slideshow-section{background:linear-gradient(135deg,#9b59b608,#bb8fce0d,#e8daef08);display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);position:relative;overflow:hidden;border-right:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.slideshow-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(155,89,182,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(187,143,206,.06) 0%,transparent 50%);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.slide{text-align:center;color:var(--text-primary);max-width:500px;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl)}.slide-icon{font-size:4rem;margin-bottom:var(--spacing-xl);color:var(--primary-color);display:flex;align-items:center;justify-content:center;width:120px;height:120px;background:#fffffff2;border-radius:var(--radius-full);box-shadow:var(--shadow-xl);position:relative;transition:var(--transition-slow)}.slide-icon:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));opacity:.2;z-index:-1}.slide h1{font-size:2.25rem;font-weight:800;margin-bottom:var(--spacing-lg);line-height:1.2;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.slide p{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;font-weight:400;max-width:450px}.auth-form-container{display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-2xl);background:var(--background-primary);position:relative;overflow-y:auto;box-shadow:-8px 0 24px #0000000f}.auth-form-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 50%,var(--accent-color) 100%)}.campus-selector{padding:var(--spacing-lg);background:linear-gradient(135deg,var(--background-secondary) 0%,var(--background-tertiary) 100%);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:var(--transition-base)}.campus-selector:hover{box-shadow:var(--shadow-md)}.campus-title{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:1rem;color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.campus-icon{color:var(--primary-color);font-size:1.25rem}.campus-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.campus-button{padding:var(--spacing-md) var(--spacing-xl);border:2px solid;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition-base);font-size:1rem;min-width:140px;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm)}.campus-button.main-campus{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border-color:var(--primary-dark)}.campus-button.satellite-campus{background:linear-gradient(135deg,var(--secondary-color),var(--secondary-dark));color:#fff;border-color:var(--secondary-dark)}.campus-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:var(--radius-full);background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.campus-button:hover:before{width:300px;height:300px}.campus-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.campus-button.active{box-shadow:var(--shadow-md);transform:translateY(-1px)}.auth-form{width:100%;max-width:420px;margin:0 auto}.form-header{text-align:center;margin-bottom:var(--spacing-2xl)}.form-title{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1.2}.form-subtitle{color:var(--text-secondary);font-size:1rem;font-weight:500;letter-spacing:.3px}.form-group{margin-bottom:var(--spacing-lg);position:relative}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--text-primary);font-size:.95rem;letter-spacing:.3px}.form-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition-base);background:var(--background-primary);font-family:inherit;box-shadow:var(--shadow-xs);height:3.25rem;color:var(--text-primary)}.form-input::placeholder{color:var(--text-light)}.form-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 4px #9b59b61a;background:var(--background-primary)}.form-input:hover{border-color:var(--border-dark)}.password-input-container{position:relative}.password-toggle{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;color:var(--text-tertiary);font-size:1.25rem;padding:var(--spacing-sm);transition:var(--transition-base);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem}.password-toggle:hover{color:var(--primary-color);background:var(--background-secondary)}.password-toggle:active{transform:translateY(-50%) scale(.95)}.submit-button{width:100%;padding:var(--spacing-md) var(--spacing-xl);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.05rem;font-weight:700;cursor:pointer;transition:var(--transition-base);margin-top:var(--spacing-lg);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));box-shadow:var(--shadow-md);height:3.5rem;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.submit-button:hover:before{left:100%}.submit-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--primary-dark),var(--primary-color))}.submit-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none;background:var(--text-tertiary)}.error-message{background:linear-gradient(135deg,#fdf2f2,#fde8e8);color:var(--error-color);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);text-align:center;font-weight:600;border-left:4px solid var(--error-color);box-shadow:var(--shadow-sm);font-size:.95rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.spinner{display:inline-block;width:1.25rem;height:1.25rem;border:3px solid rgba(255,255,255,.3);border-radius:var(--radius-full);border-top-color:#fff;animation:spin .8s linear infinite}@media (min-width: 1440px){.auth-content-wrapper{grid-template-columns:1.2fr 1fr}.auth-form{max-width:480px}.slide h1{font-size:2.5rem}.slide p{font-size:1.25rem}}@media (max-width: 1024px){.auth-content-wrapper{grid-template-columns:1fr 1.1fr}.slide h1{font-size:2rem}.slide p{font-size:1rem}.slide-icon{width:100px;height:100px;font-size:3.5rem}.auth-form-container{padding:var(--spacing-xl)}}@media (max-width: 900px){.auth-content-wrapper{grid-template-columns:1fr 1.2fr}.slideshow-section{padding:var(--spacing-xl)}.slide{padding:var(--spacing-lg)}.slide h1{font-size:1.75rem}.campus-buttons{gap:var(--spacing-sm)}.campus-button{min-width:120px;padding:var(--spacing-sm) var(--spacing-lg)}}@media (max-width: 768px){.auth-content-wrapper{grid-template-columns:1fr;min-height:100vh}.slideshow-section{display:none}.auth-form-container{padding:var(--spacing-xl);min-height:100vh;justify-content:center;box-shadow:none}.auth-form{max-width:100%}.form-title{font-size:1.5rem}.form-subtitle{font-size:.95rem}.campus-buttons{flex-direction:column;gap:var(--spacing-sm)}.campus-button{width:100%;min-width:auto}.form-input,.submit-button{height:3.25rem}}@media (max-width: 480px){:root{font-size:14px}.auth-form-container{padding:var(--spacing-lg)}.campus-selector{padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.form-title{font-size:1.35rem}.form-header{margin-bottom:var(--spacing-xl)}.form-input,.submit-button{height:3rem}.form-group{margin-bottom:var(--spacing-md)}.campus-title{font-size:.9rem}}@media (max-width: 360px){.auth-form-container{padding:var(--spacing-md)}.campus-selector{padding:var(--spacing-sm)}.form-title{font-size:1.25rem}.form-subtitle{font-size:.9rem}.form-input,.submit-button{height:2.75rem;font-size:.9rem}.campus-button{padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem}}@media (max-height: 700px) and (orientation: landscape){.auth-form-container{padding:var(--spacing-md);justify-content:flex-start;overflow-y:auto}.campus-selector{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md)}.campus-title{margin-bottom:var(--spacing-sm);font-size:.9rem}.campus-buttons{gap:var(--spacing-sm)}.campus-button{padding:var(--spacing-sm) var(--spacing-md);min-width:120px}.form-header{margin-bottom:var(--spacing-lg)}.form-title{font-size:1.25rem;margin-bottom:var(--spacing-xs)}.form-subtitle{font-size:.85rem}.form-group{margin-bottom:var(--spacing-sm)}.form-input{height:2.75rem;padding:var(--spacing-sm) var(--spacing-md)}.submit-button{height:2.75rem;margin-top:var(--spacing-sm)}}@media (max-height: 500px) and (orientation: landscape){.auth-form-container{padding:var(--spacing-sm)}.campus-selector{padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-sm)}.form-header{margin-bottom:var(--spacing-sm)}.form-title{font-size:1.1rem}.form-subtitle{display:none}.form-group{margin-bottom:var(--spacing-xs)}.form-input,.submit-button{height:2.5rem}.form-label{margin-bottom:var(--spacing-xs);font-size:.85rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.form-input,.submit-button,.campus-button{border-width:1.5px}}@media print{.auth-container{background:#fff!important}.slideshow-section,.campus-selector{display:none}.auth-form-container{box-shadow:none;padding:0;width:100%}.auth-form{max-width:100%}.submit-button{background:#2c3e50!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.auth-container:before,.slideshow-section:before,.slide-icon:before,.campus-button:before,.submit-button:before{animation:none!important}.campus-button:hover,.submit-button:hover{transform:none!important}}.campus-button:focus-visible,.form-input:focus-visible,.submit-button:focus-visible,.password-toggle:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast: high){:root{--primary-color: #8e44ad;--secondary-color: #2980b9;--border-color: #2c3e50;--text-primary: #000000;--text-secondary: #2c3e50}.form-input{border-width:2px}.submit-button,.campus-button{border:2px solid currentColor}}@media (hover: none) and (pointer: coarse){.campus-button:hover,.submit-button:hover{transform:none}.campus-button:active,.submit-button:active{transform:scale(.98)}.password-toggle:active{transform:translateY(-50%) scale(.85)}}.professional-spinner{display:inline-flex;flex-direction:column;align-items:center;gap:1rem}.spinner-small .spinner-container{transform:scale(.75)}.spinner-medium .spinner-container{transform:scale(1)}.spinner-large .spinner-container{transform:scale(1.5)}.spinner-centered{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:9999}.spinner-overlay-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9998}.spinner-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem}.spinner-circle{width:3rem;height:3rem;border:3px solid #f3f3f3;border-top:3px solid;border-radius:50%;animation:spin 1s linear infinite}.spinner-primary .spinner-circle{border-top-color:#007bff}.spinner-secondary .spinner-circle{border-top-color:#6c757d}.spinner-success .spinner-circle{border-top-color:#28a745}.spinner-danger .spinner-circle{border-top-color:#dc3545}.spinner-warning .spinner-circle{border-top-color:#ffc107}.spinner-info .spinner-circle{border-top-color:#17a2b8}.spinner-inner-circle{width:100%;height:100%;border:3px solid transparent;border-right:3px solid;border-radius:50%;opacity:.7;animation:spinReverse 1.5s linear infinite}.spinner-primary .spinner-inner-circle{border-right-color:#007bff}.spinner-secondary .spinner-inner-circle{border-right-color:#6c757d}.spinner-dots{display:flex;gap:.25rem}.spinner-dot{width:.5rem;height:.5rem;border-radius:50%;background-color:currentColor;animation:bounce 1.4s infinite ease-in-out}.spinner-dot:nth-child(1){animation-delay:-.32s}.spinner-dot:nth-child(2){animation-delay:-.16s}.spinner-progress{width:6rem;height:.25rem;background-color:#f0f0f0;border-radius:.125rem;overflow:hidden}.spinner-progress-bar{height:100%;background-color:currentColor;animation:progress 2s infinite ease-in-out;transform-origin:left}.spinner-text{font-size:.875rem;color:#6c757d;font-weight:500;text-align:center}.inline-spinner{display:inline-flex;align-items:center}.spinner-mini{width:1rem;height:1rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.skeleton-loader{position:relative;background:#f0f0f0;border-radius:.25rem;overflow:hidden}.skeleton-circle{border-radius:50%}.skeleton-text{border-radius:.125rem}.skeleton-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 1.5s infinite}@keyframes spinReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes progress{0%{transform:scaleX(0)}50%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.result-form-container{max-width:1200px;margin:30px auto;padding:30px;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #00000014;border:1px solid #e0e0e0;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#333;line-height:1.6}.result-form-title{font-size:24px;font-weight:600;color:#222;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.form-group label{font-size:14px;font-weight:500;color:#555;margin-bottom:8px}.form-group input,.form-group select{padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fafafa;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#999;background-color:#fff;box-shadow:0 0 0 2px #0000000d}.error-message{margin-top:5px;font-size:12px;color:#d32f2f}.subjects-section{margin-bottom:30px}.subjects-title{font-size:18px;font-weight:600;color:#222;margin-bottom:20px}.subjects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.subject-card{background-color:#fff;border-radius:4px;box-shadow:0 2px 5px #0000000d;border:1px solid #e0e0e0;padding:20px;transition:all .3s ease}.subject-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.subject-name{font-size:16px;font-weight:600;color:#222;margin-bottom:15px}.subject-field{margin-bottom:15px}.subject-field label{display:block;font-size:13px;color:#555;margin-bottom:5px}.subject-field input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-actions{display:flex;justify-content:flex-end}.loading-message{text-align:center;padding:20px;color:#555}.button-spinner{display:flex;align-items:center;gap:8px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.Toastify__toast-container{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.Toastify__toast--success{background-color:#f5f5f5;color:#222;border-left:4px solid #4caf50}.Toastify__toast--error{background-color:#ffebee;color:#d32f2f;border-left:4px solid #d32f2f}@media (max-width: 768px){.form-grid,.subjects-grid{grid-template-columns:1fr}}@media (max-width: 480px){.result-form-container{padding:20px}}.result-form-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.result-form-header{text-align:center;margin-bottom:2rem}.result-form-title{color:#2c3e50;font-size:2.5rem;font-weight:600;margin-bottom:.5rem}.result-form-subtitle{color:#7f8c8d;font-size:1.1rem}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 15px #0000001a}.summary-card h4{margin:0 0 1rem;font-size:1.2rem}.summary-stats{display:flex;gap:2rem;font-size:1.1rem;font-weight:500}.form-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 10px #00000014;border:1px solid #e1e8ed}.section-title{color:#2c3e50;font-size:1.4rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #3498db}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.subject-count{background:#ecf0f1;color:#7f8c8d;padding:.3rem .8rem;border-radius:20px;font-size:.9rem;font-weight:500}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1rem}.form-label{font-weight:600;color:#2c3e50;margin-bottom:.5rem;font-size:.95rem}.form-input,.form-select{padding:.75rem 1rem;border:2px solid #e1e8ed;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.form-input:focus,.form-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-input.error,.form-select.error{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.form-input:disabled,.form-select:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.loading-state,.empty-state{text-align:center;padding:3rem;color:#7f8c8d}.empty-state-icon{font-size:3rem;margin-bottom:1rem}.empty-state h4{margin-bottom:.5rem;color:#2c3e50}.add-subject-container{background:#f8f9fa;border-radius:8px;padding:1.5rem;margin-bottom:2rem;border:2px dashed #dee2e6}.add-subject-input-group{display:flex;flex-direction:column;gap:.5rem}.input-with-button{display:flex;gap:.5rem}.input-with-button input{flex:1}.add-subject-button{padding:.75rem 1.5rem;background:#27ae60;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.add-subject-button:hover:not(:disabled){background:#219a52;transform:translateY(-1px)}.add-subject-button:disabled{background:#95a5a6;cursor:not-allowed;transform:none}.subjects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.subject-card{background:#f8f9fa;border-radius:8px;padding:1.5rem;border:1px solid #e1e8ed;transition:all .3s ease}.subject-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.subject-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.subject-name{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0}.remove-subject-button{background:#e74c3c;color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;transition:all .3s ease}.remove-subject-button:hover:not(:disabled){background:#c0392b;transform:scale(1.1)}.remove-subject-button:disabled{background:#95a5a6;cursor:not-allowed}.subject-fields{display:flex;flex-direction:column;gap:1rem}.subject-field{display:flex;flex-direction:column}.field-label{font-weight:500;color:#2c3e50;margin-bottom:.3rem;font-size:.9rem}.form-actions-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 10px #00000014;border:1px solid #e1e8ed}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-bottom:1rem}.primary-button{padding:.875rem 2rem;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #3498db4d}.primary-button:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.secondary-button{padding:.875rem 2rem;background:#95a5a6;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.secondary-button:hover:not(:disabled){background:#7f8c8d;transform:translateY(-1px)}.button-loading{display:flex;align-items:center;gap:.5rem}.form-footer{text-align:center;padding-top:1rem;border-top:1px solid #e1e8ed}.form-help{color:#7f8c8d;font-size:.9rem;margin:0}.error-display{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;padding:2rem;text-align:center;margin:2rem 0}.error-icon{font-size:3rem;margin-bottom:1rem}.error-content h4{color:#c53030;margin-bottom:.5rem}.error-content p{color:#744210;margin-bottom:1.5rem}.retry-button{padding:.75rem 1.5rem;background:#e53e3e;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.retry-button:hover{background:#c53030}.spinner{display:inline-block}.spinner.small{width:16px;height:16px}.spinner.medium{width:24px;height:24px}.spinner-inner{width:100%;height:100%;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin .8s linear infinite}.error-message{color:#e74c3c;font-size:.85rem;margin-top:.3rem;font-weight:500}@media (max-width: 768px){.result-form-container{padding:1rem}.form-grid,.subjects-grid{grid-template-columns:1fr}.input-with-button,.form-actions{flex-direction:column}.summary-stats{flex-direction:column;gap:.5rem}.section-header{flex-direction:column;gap:1rem;align-items:flex-start}}@media (max-width: 480px){.form-section{padding:1rem}.result-form-title{font-size:2rem}}@media print{.form-actions,.add-subject-container{display:none}.result-form-container{padding:0}.form-section{box-shadow:none;border:1px solid #ccc}}.subjects-grid.detailed{grid-template-columns:1fr;gap:1.5rem}.subject-card.detailed{padding:1.5rem;border:2px solid #e9ecef;border-radius:12px;background:#fff}.subject-fields.detailed{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-top:1rem}.score-components{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.total-section{display:flex;flex-direction:column;gap:1rem;border-left:2px solid #f1f3f4;padding-left:2rem}.subject-field .field-label.total{font-weight:700;color:#27ae60}.subject-field .form-input.total{border-color:#27ae60;font-weight:600}.subject-errors{margin-top:1rem;padding:1rem;background:#fee;border-radius:6px;border-left:4px solid #e74c3c}.result-breakdown{margin-top:2rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.breakdown-title{color:#2c3e50;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.term-summary-card{background:#fff;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000001a}.term-summary-card h4{margin-bottom:1rem;color:#34495e}.term-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #ecf0f1}.summary-label{font-weight:600;color:#7f8c8d}.summary-value{font-weight:600;color:#2c3e50}.breakdown-table-container{overflow-x:auto;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:1rem 0}.breakdown-table{width:100%;border-collapse:collapse;min-width:800px}.breakdown-table th{background:#34495e;color:#fff;padding:1rem;text-align:left;font-weight:600;font-size:.9rem}.breakdown-table td{padding:1rem;border-bottom:1px solid #ecf0f1}.breakdown-table tr:hover{background:#f8f9fa}.score-cell{text-align:center;font-weight:500}.score-cell.summary-work{color:#3498db}.score-cell.test{color:#9b59b6}.score-cell.exam{color:#e74c3c}.score-cell.total{font-weight:700;color:#27ae60}.score-cell.average{color:#e67e22}.position-cell{text-align:center;font-weight:600;color:#2980b9}.overall-performance{margin:2rem 0}.overall-performance h4{margin-bottom:1rem;color:#34495e}.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.performance-card{background:#fff;padding:1.5rem;border-radius:8px;text-align:center;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease}.performance-card:hover{transform:translateY(-2px)}.performance-label{font-size:.9rem;color:#7f8c8d;margin-bottom:.5rem}.performance-value{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.position-out-of{font-size:1rem;color:#7f8c8d;font-weight:400}.performance-subtitle{font-size:.8rem;color:#95a5a6}.grading-legend{margin-top:2rem;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.grading-legend h4{margin-bottom:1rem;color:#34495e}.legend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.legend-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 0}.legend-color{width:20px;height:20px;border-radius:4px;display:inline-block}.legend-color.summary-work{background:#3498db}.legend-color.test{background:#9b59b6}.legend-color.exam{background:#e74c3c}.legend-color.term-summary{background:#27ae60}.breakdown-empty-state{text-align:center;padding:2rem;color:#7f8c8d;background:#fff;border-radius:8px}.breakdown-loading{text-align:center;padding:2rem;color:#7f8c8d}@media (max-width: 768px){.subject-fields.detailed{grid-template-columns:1fr;gap:1rem}.score-components{grid-template-columns:1fr}.total-section{border-left:none;border-top:2px solid #f1f3f4;padding-left:0;padding-top:1rem}.result-breakdown{padding:1rem;margin-top:1rem}.term-summary-grid,.performance-grid,.legend-grid{grid-template-columns:1fr}.breakdown-table{font-size:.8rem}.breakdown-table th,.breakdown-table td{padding:.5rem}}@media (max-width: 480px){.subject-card.detailed,.performance-card{padding:1rem}.performance-value{font-size:1.5rem}}.error-display{border:1px solid #f44336;border-radius:8px;padding:1.5rem;margin:1.5rem 0;background:linear-gradient(135deg,#ffebee,#ffcdd2);box-shadow:0 4px 12px #0000001a;animation:errorSlideIn .3s ease-out;border-left:4px solid #f44336}.error-display__header{display:flex;align-items:center;margin-bottom:1rem}.error-display__icon{font-size:1.75rem;margin-right:.75rem}.error-display__title h3{margin:0;color:#d32f2f;font-weight:600;font-size:1.25rem}.error-display__content{margin-bottom:1.5rem}.error-display__message{margin:0 0 1rem;color:#5f6368;line-height:1.6;font-size:1rem}.error-display__details{border-top:1px solid rgba(0,0,0,.1);padding-top:1rem}.error-display__details-toggle{background:none;border:none;color:#666;cursor:pointer;font-size:.9rem;padding:.5rem .75rem;border-radius:4px;transition:all .2s;display:flex;align-items:center;gap:.5rem}.error-display__details-toggle:hover{background-color:#0000000d}.error-display__arrow{transition:transform .2s;font-size:.8rem}.error-display__arrow--up{transform:rotate(180deg)}.error-display__arrow--down{transform:rotate(0)}.error-display__details-content{background:#ffffffb3;border-radius:6px;padding:1rem;margin-top:.75rem;border:1px solid rgba(0,0,0,.1)}.error-display__detail-item{display:flex;margin-bottom:.5rem;font-family:Monaco,Consolas,Courier New,monospace;font-size:.85rem;align-items:flex-start}.error-display__detail-key{font-weight:600;min-width:100px;color:#333;flex-shrink:0}.error-display__detail-value{color:#666;word-break:break-word;flex:1}.error-display__actions{display:flex;gap:.75rem;flex-wrap:wrap}.error-display__button{padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s ease;min-width:120px}.error-display__button--primary{background:#d32f2f;color:#fff}.error-display__button--primary:hover{background:#b71c1c;transform:translateY(-1px);box-shadow:0 2px 8px #d32f2f4d}.error-display__button--secondary{background:#f5f5f5;color:#333;border:1px solid #ddd}.error-display__button--secondary:hover{background:#e0e0e0;transform:translateY(-1px)}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.error-display{padding:1.25rem;margin:1rem 0}.error-display__header{flex-direction:column;align-items:flex-start;gap:.5rem}.error-display__icon{margin-right:0}.error-display__actions{flex-direction:column}.error-display__button{width:100%;text-align:center}.error-display__detail-item{flex-direction:column;gap:.25rem}.error-display__detail-key{min-width:auto}}.student-registration-layout{display:grid;grid-template-columns:1fr 320px;gap:30px;max-width:1400px;margin:0 auto;position:relative}.form-main-content{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 20px #00000014}.passport-widget-container{position:sticky;top:20px;height:fit-content}.passport-upload-widget{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 25px #0000001a;border:1px solid #e9ecef;position:relative}.passport-preview-widget{display:flex;flex-direction:column;align-items:center;gap:12px}.student-registration-header{text-align:center;margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #e9ecef}.student-registration-title{font-size:2.25rem;font-weight:700;color:#1a202c;margin:0 0 12px}.student-registration-subtitle{font-size:1.125rem;color:#718096;margin:0;line-height:1.6}.form-footer{margin-top:20px;text-align:center}.form-help{font-size:.875rem;color:#718096;margin:0}.success-message{background:#f0fff4;border:1px solid #9ae6b4;border-radius:8px;padding:20px;margin-bottom:30px;display:flex;align-items:center;gap:16px}.success-icon{font-size:1.5rem}.success-content h4{margin:0 0 8px;color:#276749;font-size:1.125rem}.success-content p{margin:0;color:#2d3748}@media (max-width: 1024px){.student-registration-layout{grid-template-columns:1fr;gap:20px}.passport-widget-container{position:static;order:-1}.passport-upload-widget{max-width:400px;margin:0 auto}}@media (max-width: 768px){.student-registration-container{padding:10px}.form-main-content{padding:20px}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column;align-items:stretch}.primary-button,.secondary-button{width:100%}}.student-registration-container{min-height:100vh;background:#f8f9fa;padding:20px}@media (min-width: 768px){.student-registration-container{padding:30px}.student-registration-layout{display:grid;grid-template-columns:1fr 320px;gap:30px;max-width:1400px;margin:0 auto}.passport-widget-container{position:sticky;top:20px;height:fit-content}.form-grid{grid-template-columns:repeat(2,1fr);gap:20px}.student-registration-title{font-size:2.5rem}}@media (min-width: 1024px){.form-grid{grid-template-columns:repeat(3,1fr)}.form-main-content{padding:40px}}@media (min-width: 1200px){.student-registration-layout{gap:40px}}@media (max-width: 600px){.student-registration-container{padding:10px}.form-main-content,.form-section{padding:20px}.student-registration-title{font-size:2rem}.form-actions{flex-direction:column;align-items:stretch}.primary-button,.secondary-button{width:100%}}@media (max-height: 500px) and (orientation: landscape){.student-registration-header{margin-bottom:20px;padding-bottom:15px}.form-section{padding:15px;margin-bottom:20px}}.staff-registration{max-width:1000px;margin:30px auto;padding:0 20px;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#333;line-height:1.6}.staff-message{padding:15px;margin-bottom:25px;border-radius:4px;font-size:15px}.staff-message--success{background-color:#f5f5f5;border-left:3px solid #222;color:#222}.staff-message--error{background-color:#ffebee;border-left:3px solid #d32f2f;color:#d32f2f}.staff-message-link{display:inline-block;margin-left:10px;color:#222;text-decoration:underline;background:none;border:none;cursor:pointer;font-weight:500}.staff-form{background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #00000014;border:1px solid #e0e0e0;padding:30px}.staff-form-title{font-size:24px;font-weight:600;color:#222;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.staff-form-section{margin-bottom:30px}.section-title{font-size:18px;font-weight:600;color:#222;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.form-group{margin-bottom:15px}.form-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fafafa;transition:all .3s ease}.error{border-color:#d32f2f!important}.error-message{display:block;margin-top:5px;font-size:12px;color:#d32f2f}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.submit-button{padding:12px 24px;background-color:#222;color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:all .3s ease}.submit-button:hover{background-color:#000;transform:translateY(-1px)}.submit-button:disabled{background-color:#aaa;cursor:not-allowed;transform:none}.cancel-button{padding:12px 24px;background-color:#555;color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:all .3s ease}.cancel-button:hover{background-color:#333;transform:translateY(-1px)}.button-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px}@media (max-width: 768px){.staff-form{padding:20px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.submit-button,.cancel-button{width:100%}}@media (max-width: 480px){.staff-registration{padding:0 15px}}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:#f5f5f5;color:#333;line-height:1.6}.student-registration-container{max-width:1200px;margin:0 auto;padding:20px;background-color:#fff;box-shadow:0 0 20px #0000001a}header{padding:20px 0;border-bottom:1px solid #e1e1e1;margin-bottom:30px}.alert{padding:15px;margin-bottom:20px;border-radius:4px;font-weight:500}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.student-form{padding:20px}.student-form h2{color:#2c3e50;margin-bottom:30px;font-size:28px;text-align:center}.form-section{margin-bottom:30px;padding:20px;background-color:#f9f9f9;border-radius:5px}.form-section h3{color:#2c3e50;margin-bottom:20px;font-size:20px;padding-bottom:10px;border-bottom:1px solid #e1e1e1}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db33}.form-group textarea{min-height:100px;resize:vertical}.form-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.error{border-color:#e74c3c!important}.error-message{color:#e74c3c;font-size:14px;margin-top:5px;display:block}@media (max-width: 768px){.form-row{flex-direction:column;gap:0}.form-row .form-group{width:100%}.student-form{padding:10px}.form-section{padding:15px}}@media (max-width: 480px){.student-registration-container{padding:10px}.student-form h2{font-size:24px;margin-bottom:20px}button{width:100%}}.campus-display{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:30px}.campus-display-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.campus-display-icon{font-size:1.5rem;color:#6c757d}.campus-display-title{margin:0;color:#495057;font-size:1.2rem}.campus-display-content{display:flex;flex-direction:column;gap:10px}.campus-display-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:.875rem;font-weight:600;text-align:center;max-width:120px}.campus-display-note{margin:0;color:#6c757d;font-size:.9rem}.staff-registration-layout{max-width:1200px;margin:0 auto;padding:20px}.form-main-content{flex:1}.class-results-page{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#333;line-height:1.6;background-color:#f9f9f9;min-height:100vh;padding-bottom:40px}.class-results-container{max-width:1200px;margin:30px auto;padding:0 20px}.class-results-header{margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.class-results-title{font-size:24px;font-weight:600;color:#222;margin-bottom:8px}.class-results-subtitle{font-size:16px;color:#666;margin:0}.delete-student-header{background:linear-gradient(135deg,#2d3748,#4a5568);padding:2.5rem;border-radius:16px;margin-bottom:2.5rem;box-shadow:0 8px 32px #0003;border:1px solid #2d3748;text-align:center}.delete-student-title{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:1rem;letter-spacing:-.025em}.delete-student-subtitle{font-size:1.125rem;color:#cbd5e0;line-height:1.7;max-width:600px;margin:0 auto}.search-section{background:#fff;border-radius:16px;padding:2.5rem;margin-bottom:2.5rem;box-shadow:0 4px 24px #00000014;border:1px solid #e0e0e0}.section-title{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #667eea;letter-spacing:-.025em}.search-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column;position:relative}.form-label{font-size:.875rem;font-weight:600;color:#4a5568;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.form-select{padding:1rem 1.25rem;border:1px solid #cbd5e0;border-radius:12px;font-size:1rem;background:#fff;color:#2d3748;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fff}.form-select:disabled{opacity:.6;cursor:not-allowed;background:#f7fafc}.loading-indicator{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.primary-button{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;font-size:1rem;letter-spacing:.025em}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.primary-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.search-button{width:100%;max-width:300px;margin:0 auto;display:block;height:fit-content}.view-btn{padding:8px 16px;font-size:13px}.button-loading{display:flex;align-items:center;gap:.75rem}.students-section{background:#fff;border-radius:16px;padding:2.5rem;margin-bottom:2.5rem;box-shadow:0 4px 24px #00000014;border:1px solid #e0e0e0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.students-count{font-size:.875rem;color:#718096;background:#f7fafc;padding:.5rem 1rem;border-radius:8px;font-weight:500;border:1px solid #e2e8f0}.students-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.student-card{background:#fff;border-radius:16px;padding:2rem;border:1px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:space-between;min-height:280px;box-shadow:0 2px 8px #0000000a}.student-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000026;border-color:#667eea}.student-info{margin-bottom:1.5rem}.student-name{font-size:1.375rem;font-weight:700;color:#2d3748;margin-bottom:1rem;letter-spacing:-.025em}.student-detail{font-size:.95rem;color:#4a5568;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.detail-label{font-weight:600;color:#718096;min-width:80px}.subject-count-badge{background:#667eea;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.view-results-btn{width:100%;margin-top:auto}.publication-status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;text-align:center;display:inline-block;min-width:90px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000001a}.publication-actions{background:linear-gradient(135deg,#f8fafc,#edf2f7);border-radius:16px;padding:2rem;margin:2rem 0;border:1px solid #e2e8f0;box-shadow:0 4px 16px #00000014}.publication-stats{display:flex;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap;justify-content:center}.stat-item{background:#fff;padding:1rem 1.5rem;border-radius:12px;border:1px solid #e2e8f0;text-align:center;min-width:120px;box-shadow:0 2px 8px #0000000a}.stat-item.published{border-left:4px solid #28a745}.stat-item.draft{border-left:4px solid #6c757d}.action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-publish,.btn-unpublish{padding:.875rem 1.75rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem;letter-spacing:.025em;min-width:160px;justify-content:center}.btn-publish{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-publish:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #28a7454d}.btn-unpublish{background:linear-gradient(135deg,#dc3545,#e83e8c);color:#fff}.btn-unpublish:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #dc35454d}.btn-publish:disabled,.btn-unpublish:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.publication-action-buttons{display:flex;gap:.5rem;justify-content:center}.btn-publish-small,.btn-unpublish-small{padding:.5rem 1rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.8rem;min-width:80px}.btn-publish-small{background:#28a745;color:#fff}.btn-publish-small:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.btn-unpublish-small{background:#dc3545;color:#fff}.btn-unpublish-small:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.btn-publish-small:disabled,.btn-unpublish-small:disabled{opacity:.6;cursor:not-allowed;transform:none}.bulk-class-publication-actions{background:linear-gradient(135deg,#2d3748,#4a5568);border-radius:20px;padding:2.5rem;margin:2.5rem 0;box-shadow:0 8px 32px #0003;border:1px solid #2d3748;color:#fff}.bulk-actions-header{text-align:center;margin-bottom:2rem}.bulk-actions-title{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:#fff;letter-spacing:-.025em}.bulk-actions-subtitle{font-size:1rem;color:#cbd5e0;line-height:1.6;margin:0}.bulk-publication-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.bulk-stat-item{background:#ffffff1a;padding:1.5rem 1rem;border-radius:12px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.bulk-stat-label{font-size:.875rem;color:#cbd5e0;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.bulk-stat-value{font-size:1.5rem;font-weight:700;color:#fff}.bulk-stat-value.draft-count{color:#ffd93d}.bulk-stat-value.published-count{color:#6bcf7f}.bulk-action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}.btn-bulk-publish-all,.btn-bulk-unpublish-all{padding:1.25rem 2rem;border:none;border-radius:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.75rem;font-size:1.1rem;letter-spacing:.025em;min-width:280px;justify-content:center;text-transform:uppercase}.btn-bulk-publish-all{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 4px 15px #28a7454d}.btn-bulk-publish-all:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 30px #28a74566}.btn-bulk-unpublish-all{background:linear-gradient(135deg,#dc3545,#e83e8c);color:#fff;box-shadow:0 4px 15px #dc35454d}.btn-bulk-unpublish-all:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 30px #dc354566}.btn-bulk-publish-all:disabled,.btn-bulk-unpublish-all:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.bulk-actions-info{background:#ffffff1a;padding:1.25rem;border-radius:12px;text-align:center;border:1px solid rgba(255,255,255,.2)}.bulk-actions-info p{margin:0;color:#cbd5e0;font-size:.95rem;line-height:1.6}.bulk-actions-info strong{color:#fff}.publication-filter-indicator{background:#667eea;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;margin-left:.5rem}.student-results-view{background-color:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;border:1px solid #e2e8f0;padding:2.5rem;color:#2d3748;max-width:1000px;margin:0 auto}.school-header{text-align:center;border-bottom:3px double #667eea;padding-bottom:2rem;margin-bottom:2.5rem}.logo-school-row{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.school-logo{height:80px;width:auto;object-fit:contain}.school-name{font-size:2rem;font-weight:700;color:#2d3748;margin:0;text-transform:uppercase;letter-spacing:.05em}.school-motto{font-size:1.125rem;font-style:italic;color:#718096;margin:0}.school-info-container{text-align:center}.school-info p{margin:.5rem 0;color:#4a5568;font-size:.95rem}.school-info-container h2{color:#2d3748;margin-top:1rem;font-size:1.5rem;font-weight:600}.student-info-card{background:#f7fafc;border-radius:12px;padding:2rem;margin-bottom:2rem;border:1px solid #e2e8f0}.student-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-label{font-weight:600;color:#4a5568;margin-right:.5rem}.overall-position-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:2.5rem;margin:2.5rem 0;color:#fff;box-shadow:0 8px 32px #667eea4d;text-align:center}.overall-position-card.not-available{background:#e2e8f0;color:#718096}.position-header{margin-bottom:1.5rem}.position-title{font-size:1.375rem;font-weight:700;margin-bottom:.5rem}.total-students{font-size:.95rem;opacity:.9}.position-value{font-size:3.5rem;font-weight:800;margin:1rem 0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.position-stats{margin-top:1rem}.position-percentage,.position-average{font-size:1rem;margin:.5rem 0;opacity:.9}.results-table-container{overflow-x:auto;margin:2.5rem 0;border-radius:12px;border:1px solid #e2e8f0}.results-table{width:100%;border-collapse:collapse;background:#fff;min-width:800px}.results-table th,.results-table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid #e2e8f0;color:#2d3748}.results-table th{background:#f7fafc;font-weight:600;color:#2d3748;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #667eea}.results-table tr:hover{background:#f7fafc}.results-table tr:last-child td{border-bottom:none}.position-badge{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;text-align:center;display:inline-block;min-width:60px;text-transform:uppercase;letter-spacing:.5px}.position-first{background:linear-gradient(135deg,gold,#ffc400);color:#000;box-shadow:0 4px 12px #ffd70066}.position-top-three{background:linear-gradient(135deg,silver,#a0a0a0);color:#000;box-shadow:0 4px 12px #c0c0c066}.position-top-ten{background:linear-gradient(135deg,#cd7f32,#b56c20);color:#fff;box-shadow:0 4px 12px #cd7f3266}.position-other{background:#e2e8f0;color:#4a5568;border:1px solid #cbd5e0}.summary-section{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:16px;padding:2.5rem;margin:2.5rem 0;border:1px solid #667eea;color:#2d3748}.summary-section h3{text-align:center;margin-bottom:2rem;font-size:1.375rem;font-weight:700;color:#2d3748;text-transform:uppercase;letter-spacing:.5px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.summary-item{text-align:center;padding:1.5rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a}.summary-value{font-size:2rem;font-weight:800;margin:.5rem 0;color:#2d3748;display:block}.summary-remarks{text-align:center;padding:1.5rem;background:#fff;border-radius:12px;border-left:4px solid #667eea;color:#2d3748;font-weight:500;box-shadow:0 2px 8px #0000000a}.summary-remarks strong{color:#4a5568}.form-actions{display:flex;gap:1rem;justify-content:center;margin-top:2.5rem;padding:2rem;background:#f7fafc;border-radius:12px;border-top:1px solid #e2e8f0}.btn-primary,.btn-secondary{padding:1rem 2rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;gap:.75rem;font-size:1rem;letter-spacing:.025em}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.btn-secondary{background:#718096;color:#fff}.btn-secondary:hover{background:#4a5568;transform:translateY(-2px)}.error-message{background:#fed7d7;border:1px solid #feb2b2;color:#c53030;padding:1.5rem;border-radius:12px;margin:1.5rem 0;text-align:center}.payment-card{background:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a;border:1px solid #e0e0e0;overflow:hidden}.table-responsive{overflow-x:auto;margin-top:20px}.payment-history-table{width:100%;border-collapse:collapse;background:#fff}.payment-history-table th,.payment-history-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e0e0e0}.payment-history-table th{background-color:#f8f9fa;font-weight:600;color:#222;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.payment-history-table tr:hover{background-color:#f8f9fa}.payment-history-table td{font-size:14px;color:#555}.loading-state{text-align:center;padding:40px 20px;color:#666}.full-page-loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:15px}.no-students-message,.no-results-message{text-align:center;padding:40px 20px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:15px;color:#666}.empty-state-icon{font-size:48px;opacity:.7}.empty-state h4{font-size:18px;color:#333;margin:0}.empty-state p{margin:0;color:#666}@media screen{.logo-container{display:none}}@media (max-width: 1024px){.class-results-container{max-width:95%;margin:20px auto;padding:0 20px}.students-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.search-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.student-results-view{margin:0 10px;padding:20px}.bulk-publication-stats{grid-template-columns:repeat(2,1fr)}.bulk-action-buttons{flex-direction:column;align-items:center}.btn-bulk-publish-all,.btn-bulk-unpublish-all{min-width:250px;width:100%;max-width:300px}}@media (max-width: 768px){.search-grid,.student-info-grid{grid-template-columns:1fr}.section-header{flex-direction:column;gap:10px;align-items:flex-start}.student-results-view{padding:15px;margin:0 5px}.summary-grid{grid-template-columns:repeat(2,1fr)}.form-actions{flex-direction:column}.position-header{flex-direction:column;gap:10px;text-align:center}.delete-student-header,.search-section,.students-section,.student-results-view{padding:2rem 1.5rem}.delete-student-title{font-size:1.75rem}.publication-stats{flex-direction:column;align-items:center}.stat-item{width:100%;max-width:200px}.action-buttons{flex-direction:column;align-items:center}.btn-publish,.btn-unpublish{width:100%;max-width:250px}.bulk-class-publication-actions{padding:2rem 1.5rem}.bulk-actions-title{font-size:1.25rem}.bulk-publication-stats{grid-template-columns:1fr}}@media (max-width: 640px){.class-results-container{padding:0 15px}.class-results-title{font-size:20px}.student-results-view{border-width:1px;padding:15px}.school-name{font-size:20px}.results-table th,.results-table td{padding:8px 10px;font-size:14px}.position-value{font-size:2em}.summary-grid{grid-template-columns:1fr}.bulk-class-publication-actions{padding:1.5rem 1rem;border-radius:16px}.bulk-actions-title{font-size:1.125rem}.bulk-actions-subtitle{font-size:.9rem}.btn-bulk-publish-all,.btn-bulk-unpublish-all{padding:1rem 1.5rem;font-size:1rem;min-width:200px}.publication-action-buttons{flex-direction:column;gap:.25rem}.btn-publish-small,.btn-unpublish-small{width:100%;min-width:auto}}@media (max-width: 480px){.class-results-page{padding-bottom:20px}.class-results-container{padding:0 10px;margin:15px auto}.search-section,.students-section{padding:15px;margin-bottom:20px}.search-grid{gap:15px}.payment-history-table th,.payment-history-table td{padding:8px 10px;font-size:13px}.school-name{font-size:18px}.school-logo{height:60px}.form-actions{padding:15px}.btn-primary,.btn-secondary{padding:10px 20px;font-size:14px}.delete-student-header,.search-section,.students-section,.student-results-view{padding:1.5rem 1rem;border-radius:12px}.delete-student-title{font-size:1.5rem}.delete-student-subtitle{font-size:1rem}.section-title{font-size:1.25rem}.student-card{padding:1.5rem;min-height:250px}.student-name{font-size:1.25rem}.summary-value{font-size:1.5rem}.bulk-class-publication-actions{margin:1.5rem 0;padding:1.25rem .875rem}.bulk-stat-item{padding:1rem .75rem}.bulk-stat-value{font-size:1.25rem}.publication-actions{padding:1.5rem;margin:1.5rem 0}}@media (max-width: 360px){.class-results-container{padding:.5rem}.delete-student-header,.search-section,.students-section,.student-results-view{padding:1.25rem .875rem}.student-card{padding:1.25rem}.form-select{padding:.875rem 1rem}.primary-button{padding:.875rem 1.5rem}.bulk-class-publication-actions{padding:1rem .75rem}.bulk-actions-title{font-size:1rem}.btn-bulk-publish-all,.btn-bulk-unpublish-all{padding:.875rem 1.25rem;font-size:.9rem;min-width:180px}}@media print{body{background:none;padding:0}.class-results-page{background:#fff;padding:0}.student-results-view{box-shadow:none;border:none;padding:0;max-width:none;margin:0}.back-btn,.print-btn,.no-print{display:none!important}.logo-container{display:block;position:static}.school-header{border-bottom:2px solid #000}.results-table{border:1px solid #000}.results-table th,.results-table td{border:1px solid #000;color:#000}.student-info-card{background:#f0f0f0;border:1px solid #000}.summary-section{background:#2c3e50!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.publication-actions,.bulk-class-publication-actions,.publication-action-buttons{display:none!important}}.primary-button:focus,.form-select:focus,.btn-primary:focus,.btn-secondary:focus,.btn-publish:focus,.btn-unpublish:focus,.btn-bulk-publish-all:focus,.btn-bulk-unpublish-all:focus{outline:2px solid #222;outline-offset:2px}.primary-button:active,.btn-primary:active,.btn-secondary:active,.btn-publish:active,.btn-unpublish:active,.btn-bulk-publish-all:active,.btn-bulk-unpublish-all:active{transform:translateY(0)}.primary-button:disabled,.form-select:disabled,.btn-publish:disabled,.btn-unpublish:disabled,.btn-bulk-publish-all:disabled,.btn-bulk-unpublish-all:disabled{opacity:.6;cursor:not-allowed}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.p-20{padding:20px}.spinner-large{width:40px;height:40px}.results-table-container::-webkit-scrollbar{height:8px}.results-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.results-table-container::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.results-table-container::-webkit-scrollbar-thumb:hover{background:#764ba2}.student-card,.primary-button,.form-select,.btn-primary,.btn-secondary,.btn-publish,.btn-unpublish,.btn-bulk-publish-all,.btn-bulk-unpublish-all,.position-badge,.publication-status-badge{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (prefers-contrast: high){.student-card,.primary-button,.btn-primary,.btn-secondary,.btn-publish,.btn-unpublish,.btn-bulk-publish-all,.btn-bulk-unpublish-all,.form-select{border:2px solid #000}}@media (prefers-reduced-motion: reduce){.student-card,.primary-button,.form-select,.btn-primary,.btn-secondary,.btn-publish,.btn-unpublish,.btn-bulk-publish-all,.btn-bulk-unpublish-all,.position-badge,.publication-status-badge{transition:none}.primary-button:hover:not(:disabled),.btn-primary:hover,.btn-secondary:hover,.btn-publish:hover:not(:disabled),.btn-unpublish:hover:not(:disabled),.btn-bulk-publish-all:hover:not(:disabled),.btn-bulk-unpublish-all:hover:not(:disabled),.student-card:hover{transform:none}}.refresh-stats-btn{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .2s ease;margin-left:auto}.refresh-stats-btn:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.refresh-stats-btn:disabled{background:#a0a0a0;cursor:not-allowed;opacity:.7}.refresh-stats-btn:active:not(:disabled){transform:translateY(0)}:root{--primary-color: #2c3e50;--primary-dark: #1a252f;--primary-light: #34495e;--secondary-color: #3498db;--accent-color: #2980b9;--success-color: #27ae60;--warning-color: #f39c12;--danger-color: #e74c3c;--info-color: #17a2b8;--light-color: #f8f9fa;--light-gray: #e9ecef;--medium-gray: #ced4da;--dark-gray: #6c757d;--text-color: #333333;--text-light: #f8f9fa;--background-color: #f5f7fa;--surface-color: #ffffff;--border-color: #ced4da;--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 3px 6px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .12);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .1), 0 6px 6px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:1.6;color:var(--text-color);background-color:var(--background-color);overflow-x:hidden}.fetch-student-container{min-height:100vh;padding:var(--space-md);max-width:1400px;margin:0 auto}.fetch-student-header{text-align:center;margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--surface-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.fetch-student-title{font-size:var(--font-size-2xl);color:var(--primary-color);margin-bottom:var(--space-sm);font-weight:600}.fetch-student-subtitle{color:var(--dark-gray);font-size:var(--font-size-lg);max-width:600px;margin:0 auto}.search-section,.students-section,.student-results-view{background:var(--surface-color);border-radius:var(--border-radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.section-title{font-size:var(--font-size-xl);color:var(--primary-color);margin-bottom:var(--space-lg);font-weight:600;border-bottom:2px solid var(--light-gray);padding-bottom:var(--space-sm)}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;margin-bottom:var(--space-sm);font-weight:600;color:var(--primary-color)}.form-select,.form-input{width:100%;padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-md);transition:all var(--transition-fast);background-color:var(--surface-color);color:var(--text-color)}.form-select:focus,.form-input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #3498db33}.form-select:disabled{background-color:var(--light-gray);color:var(--dark-gray);cursor:not-allowed}.primary-button,.btn-primary{background-color:var(--secondary-color);color:#fff;border:none;padding:var(--space-md) var(--space-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);text-decoration:none;box-shadow:var(--shadow-sm)}.primary-button:hover,.btn-primary:hover{background-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.primary-button:active,.btn-primary:active{transform:translateY(0)}.primary-button:disabled,.btn-primary:disabled{background-color:var(--medium-gray);cursor:not-allowed;transform:none;box-shadow:none}.secondary-button,.btn-secondary{background-color:var(--surface-color);color:var(--primary-color);border:1px solid var(--border-color);padding:var(--space-md) var(--space-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm)}.secondary-button:hover,.btn-secondary:hover{background-color:var(--light-gray);border-color:var(--dark-gray)}.table-responsive{overflow-x:auto;border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.results-list-table,.results-table{width:100%;border-collapse:collapse;min-width:800px}.results-list-table th,.results-table th{background-color:var(--primary-color);color:#fff;padding:var(--space-md);text-align:left;font-weight:600;font-size:var(--font-size-sm);position:sticky;top:0}.results-list-table td,.results-table td{padding:var(--space-md);border-bottom:1px solid var(--border-color);font-size:var(--font-size-sm);background-color:var(--surface-color);color:var(--text-color)}.results-list-table tr:nth-child(2n) td,.results-table tr:nth-child(2n) td{background-color:var(--light-gray)}.results-list-table tr:hover td,.results-table tr:hover td{background-color:#3498db1a}.text-center{text-align:center}.admission-number{font-weight:600;color:var(--primary-color);font-family:Courier New,monospace}.student-class{color:var(--dark-gray);font-weight:500}.term-info{text-align:center}.term-badge{display:inline-block;padding:var(--space-xs) var(--space-sm);background-color:var(--primary-color);color:#fff;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:80px}.subject-count{display:inline-block;padding:var(--space-xs) var(--space-sm);background-color:var(--light-gray);color:var(--dark-gray);border-radius:var(--border-radius-sm);font-weight:600;min-width:30px;font-family:Courier New,monospace}.results-list-table th,.results-list-table td{padding:var(--space-md);vertical-align:middle}.results-list-table th{text-align:center;font-weight:600}.results-list-table th:nth-child(1){width:8%;text-align:center}.results-list-table th:nth-child(2){width:20%;text-align:left}.results-list-table th:nth-child(3){width:15%;text-align:left}.results-list-table th:nth-child(4){width:20%;text-align:center}.results-list-table th:nth-child(5){width:12%;text-align:center}.results-list-table th:nth-child(6){width:25%;text-align:center}.results-list-table td:nth-child(1){text-align:center}.results-list-table td:nth-child(2){text-align:left}.results-list-table td:nth-child(3){text-align:left}.results-list-table td:nth-child(4){text-align:center}.results-list-table td:nth-child(5){text-align:center}.results-list-table td:nth-child(6){text-align:center}.student-info-card{background:var(--light-gray);padding:var(--space-lg);border-radius:var(--border-radius-md);margin-bottom:var(--space-lg);border:1px solid var(--border-color)}.search-info{background-color:#3498db1a;border-left:4px solid var(--secondary-color);padding:var(--space-md);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--primary-light)}.students-count{background-color:var(--light-gray);color:var(--dark-gray);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:500}.position-badge{padding:var(--space-xs) var(--space-sm);border-radius:12px;font-size:var(--font-size-xs);font-weight:700;display:inline-block;min-width:40px;text-align:center}.position-first{background:gold;color:#000}.position-top-three{background:silver;color:#000}.position-top-ten{background:#cd7f32;color:#000}.position-other{background:var(--light-gray);color:var(--text-color)}.summary-section{background:#f8f9fa;color:#333;padding:var(--space-xl);border-radius:var(--border-radius-lg);margin:var(--space-xl) 0;border:2px solid var(--primary-color);box-shadow:var(--shadow-md)}.summary-section h3{color:var(--primary-color);text-align:center;margin-bottom:var(--space-lg);font-size:var(--font-size-xl);font-weight:700;border-bottom:2px solid var(--secondary-color);padding-bottom:var(--space-sm)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-lg);margin-bottom:var(--space-lg)}.summary-item{text-align:center;padding:var(--space-md);background:var(--surface-color);border-radius:var(--border-radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.summary-item div:first-child{font-weight:600;color:var(--dark-gray);font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.summary-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--primary-color);display:block}.summary-remarks{text-align:center;padding:var(--space-md);background:var(--surface-color);border-radius:var(--border-radius-md);border-left:4px solid var(--success-color);font-size:var(--font-size-md);color:var(--text-color)}.summary-remarks strong{color:var(--primary-color)}@media (max-width: 1199.98px){.fetch-student-container{padding:var(--space-md)}}@media (max-width: 991.98px){.fetch-student-title{font-size:var(--font-size-xl)}.fetch-student-subtitle{font-size:var(--font-size-md)}.search-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start}.student-info-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}.form-actions{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px}}@media (max-width: 767.98px){:root{--font-size-xs: .7rem;--font-size-sm: .8rem;--font-size-md: .9rem;--font-size-lg: 1rem;--font-size-xl: 1.1rem;--font-size-2xl: 1.3rem;--space-xs: .2rem;--space-sm: .4rem;--space-md: .8rem;--space-lg: 1.2rem;--space-xl: 1.6rem;--space-2xl: 2.4rem}.fetch-student-container{padding:var(--space-sm)}.search-section,.students-section,.student-results-view{padding:var(--space-lg)}.school-name{font-size:var(--font-size-xl)}.school-motto{font-size:var(--font-size-md)}.position-value{font-size:2.5rem}.results-list-table th,.results-list-table td,.results-table th,.results-table td{padding:var(--space-sm)}.action-buttons{flex-direction:column}.view-btn{width:100%}}@media (max-width: 575.98px){.fetch-student-header,.search-section,.students-section,.student-results-view{padding:var(--space-md)}.section-title{font-size:var(--font-size-lg)}.school-logo{height:50px}.logo-school-row{flex-direction:column;text-align:center}.summary-grid{grid-template-columns:1fr}.terms-list{flex-direction:column;align-items:flex-start}.primary-button,.secondary-button{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.primary-button:hover,.btn-primary:hover{transform:none}}@media print{.no-print{display:none!important}.fetch-student-container{padding:0;margin:0}.student-results-view{box-shadow:none;border:none;padding:0;margin:0}.form-actions{display:none}body{background:#fff;font-size:12pt;color:#000}.school-logo{height:60px}.school-name{font-size:18pt;color:#000}.results-table{font-size:10pt}.fetch-student-title,.section-title,.form-label,.results-table th,.results-table td{color:#000}.search-section,.students-section,.student-results-view,.fetch-student-header{background:#fff}.summary-section{background:#f8f9fa!important;border:2px solid #000000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.summary-section h3{color:#000!important;border-bottom-color:#333!important}.summary-item{background:#fff!important;border:1px solid #cccccc!important}.summary-item div:first-child{color:#333!important}.summary-value{color:#000!important}.summary-remarks{background:#fff!important;color:#000!important;border-left-color:#333!important}.summary-remarks strong{color:#000!important}}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--secondary-color: #6b7280;--secondary-hover: #4b5563;--success-color: #059669;--warning-color: #d97706;--error-color: #dc2626;--background-color: #ffffff;--surface-color: #f8fafc;--border-color: #e2e8f0;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--border-radius-sm: .375rem;--border-radius: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition: all .2s ease-in-out;--transition-slow: all .3s ease-in-out}.pay-payment-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:var(--spacing-lg);font-family:var(--font-family);line-height:1.6;color:var(--text-primary)}.pay-payment-card{max-width:1200px;margin:0 auto;background:var(--background-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--border-color)}.pay-campus-indicator{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;padding:var(--spacing-md) var(--spacing-lg);display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);justify-content:space-between}.pay-campus-badge{background:#fff3;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pay-api-info{font-size:var(--font-size-xs);opacity:.9;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center}.pay-csrf-status,.pay-csrf-retry,.pay-sessions-status,.pay-system-status{padding:2px 6px;border-radius:var(--border-radius-sm);background:#ffffff1a;font-weight:var(--font-weight-medium)}.pay-system-status.healthy{background:#22c55e33}.pay-system-status.error{background:#ef444433}.pay-system-warning,.pay-admission-lock-notice,.pay-session-warning{padding:var(--spacing-md);margin:var(--spacing-lg);border-radius:var(--border-radius);display:flex;align-items:flex-start;gap:var(--spacing-md);border-left:4px solid}.pay-system-warning{background:#fef3f2;border-left-color:var(--error-color);color:var(--error-color)}.pay-admission-lock-notice{background:#f0f9ff;border-left-color:var(--primary-color);color:var(--primary-color)}.pay-session-warning{background:#fffbeb;border-left-color:var(--warning-color);color:var(--warning-color)}.pay-warning-icon,.pay-lock-icon{font-size:var(--font-size-xl);flex-shrink:0}.pay-warning-message,.pay-lock-message{flex:1}.pay-warning-message strong,.pay-lock-message strong{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-semibold)}.pay-warning-details{margin-top:var(--spacing-xs);opacity:.8;font-size:var(--font-size-sm)}.pay-loading-state{padding:var(--spacing-2xl);text-align:center;color:var(--text-secondary)}.pay-spinner-large{width:48px;height:48px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:pay-spin 1s linear infinite;margin:0 auto var(--spacing-lg)}.pay-loading-details{margin-top:var(--spacing-md);font-size:var(--font-size-sm);line-height:1.5}.pay-loading-sessions{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--surface-color);margin:var(--spacing-lg);border-radius:var(--border-radius);color:var(--text-secondary)}.pay-spinner-small{width:16px;height:16px;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:pay-spin 1s linear infinite}.pay-payment-form-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);text-align:center;margin:var(--spacing-2xl) var(--spacing-lg) var(--spacing-lg)}.pay-payment-form{padding:0 var(--spacing-lg) var(--spacing-2xl)}.pay-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.pay-form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.pay-form-group label{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm)}.pay-form-input{padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);transition:var(--transition);background:var(--background-color);color:var(--text-primary)}.pay-form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.pay-form-input:disabled{background-color:var(--surface-color);color:var(--text-muted);cursor:not-allowed;opacity:.7}.pay-input-error{border-color:var(--error-color);background-color:#fef2f2}.pay-input-error:focus{border-color:var(--error-color);box-shadow:0 0 0 3px #dc26261a}.pay-error-text{color:var(--error-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pay-field-note{color:var(--text-muted);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.pay-next-term-selector{background:var(--surface-color);border-radius:var(--border-radius);padding:var(--spacing-lg);margin:var(--spacing-lg);border:1px solid var(--border-color)}.pay-next-term-selector h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.pay-all-terms-paid{text-align:center;padding:var(--spacing-lg);background:#f0fdf4;border-radius:var(--border-radius);border:1px solid #bbf7d0}.pay-success-icon{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}.pay-session-info{font-weight:var(--font-weight-medium);color:var(--text-secondary);margin:var(--spacing-md) 0}.pay-paid-terms-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-md)}.pay-paid-term-tag{background:var(--success-color);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.pay-term-display-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.pay-selected-term-card{background:#fff;border:2px solid var(--success-color);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.pay-term-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.pay-term-label{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--success-color)}.pay-term-badge{background:var(--success-color);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.pay-term-info p{margin:0 0 var(--spacing-md) 0;color:var(--text-secondary)}.pay-paid-terms-info{margin-top:var(--spacing-md)}.pay-paid-terms-info strong{display:block;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.pay-form-actions{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.pay-btn-primary,.pay-btn-secondary{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;min-height:48px}.pay-btn-secondary{background:var(--surface-color);color:var(--text-primary);border:2px solid var(--border-color)}.pay-btn-loading{position:relative;pointer-events:none}.pay-btn-loading-content{display:flex;align-items:center;gap:var(--spacing-sm)}.pay-spinner{width:16px;height:16px;animation:pay-spin 1s linear infinite}.pay-payment-status-message{padding:var(--spacing-md);margin:var(--spacing-lg);border-radius:var(--border-radius);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-sm);border-left:4px solid}.pay-payment-status-success{background:#f0fdf4;border-left-color:var(--success-color);color:var(--success-color)}.pay-payment-status-error{background:#fef2f2;border-left-color:var(--error-color);color:var(--error-color)}.pay-payment-status-warning{background:#fffbeb;border-left-color:var(--warning-color);color:var(--warning-color)}.pay-student-transactions{margin-top:var(--spacing-2xl);padding:var(--spacing-lg);background:var(--surface-color);border-radius:var(--border-radius);border:1px solid var(--border-color)}.pay-transactions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.pay-transactions-header h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.pay-transactions-controls{display:flex;gap:var(--spacing-md);align-items:center}.pay-filter-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--background-color);color:var(--text-primary);font-size:var(--font-size-sm)}.pay-no-transactions{text-align:center;padding:var(--spacing-2xl);color:var(--text-muted)}.pay-transaction-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.pay-summary-item{text-align:center;padding:var(--spacing-md);border-radius:var(--border-radius);background:var(--surface-color)}.pay-summary-item.pay-total{border-top:4px solid var(--primary-color)}.pay-summary-item.pay-successful{border-top:4px solid var(--success-color)}.pay-summary-item.pay-pending{border-top:4px solid var(--warning-color)}.pay-summary-item.pay-failed{border-top:4px solid var(--error-color)}.pay-summary-item.pay-amount{border-top:4px solid var(--secondary-color)}.pay-count{display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.pay-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.pay-term-summary{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.pay-term-summary h4{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.pay-term-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.pay-term-summary-item{display:flex;flex-direction:column;padding:var(--spacing-md);background:var(--surface-color);border-radius:var(--border-radius);border-left:4px solid var(--primary-color)}.pay-term-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.pay-term-count{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.pay-term-amount{font-weight:var(--font-weight-bold);color:var(--success-color);font-size:var(--font-size-lg)}.pay-table-responsive{overflow-x:auto;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);background:#fff}.pay-transactions-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.pay-transactions-table th{background:var(--surface-color);padding:var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-primary);border-bottom:1px solid var(--border-color);white-space:nowrap}.pay-transactions-table tbody tr:hover{background:var(--surface-color)}.pay-reference-cell code{background:var(--surface-color);padding:2px 6px;border-radius:var(--border-radius-sm);font-family:Monaco,Consolas,monospace;font-size:var(--font-size-xs);color:var(--text-secondary)}.pay-status-badge,.pay-type-badge{padding:4px 8px;border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize}.pay-status-successful{background:#d1fae5;color:var(--success-color)}.pay-status-pending{background:#fef3c7;color:var(--warning-color)}.pay-status-failed{background:#fee2e2;color:var(--error-color)}.pay-type-school_fees{background:#dbeafe;color:var(--primary-color)}.pay-type-store{background:#e0e7ff;color:#6366f1}@media (min-width: 1200px){.pay-payment-container{padding:var(--spacing-2xl)}.pay-form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1199px){.pay-payment-container{padding:var(--spacing-md)}.pay-campus-indicator{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.pay-transactions-header{flex-direction:column;align-items:flex-start}.pay-transactions-controls{width:100%;justify-content:space-between}}@media (max-width: 767px){.pay-payment-container{padding:var(--spacing-sm)}.pay-payment-card{border-radius:var(--border-radius-lg)}.pay-payment-form{padding:0 var(--spacing-md) var(--spacing-xl)}.pay-form-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.pay-campus-indicator{padding:var(--spacing-md)}.pay-api-info{font-size:.7rem}.pay-form-actions{flex-direction:column}.pay-btn-primary,.pay-btn-secondary{width:100%;justify-content:center}.pay-transaction-summary{grid-template-columns:repeat(2,1fr)}.pay-term-summary-grid{grid-template-columns:1fr}.pay-transactions-table{font-size:var(--font-size-xs)}.pay-transactions-table th,.pay-transactions-table td{padding:var(--spacing-sm)}.pay-system-warning,.pay-admission-lock-notice,.pay-session-warning{margin:var(--spacing-md);flex-direction:column;text-align:center;gap:var(--spacing-sm)}.pay-next-term-selector{margin:var(--spacing-md);padding:var(--spacing-md)}.pay-term-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}@media (max-width: 480px){.pay-payment-container{padding:var(--spacing-xs)}.pay-payment-form-title{font-size:var(--font-size-xl);margin:var(--spacing-xl) var(--spacing-md) var(--spacing-md)}.pay-transaction-summary{grid-template-columns:1fr}.pay-paid-terms-list{justify-content:flex-start}.pay-transactions-controls{flex-direction:column;width:100%}.pay-filter-select{width:100%}}@media print{.pay-payment-container{background:#fff;padding:0}.pay-payment-card{box-shadow:none;border:1px solid #000}.pay-btn-primary,.pay-btn-secondary,.pay-transactions-controls{display:none}}@media (prefers-contrast: high){:root{--border-color: #000000;--text-primary: #000000;--text-secondary: #333333}.pay-payment-card{border:2px solid #000000}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.pay-btn-primary:hover:not(:disabled),.pay-btn-secondary:hover{transform:none}}.pay-form-input:focus-visible,.pay-btn-primary:focus-visible,.pay-btn-secondary:focus-visible,.pay-filter-select:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.pay-btn-loading{opacity:.7}.pay-error-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#fef2f2;border:1px solid var(--error-color);border-radius:var(--border-radius);color:var(--error-color);margin:var(--spacing-lg)}.pay-error-icon{flex-shrink:0}:root{--school-primary-color: #2563eb;--school-primary-dark: #1d4ed8;--school-primary-light: #dbeafe;--school-primary-gradient: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);--school-success-color: #059669;--school-success-light: #d1fae5;--school-warning-color: #d97706;--school-warning-light: #fef3c7;--school-danger-color: #dc2626;--school-danger-light: #fef2f2;--school-info-color: #0ea5e9;--school-info-light: #e0f2fe;--school-container-max-width: 1200px;--school-card-max-width: 800px;--school-form-grid-gap: 1.5rem;--school-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--school-font-size-xs: .75rem;--school-font-size-sm: .875rem;--school-font-size-base: 1rem;--school-font-size-lg: 1.125rem;--school-font-size-xl: 1.25rem;--school-font-size-2xl: 1.5rem;--school-font-size-3xl: 1.875rem;--school-space-xs: .5rem;--school-space-sm: .75rem;--school-space-md: 1rem;--school-space-lg: 1.5rem;--school-space-xl: 2rem;--school-space-2xl: 3rem;--school-radius-sm: .375rem;--school-radius-md: .5rem;--school-radius-lg: .75rem;--school-radius-xl: 1rem;--school-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--school-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--school-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--school-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--school-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--school-transition-base: .25s cubic-bezier(.4, 0, .2, 1);--school-transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}.school-payment-container *{margin:0;padding:0;box-sizing:border-box}.school-payment-container{font-family:var(--school-font-family);background:#f8fafc;min-height:100vh;padding:var(--school-space-xl);line-height:1.6;color:#1e293b}.school-payment-container{max-width:var(--school-container-max-width);margin:0 auto;display:flex;justify-content:center;align-items:flex-start;padding-top:var(--school-space-2xl)}.school-payment-card{background:#fff;border-radius:var(--school-radius-xl);box-shadow:var(--school-shadow-xl);padding:var(--school-space-2xl);width:100%;max-width:var(--school-card-max-width);border:1px solid #e2e8f0;position:relative;overflow:hidden}.school-payment-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--school-primary-gradient)}.school-campus-indicator{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--school-space-sm);padding:var(--school-space-md);background:#f8fafc;border-radius:var(--school-radius-lg);border:1px solid #e2e8f0;margin-bottom:var(--school-space-xl);font-size:var(--school-font-size-sm)}.school-campus-badge{background:var(--school-primary-gradient);color:#fff;padding:var(--school-space-xs) var(--school-space-sm);border-radius:var(--school-radius-md);font-weight:600;font-size:var(--school-font-size-xs);text-transform:uppercase;letter-spacing:.5px}.school-api-info{color:#64748b;font-size:var(--school-font-size-xs);display:flex;align-items:center;gap:var(--school-space-sm);flex-wrap:wrap}.school-csrf-status{color:var(--school-success-color);font-weight:600}.school-csrf-retry{color:var(--school-warning-color);font-weight:600}.school-system-status.healthy{color:var(--school-success-color);font-weight:600}.school-system-status.error{color:var(--school-danger-color);font-weight:600}.school-academic-session{color:var(--school-primary-color);font-weight:600}.school-system-warning,.school-session-warning,.school-admission-lock-notice{display:flex;align-items:flex-start;gap:var(--school-space-md);padding:var(--school-space-lg);border-radius:var(--school-radius-lg);margin-bottom:var(--school-space-xl);border-left:4px solid}.school-system-warning{background:var(--school-warning-light);border-left-color:var(--school-warning-color)}.school-session-warning{background:var(--school-info-light);border-left-color:var(--school-info-color)}.school-admission-lock-notice{background:var(--school-success-light);border-left-color:var(--school-success-color)}.school-warning-icon,.school-lock-icon{font-size:var(--school-font-size-xl);flex-shrink:0}.school-warning-message,.school-lock-message{flex:1}.school-warning-message strong,.school-lock-message strong{display:block;margin-bottom:var(--school-space-xs);font-size:var(--school-font-size-base)}.school-warning-message p,.school-lock-message p{color:#475569;font-size:var(--school-font-size-sm);margin-bottom:var(--school-space-xs)}.school-warning-details{font-size:var(--school-font-size-xs)!important;color:#64748b!important;font-style:italic}.school-loading-state{text-align:center;padding:var(--school-space-2xl);color:#64748b}.school-spinner-large{width:48px;height:48px;border:3px solid #e2e8f0;border-top:3px solid var(--school-primary-color);border-radius:50%;animation:school-spin 1s linear infinite;margin:0 auto var(--school-space-lg)}.school-loading-details{font-size:var(--school-font-size-sm);margin-top:var(--school-space-md);line-height:1.5;color:#94a3b8}.school-loading-sessions{display:flex;align-items:center;justify-content:center;gap:var(--school-space-sm);padding:var(--school-space-md);background:#f8fafc;border-radius:var(--school-radius-lg);margin-bottom:var(--school-space-lg);color:#64748b;font-size:var(--school-font-size-sm)}.school-spinner-small{width:16px;height:16px;border:2px solid #e2e8f0;border-top:2px solid var(--school-primary-color);border-radius:50%;animation:school-spin 1s linear infinite}@keyframes school-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.school-payment-form-title{font-size:var(--school-font-size-2xl);font-weight:700;color:#1e293b;margin-bottom:var(--school-space-sm);display:flex;align-items:center;gap:var(--school-space-sm)}.school-payment-title-icon{width:24px;height:24px;color:var(--school-primary-color)}.school-store-description{color:#64748b;font-size:var(--school-font-size-base);margin-bottom:var(--school-space-xl);line-height:1.6}.school-order-reference,.school-academic-info{background:#f8fafc;padding:var(--school-space-md);border-radius:var(--school-radius-lg);margin-bottom:var(--school-space-lg);border-left:4px solid var(--school-primary-color);font-size:var(--school-font-size-sm)}.school-order-reference strong,.school-academic-info strong{color:#1e293b}.school-order-items-container{background:#f8fafc;border-radius:var(--school-radius-lg);padding:var(--school-space-lg);margin-bottom:var(--school-space-xl);border:1px solid #e2e8f0}.school-order-items-title{font-size:var(--school-font-size-lg);font-weight:600;color:#1e293b;margin-bottom:var(--school-space-lg);display:flex;align-items:center;gap:var(--school-space-sm)}.school-order-items-title-icon{width:20px;height:20px;color:var(--school-primary-color)}.school-order-items-list{display:flex;flex-direction:column;gap:var(--school-space-sm)}.school-order-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--school-space-md);background:#fff;border-radius:var(--school-radius-md);border:1px solid #e2e8f0;transition:all var(--school-transition-base)}.school-order-item:hover{border-color:var(--school-primary-color);box-shadow:var(--school-shadow-sm)}.school-order-item-info{flex:1}.school-order-item-name{display:block;font-weight:600;color:#1e293b;margin-bottom:var(--school-space-xs);font-size:var(--school-font-size-base)}.school-order-item-details{display:block;color:#64748b;font-size:var(--school-font-size-sm);margin-bottom:var(--school-space-xs)}.school-order-item-sku{display:block;color:#94a3b8;font-size:var(--school-font-size-xs);font-family:monospace}.school-order-item-total{font-weight:700;color:var(--school-primary-color);font-size:var(--school-font-size-base);white-space:nowrap;margin-left:var(--school-space-md)}.school-order-items-empty{text-align:center;padding:var(--school-space-2xl);color:#94a3b8}.school-order-empty-icon{width:48px;height:48px;color:#cbd5e1;margin-bottom:var(--school-space-md)}.school-payment-status-message{padding:var(--school-space-lg);border-radius:var(--school-radius-lg);margin-bottom:var(--school-space-xl);font-weight:500;display:flex;align-items:center;gap:var(--school-space-sm);border-left:4px solid}.school-payment-status-success{background:var(--school-success-light);border-left-color:var(--school-success-color);color:#065f46}.school-payment-status-error{background:var(--school-danger-light);border-left-color:var(--school-danger-color);color:#991b1b}.school-payment-form{margin-top:var(--school-space-xl)}.school-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--school-form-grid-gap);margin-bottom:var(--school-space-xl)}.school-form-group{display:flex;flex-direction:column}.school-form-group label{font-weight:600;color:#374151;margin-bottom:var(--school-space-sm);font-size:var(--school-font-size-sm)}.school-form-group label:after{content:"*";color:var(--school-danger-color);margin-left:2px}.school-form-group label:has(+input:not([required])):after{content:""}.school-form-input{padding:var(--school-space-md);border:2px solid #e2e8f0;border-radius:var(--school-radius-md);font-size:var(--school-font-size-base);transition:all var(--school-transition-base);background:#fff;color:#1e293b}.school-form-input:focus{outline:none;border-color:var(--school-primary-color);box-shadow:0 0 0 3px #2563eb1a}.school-form-input:hover:not(:focus):not(:read-only){border-color:#cbd5e1}.school-form-input:read-only{background-color:#f8fafc;color:#64748b;border-color:#e2e8f0;cursor:not-allowed}.school-form-input.school-input-error{border-color:var(--school-danger-color);background-color:#fef2f2}.school-form-input.school-input-error:focus{box-shadow:0 0 0 3px #dc26261a}.school-error-text{color:var(--school-danger-color);font-size:var(--school-font-size-sm);margin-top:var(--school-space-xs);display:flex;align-items:center;gap:var(--school-space-xs)}.school-error-text:before{content:"⚠";font-size:var(--school-font-size-xs)}.school-form-input select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%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}.school-form-input select:disabled{background-color:#f8fafc;color:#64748b;cursor:not-allowed;opacity:.7}.school-error-message{display:flex;align-items:center;gap:var(--school-space-sm);padding:var(--school-space-md);background:var(--school-danger-light);border:1px solid #fecaca;border-radius:var(--school-radius-md);color:var(--school-danger-color);margin-bottom:var(--school-space-lg);font-weight:500}.school-error-icon{width:20px;height:20px;flex-shrink:0}.school-form-actions{display:flex;justify-content:flex-end;margin-top:var(--school-space-xl);padding-top:var(--school-space-lg);border-top:1px solid #e2e8f0}.school-btn-primary{background:var(--school-primary-gradient);color:#fff;border:none;padding:var(--school-space-lg) var(--school-space-2xl);border-radius:var(--school-radius-lg);font-size:var(--school-font-size-base);font-weight:600;cursor:pointer;transition:all var(--school-transition-base);display:flex;align-items:center;gap:var(--school-space-sm);position:relative;overflow:hidden}.school-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--school-transition-slow)}.school-btn-primary:hover:not(:disabled):before{left:100%}.school-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--school-shadow-lg)}.school-btn-primary:active:not(:disabled){transform:translateY(0)}.school-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.school-btn-primary-icon{width:20px;height:20px}.school-btn-loading{pointer-events:none}.school-btn-loading-content{display:flex;align-items:center;gap:var(--school-space-sm)}.school-spinner{animation:school-spin 1s linear infinite;width:20px;height:20px}.school-spinner circle{opacity:.25}.school-spinner circle:first-child{opacity:.75}.school-btn-secondary{background:#f8fafc;color:#374151;border:2px solid #e5e7eb;padding:var(--school-space-lg) var(--school-space-2xl);border-radius:var(--school-radius-lg);font-size:var(--school-font-size-base);font-weight:600;cursor:pointer;transition:all var(--school-transition-base);display:flex;align-items:center;gap:var(--school-space-sm);position:relative;overflow:hidden}.school-btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.05),transparent);transition:left var(--school-transition-slow)}.school-btn-secondary:hover:not(:disabled):before{left:100%}.school-btn-secondary:hover:not(:disabled){background:#f1f5f9;border-color:#d1d5db;transform:translateY(-2px);box-shadow:var(--school-shadow-md)}.school-btn-secondary:active:not(:disabled){transform:translateY(0)}.school-btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.school-btn-secondary-icon{width:20px;height:20px;color:#6b7280}.school-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--school-space-xl);padding-top:var(--school-space-lg);border-top:1px solid #e2e8f0;gap:var(--school-space-md)}@media (max-width: 1024px){.school-payment-container{padding:var(--school-space-lg)}.school-payment-card{padding:var(--school-space-xl)}.school-form-grid{grid-template-columns:1fr;gap:var(--school-space-lg)}}@media (max-width: 768px){.school-payment-container{padding:var(--school-space-md);padding-top:var(--school-space-xl)}.school-payment-card{padding:var(--school-space-lg);border-radius:var(--school-radius-lg)}.school-campus-indicator{flex-direction:column;align-items:flex-start;gap:var(--school-space-sm)}.school-api-info{justify-content:flex-start}.school-payment-form-title{font-size:var(--school-font-size-xl)}.school-order-items-title{font-size:var(--school-font-size-base)}.school-order-item{flex-direction:column;align-items:stretch;gap:var(--school-space-sm)}.school-order-item-total{margin-left:0;text-align:right}.school-form-actions{flex-direction:column-reverse;gap:var(--school-space-md)}.school-btn-secondary,.school-btn-primary{width:100%;justify-content:center}}@media (max-width: 640px){:root{--school-form-grid-gap: 1rem}.school-payment-container{padding:var(--school-space-sm);padding-top:var(--school-space-lg)}.school-payment-card{padding:var(--school-space-md);border-radius:var(--school-radius-md)}.school-system-warning,.school-session-warning,.school-admission-lock-notice{padding:var(--school-space-md);flex-direction:column;text-align:center;gap:var(--school-space-sm)}.school-order-items-container{padding:var(--school-space-md)}.school-order-item,.school-form-input{padding:var(--school-space-sm)}.school-btn-primary,.school-btn-secondary{padding:var(--school-space-md) var(--school-space-lg);font-size:var(--school-font-size-sm)}}@media (max-width: 480px){.school-payment-container{padding:var(--school-space-xs);padding-top:var(--school-space-md)}.school-payment-card{padding:var(--school-space-sm);border-radius:var(--school-radius-md)}.school-campus-indicator{padding:var(--school-space-sm)}.school-payment-form-title{font-size:var(--school-font-size-lg);flex-direction:column;gap:var(--school-space-xs);text-align:center}.school-store-description{text-align:center}.school-order-reference,.school-academic-info{padding:var(--school-space-sm);text-align:center}.school-payment-status-message{padding:var(--school-space-md);text-align:center;flex-direction:column;gap:var(--school-space-xs)}}@media print{.school-payment-container{background:#fff;padding:0}.school-payment-card{box-shadow:none;border:1px solid #000;border-radius:0}.school-campus-indicator,.school-form-actions,.school-btn-primary,.school-btn-secondary{display:none}.school-payment-form-title{color:#000}.school-order-item{break-inside:avoid}}@media (prefers-contrast: high){.school-payment-card,.school-form-input{border:2px solid #000}.school-form-input:focus{border-width:3px}}@media (prefers-reduced-motion: reduce){.school-btn-primary:before,.school-btn-secondary:before{display:none}.school-btn-primary:hover:not(:disabled),.school-btn-secondary:hover:not(:disabled){transform:none}.school-order-item{transition:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.school-form-input:focus-visible{outline:2px solid var(--school-primary-color);outline-offset:2px}.school-btn-primary:focus-visible{outline:2px solid white;outline-offset:2px}.school-btn-secondary:focus-visible{outline:2px solid var(--school-primary-color);outline-offset:2px}.school-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.school-payment-container::-webkit-scrollbar{width:8px}.school-payment-container::-webkit-scrollbar-track{background:#f1f5f9}.school-payment-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.school-payment-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}:root{--primary-color: #2ecc71;--primary-dark: #27ae60;--primary-light: #d5f4e6;--secondary-color: #3498db;--secondary-dark: #2980b9;--secondary-light: #ebf5fb;--success-color: #2ecc71;--success-bg: #d5f4e6;--success-border: #27ae60;--warning-color: #f39c12;--warning-bg: #fef5e7;--warning-border: #e67e22;--error-color: #e74c3c;--error-bg: #fadbd8;--error-border: #c0392b;--info-color: #3498db;--info-bg: #ebf5fb;--info-border: #2980b9;--text-primary: #2c3e50;--text-secondary: #7f8c8d;--text-light: #95a5a6;--text-white: #ffffff;--bg-white: #ffffff;--bg-light: #f8f9fa;--bg-gray: #ecf0f1;--bg-dark: #34495e;--border-color: #e0e0e0;--border-light: #f0f0f0;--border-dark: #bdc3c7;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .15);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .18);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-round: 50%;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--font-xs: .75rem;--font-sm: .875rem;--font-md: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 2rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:var(--bg-light);line-height:1.6}.pay-payment-success-container{min-height:100vh;padding:var(--spacing-xl) var(--spacing-md);background:linear-gradient(135deg,var(--bg-light) 0%,var(--bg-gray) 100%);display:flex;justify-content:center;align-items:flex-start;padding-top:80px}.pay-success-card{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:900px;width:100%;margin:0 auto;overflow:hidden;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pay-campus-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--text-white);padding:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-lg);border-bottom:4px solid var(--primary-dark)}.pay-campus-logo{flex-shrink:0}.pay-campus-logo img{width:80px;height:80px;object-fit:contain;border-radius:var(--radius-md);background:var(--bg-white);padding:var(--spacing-sm);box-shadow:var(--shadow-md)}.pay-campus-info h2{font-size:var(--font-xl);font-weight:700;margin-bottom:var(--spacing-xs);text-shadow:0 2px 4px rgba(0,0,0,.2)}.pay-campus-address{font-size:var(--font-sm);opacity:.95;margin-bottom:var(--spacing-xs)}.pay-campus-id{font-size:var(--font-xs);opacity:.85;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.pay-success-header{text-align:center;padding:var(--spacing-2xl) var(--spacing-xl);background:var(--success-bg);border-bottom:2px solid var(--success-border)}.pay-success-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--success-color);border-radius:var(--radius-round);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-lg);animation:scaleIn .5s ease-out}.pay-success-icon svg{color:var(--text-white);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.pay-success-header h1{font-size:var(--font-3xl);color:var(--success-color);margin-bottom:var(--spacing-md);font-weight:700}.pay-success-message{font-size:var(--font-lg);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.8}.pay-inventory-status{margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-sm);font-weight:500;max-width:600px;margin-left:auto;margin-right:auto}.pay-inventory-updating{background:var(--info-bg);border:2px solid var(--info-border);color:var(--info-color)}.pay-inventory-success{background:var(--success-bg);border:2px solid var(--success-border);color:var(--success-color)}.pay-inventory-error{background:var(--error-bg);border:2px solid var(--error-border);color:var(--error-color);flex-direction:column;align-items:flex-start}.pay-inventory-error-details{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.pay-warning-note{font-size:var(--font-xs);color:var(--warning-color);font-weight:600;margin-top:var(--spacing-xs)}.pay-retry-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--text-white);border:2px solid var(--error-color);color:var(--error-color);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-sm)}.pay-retry-button:hover{background:var(--error-color);color:var(--text-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pay-receipt-details{padding:var(--spacing-2xl) var(--spacing-xl);border-bottom:2px solid var(--border-light)}.pay-receipt-details h2{font-size:var(--font-2xl);color:var(--text-primary);margin-bottom:var(--spacing-xl);text-align:center;font-weight:700;position:relative;padding-bottom:var(--spacing-md)}.pay-receipt-details h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);border-radius:var(--radius-sm)}.pay-receipt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.pay-receipt-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-light);border-radius:var(--radius-md);border-left:4px solid var(--primary-color);transition:all var(--transition-fast)}.pay-receipt-item:hover{background:var(--bg-white);box-shadow:var(--shadow-sm);transform:translate(4px)}.pay-receipt-item label{font-size:var(--font-sm);color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pay-receipt-item span{font-size:var(--font-md);color:var(--text-primary);font-weight:500}.pay-highlight{color:var(--primary-color)!important;font-weight:700!important;font-size:var(--font-lg)!important}.pay-amount{font-size:var(--font-xl)!important;color:var(--success-color)!important}.pay-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-xl);font-size:var(--font-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.pay-badge-success{background:var(--success-bg);color:var(--success-color);border:2px solid var(--success-border)}.pay-badge-campus{background:var(--secondary-bg);color:var(--secondary-color);border:2px solid var(--secondary-border)}.pay-badge-type{background:var(--info-bg);color:var(--info-color);border:2px solid var(--info-border)}.pay-order-items-section{padding:var(--spacing-2xl) var(--spacing-xl);border-bottom:2px solid var(--border-light);background:var(--bg-light)}.pay-order-items-section h3{font-size:var(--font-xl);color:var(--text-primary);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);font-weight:700}.pay-order-items-icon{color:var(--primary-color)}.pay-order-items-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.pay-order-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:var(--bg-white);border-radius:var(--radius-md);border:2px solid var(--border-color);transition:all var(--transition-fast)}.pay-order-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pay-order-item-info{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.pay-order-item-name{font-size:var(--font-md);font-weight:700;color:var(--text-primary)}.pay-order-item-details{font-size:var(--font-sm);color:var(--text-secondary)}.pay-order-item-sku{font-size:var(--font-xs);color:var(--text-light);font-family:Courier New,monospace}.pay-order-item-total{font-size:var(--font-xl);font-weight:700;color:var(--primary-color);white-space:nowrap;margin-left:var(--spacing-lg)}.pay-order-summary{padding:var(--spacing-lg);background:var(--primary-light);border-radius:var(--radius-md);border:2px solid var(--primary-color);display:flex;justify-content:space-between;align-items:center}.pay-order-total{font-size:var(--font-xl);color:var(--primary-color);font-weight:700}.pay-order-count{font-size:var(--font-sm);color:var(--text-secondary);font-weight:600}.pay-transaction-notes{padding:var(--spacing-2xl) var(--spacing-xl);border-bottom:2px solid var(--border-light);background:var(--bg-white)}.pay-transaction-notes h3{font-size:var(--font-xl);color:var(--text-primary);margin-bottom:var(--spacing-lg);font-weight:700}.pay-transaction-notes ul{list-style:none;padding:0}.pay-transaction-notes li{padding:var(--spacing-md);margin-bottom:var(--spacing-sm);background:var(--bg-light);border-left:4px solid var(--info-color);border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--text-secondary);line-height:1.6;position:relative;padding-left:var(--spacing-xl)}.pay-transaction-notes li:before{content:"✓";position:absolute;left:var(--spacing-md);color:var(--info-color);font-weight:700;font-size:var(--font-md)}.pay-transaction-notes li.pay-warning-note{background:var(--warning-bg);border-left-color:var(--warning-color);color:var(--warning-color);font-weight:600}.pay-transaction-notes li.pay-warning-note:before{content:"⚠";color:var(--warning-color)}.pay-receipt-actions{padding:var(--spacing-xl);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;background:var(--bg-light)}.pay-btn-primary,.pay-btn-secondary,.pay-btn-outline,.pay-btn-warning{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-md);font-weight:600;cursor:pointer;border:none;transition:all var(--transition-normal);text-decoration:none;white-space:nowrap;min-width:180px}.pay-btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--text-white);box-shadow:var(--shadow-md)}.pay-btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--primary-dark),var(--primary-color))}.pay-btn-secondary{background:linear-gradient(135deg,var(--secondary-color),var(--secondary-dark));color:var(--text-white);box-shadow:var(--shadow-md)}.pay-btn-secondary:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--secondary-dark),var(--secondary-color))}.pay-btn-outline{background:var(--bg-white);color:var(--text-primary);border:2px solid var(--border-dark);box-shadow:var(--shadow-sm)}.pay-btn-outline:hover{background:var(--bg-light);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-3px);box-shadow:var(--shadow-md)}.pay-btn-warning{background:linear-gradient(135deg,var(--warning-color),var(--error-color));color:var(--text-white);box-shadow:var(--shadow-md)}.pay-btn-warning:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--error-color),var(--warning-color))}.pay-btn-primary:active,.pay-btn-secondary:active,.pay-btn-outline:active,.pay-btn-warning:active{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pay-receipt-footer{padding:var(--spacing-2xl) var(--spacing-xl);background:var(--bg-light);text-align:center;border-top:2px solid var(--border-light)}.pay-receipt-footer>p:first-child{font-size:var(--font-lg);color:var(--text-primary);font-weight:600;margin-bottom:var(--spacing-lg)}.pay-contact-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.pay-contact-info p{font-size:var(--font-sm);color:var(--text-secondary);margin:0}.pay-print-note{font-style:italic;color:var(--text-light)!important;font-size:var(--font-xs)!important;margin-top:var(--spacing-md)!important}.pay-loading-state{text-align:center;padding:var(--spacing-2xl);min-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center}.pay-loading-state p{margin-top:var(--spacing-md);font-size:var(--font-lg);color:var(--text-secondary);font-weight:500}.pay-campus-info,.pay-reference-info,.pay-loading-details{font-size:var(--font-sm)!important;color:var(--text-light)!important;margin-top:var(--spacing-sm)!important}.pay-spinner-large,.pay-spinner-small{border-radius:var(--radius-round);animation:spin 1s linear infinite}.pay-spinner-large{width:60px;height:60px;border:5px solid var(--border-light);border-top-color:var(--primary-color)}.pay-spinner-small{width:20px;height:20px;border:3px solid var(--border-light);border-top-color:var(--primary-color)}.pay-error-state{text-align:center;padding:var(--spacing-2xl);min-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center}.pay-error-icon{font-size:80px;margin-bottom:var(--spacing-lg);animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.pay-error-state h2{font-size:var(--font-2xl);color:var(--error-color);margin-bottom:var(--spacing-md);font-weight:700}.pay-error-message{font-size:var(--font-md);color:var(--text-secondary);max-width:600px;margin:var(--spacing-lg) auto;line-height:1.8}.pay-action-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-xl)}@media print{.pay-payment-success-container{background:var(--bg-white);padding:0}.pay-success-card{box-shadow:none;border:2px solid var(--border-dark);page-break-inside:avoid}.pay-no-print{display:none!important}.pay-campus-header{background:var(--bg-white)!important;color:var(--text-primary)!important;border-bottom:3px solid var(--text-primary);-webkit-print-color-adjust:exact;print-color-adjust:exact}.pay-campus-info h2{color:var(--text-primary)!important;text-shadow:none!important}.pay-success-header{background:var(--bg-white)!important;border-bottom:2px solid var(--border-dark);-webkit-print-color-adjust:exact;print-color-adjust:exact}.pay-success-icon{background:var(--success-color)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.pay-receipt-item,.pay-order-item,.pay-transaction-notes li{page-break-inside:avoid}.pay-order-items-section{background:var(--bg-white)!important}.pay-receipt-actions,button,.pay-retry-button{display:none!important}}@media screen and (max-width: 1024px){.pay-payment-success-container{padding:var(--spacing-lg) var(--spacing-md);padding-top:70px}.pay-campus-header{padding:var(--spacing-lg)}.pay-campus-logo img{width:70px;height:70px}.pay-campus-info h2{font-size:var(--font-lg)}.pay-success-header{padding:var(--spacing-xl) var(--spacing-lg)}.pay-success-icon{width:70px;height:70px}.pay-success-icon svg{width:40px;height:40px}.pay-success-header h1{font-size:var(--font-2xl)}.pay-success-message{font-size:var(--font-md)}.pay-receipt-details,.pay-order-items-section,.pay-transaction-notes{padding:var(--spacing-xl) var(--spacing-lg)}.pay-receipt-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-md)}.pay-order-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.pay-order-item-total{margin-left:0;align-self:flex-end}.pay-receipt-actions{padding:var(--spacing-lg)}.pay-btn-primary,.pay-btn-secondary,.pay-btn-outline,.pay-btn-warning{min-width:160px;padding:var(--spacing-sm) var(--spacing-lg)}}@media screen and (max-width: 767px){:root{--font-xs: .7rem;--font-sm: .8rem;--font-md: .9rem;--font-lg: 1rem;--font-xl: 1.1rem;--font-2xl: 1.3rem;--font-3xl: 1.6rem}.pay-payment-success-container{padding:var(--spacing-md) var(--spacing-sm);padding-top:60px;min-height:auto}.pay-success-card{border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.pay-campus-header{flex-direction:column;text-align:center;padding:var(--spacing-lg) var(--spacing-md);gap:var(--spacing-md)}.pay-campus-logo img{width:60px;height:60px}.pay-campus-info h2{font-size:var(--font-lg)}.pay-campus-address,.pay-campus-id{font-size:var(--font-xs)}.pay-success-header{padding:var(--spacing-lg) var(--spacing-md)}.pay-success-icon{width:60px;height:60px}.pay-success-icon svg{width:32px;height:32px}.pay-success-header h1{font-size:var(--font-xl)}.pay-success-message{font-size:var(--font-sm)}.pay-inventory-status{flex-direction:column;align-items:flex-start;padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.pay-inventory-error-details{font-size:var(--font-xs)}.pay-receipt-details{padding:var(--spacing-lg) var(--spacing-md)}.pay-receipt-details h2{font-size:var(--font-xl)}.pay-receipt-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.pay-receipt-item{padding:var(--spacing-sm) var(--spacing-md)}.pay-receipt-item label{font-size:var(--font-xs)}.pay-receipt-item span{font-size:var(--font-sm)}.pay-highlight{font-size:var(--font-md)!important}.pay-amount{font-size:var(--font-lg)!important}.pay-badge{padding:4px var(--spacing-sm);font-size:var(--font-xs)}.pay-order-items-section{padding:var(--spacing-lg) var(--spacing-md)}.pay-order-items-section h3{font-size:var(--font-lg);flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.pay-order-items-list{gap:var(--spacing-sm)}.pay-order-item{padding:var(--spacing-md);flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.pay-order-item-name{font-size:var(--font-sm)}.pay-order-item-details{font-size:var(--font-xs)}.pay-order-item-sku{font-size:.65rem}.pay-order-item-total{font-size:var(--font-lg);margin-left:0;align-self:flex-end;width:100%;text-align:right;padding-top:var(--spacing-sm);border-top:2px solid var(--border-light)}.pay-order-summary{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.pay-order-total{font-size:var(--font-lg);text-align:center}.pay-order-count{font-size:var(--font-xs);text-align:center}.pay-transaction-notes{padding:var(--spacing-lg) var(--spacing-md)}.pay-transaction-notes h3{font-size:var(--font-lg)}.pay-transaction-notes li{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--spacing-lg);font-size:var(--font-xs);margin-bottom:var(--spacing-xs)}.pay-transaction-notes li:before{left:var(--spacing-sm);font-size:var(--font-sm)}.pay-receipt-actions{padding:var(--spacing-lg) var(--spacing-md);flex-direction:column;gap:var(--spacing-sm)}.pay-btn-primary,.pay-btn-secondary,.pay-btn-outline,.pay-btn-warning{width:100%;min-width:auto;padding:var(--spacing-md);font-size:var(--font-sm)}.pay-retry-button{width:100%;justify-content:center}.pay-receipt-footer{padding:var(--spacing-lg) var(--spacing-md)}.pay-receipt-footer>p:first-child{font-size:var(--font-md)}.pay-contact-info p{font-size:var(--font-xs)}.pay-print-note{font-size:.65rem!important}.pay-loading-state,.pay-error-state{padding:var(--spacing-xl) var(--spacing-md);min-height:300px}.pay-error-icon{font-size:60px}.pay-error-state h2{font-size:var(--font-xl)}.pay-error-message{font-size:var(--font-sm)}.pay-action-buttons{flex-direction:column;width:100%}.pay-action-buttons button{width:100%}.pay-spinner-large{width:50px;height:50px;border-width:4px}}@media screen and (max-width: 480px){:root{--spacing-xs: .2rem;--spacing-sm: .4rem;--spacing-md: .8rem;--spacing-lg: 1.2rem;--spacing-xl: 1.6rem;--spacing-2xl: 2rem}.pay-payment-success-container{padding:var(--spacing-sm);padding-top:60px}.pay-success-card{border-radius:var(--radius-sm)}.pay-campus-header{padding:var(--spacing-md)}.pay-campus-logo img{width:50px;height:50px}.pay-success-header{padding:var(--spacing-md)}.pay-success-icon{width:50px;height:50px;margin-bottom:var(--spacing-md)}.pay-success-icon svg{width:28px;height:28px}.pay-receipt-details,.pay-order-items-section,.pay-transaction-notes,.pay-receipt-actions,.pay-receipt-footer{padding:var(--spacing-md)}.pay-receipt-item,.pay-order-item,.pay-transaction-notes li,.pay-order-summary{padding:var(--spacing-sm)}.pay-btn-primary,.pay-btn-secondary,.pay-btn-outline,.pay-btn-warning{padding:var(--spacing-sm) var(--spacing-md)}}@media screen and (min-width: 1440px){.pay-payment-success-container{padding:var(--spacing-2xl) var(--spacing-xl);padding-top:100px}.pay-success-card{max-width:1100px}.pay-campus-header{padding:var(--spacing-2xl) var(--spacing-xl)}.pay-campus-logo img{width:100px;height:100px}.pay-campus-info h2{font-size:var(--font-2xl)}.pay-success-header{padding:var(--spacing-2xl) var(--spacing-xl)}.pay-success-icon{width:100px;height:100px}.pay-success-icon svg{width:60px;height:60px}.pay-success-header h1{font-size:2.5rem}.pay-receipt-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}*:focus{outline:3px solid var(--primary-color);outline-offset:2px}button:focus-visible,.pay-btn-primary:focus-visible,.pay-btn-secondary:focus-visible,.pay-btn-outline:focus-visible,.pay-btn-warning:focus-visible{outline:3px solid var(--primary-color);outline-offset:3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.pay-success-card{border:3px solid var(--text-primary)}.pay-campus-header{border-bottom:4px solid var(--text-primary)}.pay-receipt-item,.pay-order-item,.pay-btn-primary,.pay-btn-secondary,.pay-btn-warning{border:2px solid var(--text-primary)}}.pay-text-center{text-align:center}.pay-text-left{text-align:left}.pay-text-right{text-align:right}.pay-mt-sm{margin-top:var(--spacing-sm)}.pay-mt-md{margin-top:var(--spacing-md)}.pay-mt-lg{margin-top:var(--spacing-lg)}.pay-mb-sm{margin-bottom:var(--spacing-sm)}.pay-mb-md{margin-bottom:var(--spacing-md)}.pay-mb-lg{margin-bottom:var(--spacing-lg)}.pay-hidden{display:none!important}.pay-visible{display:block!important}.pay-error-details{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-white);border-radius:var(--radius-sm);border-left:4px solid var(--error-color)}.pay-error-details small{font-size:var(--font-xs);color:var(--text-secondary);word-break:break-word}.pay-debug-info{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-light);border:2px dashed var(--warning-color);border-radius:var(--radius-md);font-family:Courier New,monospace;font-size:var(--font-xs)}.pay-debug-info h4{color:var(--warning-color);margin-bottom:var(--spacing-md);font-size:var(--font-md)}.pay-debug-info p{margin:var(--spacing-xs) 0;color:var(--text-secondary)}.pay-debug-info strong{color:var(--text-primary)}@media screen and (max-height: 600px) and (orientation: landscape){.pay-payment-success-container{padding-top:40px}.pay-campus-header{padding:var(--spacing-md)}.pay-campus-logo img{width:50px;height:50px}.pay-success-header{padding:var(--spacing-md)}.pay-success-icon{width:50px;height:50px}.pay-success-icon svg{width:28px;height:28px}}@media print{.pay-campus-header,.pay-success-header,.pay-receipt-details,.pay-order-items-section,.pay-transaction-notes,.pay-receipt-footer{page-break-inside:avoid}.pay-receipt-grid{page-break-inside:auto}h1,h2,h3{page-break-after:avoid}}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--secondary-color: #6b7280;--secondary-hover: #4b5563;--success-color: #059669;--warning-color: #d97706;--error-color: #dc2626;--info-color: #0369a1;--background-color: #ffffff;--surface-color: #f8fafc;--border-color: #e2e8f0;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--border-radius-sm: .375rem;--border-radius: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition: all .2s ease-in-out;--transition-slow: all .3s ease-in-out}.pay-transactions-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:var(--spacing-lg);font-family:var(--font-family);line-height:1.6;color:var(--text-primary)}.pay-campus-header{background:var(--background-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-xl);overflow:hidden;border-left:6px solid;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-lg)}.pay-campus-info h2{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.pay-campus-info p{margin:0 0 var(--spacing-xs) 0;color:var(--text-secondary);font-size:var(--font-size-base)}.pay-campus-info small{color:var(--text-muted);font-size:var(--font-size-sm)}.pay-campus-badge{background:var(--primary-color);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius);text-align:center;min-width:180px;box-shadow:var(--shadow-md)}.pay-campus-badge div:first-child{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);font-size:var(--font-size-base)}.pay-record-count{font-size:var(--font-size-sm);opacity:.9;font-weight:var(--font-weight-medium)}.pay-loading-state{text-align:center;padding:var(--spacing-2xl);background:var(--background-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);color:var(--text-secondary)}.pay-spinner-large{width:60px;height:60px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:pay-spin 1s linear infinite;margin:0 auto var(--spacing-lg)}.pay-campus-info{margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-muted)}@keyframes pay-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pay-error-message{background:#fef2f2;border:1px solid var(--error-color);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);box-shadow:var(--shadow-sm)}.pay-error-content{flex:1;color:var(--error-color)}.pay-error-content strong{font-weight:var(--font-weight-semibold)}.pay-retry-btn{background:var(--error-color);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition);white-space:nowrap}.pay-retry-btn:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pay-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.pay-stat-card{background:var(--background-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:var(--transition);border-top:4px solid;position:relative;overflow:hidden}.pay-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.pay-stat-card.pay-total{border-top-color:var(--primary-color);background:linear-gradient(135deg,#eff6ff,var(--background-color))}.pay-stat-card.pay-successful{border-top-color:var(--success-color);background:linear-gradient(135deg,#f0fdf4,var(--background-color))}.pay-stat-card.pay-pending{border-top-color:var(--warning-color);background:linear-gradient(135deg,#fffbeb,var(--background-color))}.pay-stat-card.pay-failed{border-top-color:var(--error-color);background:linear-gradient(135deg,#fef2f2,var(--background-color))}.pay-stat-card.pay-amount{border-top-color:var(--info-color);background:linear-gradient(135deg,#f0f9ff,var(--background-color))}.pay-stat-content h3{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.pay-stat-content p{margin:var(--spacing-xs) 0 0 0;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pay-quick-actions{background:var(--background-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.pay-btn-refresh{background:var(--primary-color);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:var(--spacing-sm)}.pay-btn-refresh:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pay-btn-refresh:disabled{opacity:.6;cursor:not-allowed;transform:none}.pay-export-options{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.pay-btn-export,.pay-btn-print{background:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:var(--spacing-sm)}.pay-btn-export:hover:not(:disabled),.pay-btn-print:hover:not(:disabled){background:var(--border-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pay-btn-export:disabled,.pay-btn-print:disabled{opacity:.4;cursor:not-allowed;transform:none}.pay-search-bar{background:var(--background-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md)}.pay-search-input-group{position:relative;max-width:600px}.pay-search-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);transition:var(--transition);background:var(--background-color);color:var(--text-primary)}.pay-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.pay-search-input::placeholder{color:var(--text-muted)}.pay-search-count{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);background:var(--primary-color);color:#fff;padding:2px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.pay-controls-row{background:var(--background-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-lg)}.pay-filters{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.pay-filter-group{display:flex;align-items:center;gap:var(--spacing-sm)}.pay-filter-group label{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm);white-space:nowrap}.pay-filter-group select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--background-color);color:var(--text-primary);font-size:var(--font-size-sm);min-width:120px;transition:var(--transition)}.pay-filter-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #2563eb1a}.pay-btn-clear{background:var(--surface-color);color:var(--text-secondary);border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition);font-size:var(--font-size-sm)}.pay-btn-clear:hover{background:var(--border-color);color:var(--text-primary)}.pay-sort-controls{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.pay-sort-controls label{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm);white-space:nowrap}.pay-sort-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--background-color);color:var(--text-primary);font-size:var(--font-size-sm);min-width:100px;transition:var(--transition)}.pay-sort-select:focus{outline:none;border-color:var(--primary-color)}.pay-sort-order{background:var(--surface-color);border:1px solid var(--border-color);padding:var(--spacing-sm);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-size:var(--font-size-base);width:36px;height:36px;display:flex;align-items:center;justify-content:center}.pay-sort-order:hover{background:var(--border-color);transform:scale(1.05)}.pay-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.pay-btn-secondary,.pay-btn-primary{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--border-radius);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:var(--spacing-sm);white-space:nowrap}.pay-btn-secondary{background:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color)}.pay-btn-secondary:hover{background:var(--border-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pay-btn-primary{background:var(--primary-color);color:#fff}.pay-btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.pay-btn-primary:disabled{background:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.pay-table-container{background:var(--background-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;margin-bottom:var(--spacing-2xl)}.pay-table-header{background:var(--surface-color);padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.pay-table-header h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.pay-table-responsive{overflow-x:auto;max-height:70vh;overflow-y:auto}.pay-transactions-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);min-width:800px}.pay-transactions-table th{background:var(--surface-color);padding:var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-primary);border-bottom:2px solid var(--border-color);position:sticky;top:0;z-index:10;white-space:nowrap}.pay-transactions-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);vertical-align:top}.pay-transactions-table tbody tr:hover{background:#f8fafc;transition:var(--transition)}.pay-transactions-table tbody tr:last-child td{border-bottom:none}.pay-reference-cell code{background:var(--surface-color);padding:2px 6px;border-radius:var(--border-radius-sm);font-family:Monaco,Consolas,monospace;font-size:var(--font-size-xs);color:var(--text-secondary);border:1px solid var(--border-color)}.pay-student-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.pay-amount-cell{font-weight:var(--font-weight-semibold);color:var(--success-color);text-align:right;white-space:nowrap}.pay-status-badge{padding:4px 8px;border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize;display:inline-block;min-width:80px;text-align:center}.pay-status-successful{background:#d1fae5;color:var(--success-color);border:1px solid #a7f3d0}.pay-status-pending{background:#fef3c7;color:var(--warning-color);border:1px solid #fde68a}.pay-status-failed{background:#fee2e2;color:var(--error-color);border:1px solid #fecaca}.pay-status-unknown{background:var(--surface-color);color:var(--text-muted);border:1px solid var(--border-color)}.pay-no-data{text-align:center;padding:var(--spacing-2xl);color:var(--text-muted);font-style:italic;background:var(--surface-color)}@media (min-width: 1200px){.pay-transactions-container{padding:var(--spacing-2xl)}.pay-stats-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width: 1199px){.pay-transactions-container{padding:var(--spacing-md)}.pay-campus-header{flex-direction:column;text-align:center;padding:var(--spacing-lg)}.pay-controls-row{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.pay-filters,.pay-sort-controls,.pay-actions{justify-content:center}.pay-quick-actions{flex-direction:column;text-align:center;gap:var(--spacing-md)}.pay-export-options{justify-content:center}}@media (max-width: 767px){.pay-transactions-container{padding:var(--spacing-sm)}.pay-campus-header{padding:var(--spacing-md);border-radius:var(--border-radius-lg)}.pay-campus-info h2{font-size:var(--font-size-xl)}.pay-stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.pay-stat-card{padding:var(--spacing-md)}.pay-stat-content h3{font-size:var(--font-size-xl)}.pay-controls-row{padding:var(--spacing-md)}.pay-filters{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.pay-filter-group{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.pay-filter-group select{min-width:auto}.pay-sort-controls{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.pay-actions{flex-direction:column}.pay-btn-secondary,.pay-btn-primary{width:100%;justify-content:center}.pay-table-header{padding:var(--spacing-md);flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.pay-transactions-table{font-size:var(--font-size-xs)}.pay-transactions-table th,.pay-transactions-table td{padding:var(--spacing-sm)}}@media (max-width: 480px){.pay-transactions-container{padding:var(--spacing-xs)}.pay-stats-grid{grid-template-columns:1fr}.pay-campus-badge{min-width:auto;width:100%}.pay-search-input{font-size:var(--font-size-sm)}.pay-quick-actions{padding:var(--spacing-md)}.pay-export-options{width:100%;justify-content:stretch}.pay-btn-export,.pay-btn-print{flex:1;justify-content:center}}@media print{.pay-transactions-container{background:#fff;padding:0}.pay-campus-header,.pay-stats-grid,.pay-table-container{box-shadow:none;border:1px solid #000;margin-bottom:20px}.pay-quick-actions,.pay-search-bar,.pay-controls-row{display:none}.pay-transactions-table{font-size:10px}}@media (prefers-contrast: high){:root{--border-color: #000000;--text-primary: #000000;--text-secondary: #333333}.pay-table-container,.pay-campus-header,.pay-stat-card{border:2px solid #000000}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.pay-stat-card:hover,.pay-btn-refresh:hover,.pay-btn-export:hover,.pay-btn-print:hover,.pay-btn-secondary:hover,.pay-btn-primary:hover,.pay-sort-order:hover{transform:none}}.pay-search-input:focus-visible,.pay-filter-group select:focus-visible,.pay-sort-select:focus-visible,.pay-btn-refresh:focus-visible,.pay-btn-export:focus-visible,.pay-btn-print:focus-visible,.pay-btn-clear:focus-visible,.pay-btn-secondary:focus-visible,.pay-btn-primary:focus-visible,.pay-sort-order:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}::selection{background:#2563eb33}::-moz-selection{background:#2563eb33}.pay-table-responsive::-webkit-scrollbar{width:8px;height:8px}.pay-table-responsive::-webkit-scrollbar-track{background:var(--surface-color);border-radius:var(--border-radius)}.pay-table-responsive::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius)}.pay-table-responsive::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.James-students-container{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;max-width:1400px;margin:0 auto;padding:0 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.James-students-header{text-align:center;padding:50px 0 40px;background:linear-gradient(135deg,#667eea,#764ba2);margin:0 -20px 40px;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 30px #667eea4d}.James-students-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.2) 0%,transparent 50%);pointer-events:none}.James-students-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent)}.James-students-title{font-size:2.8rem;font-weight:800;margin-bottom:15px;text-shadow:0 4px 12px rgba(0,0,0,.3);position:relative;z-index:1;letter-spacing:-.5px}.James-students-subtitle{font-size:1.2rem;opacity:.95;max-width:600px;margin:0 auto;line-height:1.6;position:relative;z-index:1;font-weight:400}.James-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;text-align:center;background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin:20px 0}.James-loading-state p{margin-top:25px;font-size:1.2rem;color:#6b7280;font-weight:500}.James-controls-panel{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:35px;padding:30px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 0 1px #fffc;border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden}.James-controls-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.James-search-box{flex:1;max-width:500px;position:relative}.James-search-input{width:100%;padding:16px 50px 16px 20px;border:2px solid rgba(229,231,235,.8);border-radius:15px;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#f8fafccc;font-weight:500}.James-search-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea26,0 4px 20px #667eea1a;transform:translateY(-2px)}.James-search-input::placeholder{color:#9ca3af;font-weight:400}.James-filter-controls{display:flex;align-items:center;gap:18px}.James-class-filter{padding:14px 20px;border:2px solid rgba(229,231,235,.8);border-radius:12px;font-size:15px;background:#fff;cursor:pointer;transition:all .3s ease;min-width:180px;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%236b7280' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");background-repeat:no-repeat;background-position:right 15px center;background-size:12px}.James-class-filter:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.James-refresh-button{padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:10px;box-shadow:0 4px 15px #667eea4d}.James-refresh-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea66}.James-students-summary{text-align:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(229,231,235,.6)}.James-students-summary p{margin:0;color:#6b7280;font-weight:600;font-size:1.1rem}.James-class-groups{display:flex;flex-direction:column;gap:35px}.James-class-group{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0000001f;border:1px solid rgba(229,231,235,.6);transition:transform .3s ease,box-shadow .3s ease}.James-class-group:hover{transform:translateY(-5px);box-shadow:0 20px 50px #00000026}.James-class-header{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:25px 30px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.James-class-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s infinite}.James-class-name{font-size:1.5rem;font-weight:800;margin:0;position:relative;z-index:1}.James-student-count{font-size:1rem;opacity:.9;font-weight:600;position:relative;z-index:1;background:#fff3;padding:6px 12px;border-radius:20px}.James-students-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:25px;padding:30px}.James-student-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(229,231,235,.8);border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;box-shadow:0 4px 20px #00000014}.James-student-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.James-student-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026;border-color:#667eea}.James-student-card:hover:before{transform:scaleX(1)}.James-student-card-content{padding:25px}.James-card-header{display:flex;align-items:center;gap:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(229,231,235,.6)}.James-student-card-info{flex:1}.James-student-card-name{font-size:1.3rem;font-weight:800;color:#1a1d29;margin:0 0 8px;line-height:1.3;letter-spacing:-.3px}.James-student-card-id{font-size:.95rem;color:#6b7280;margin:0 0 5px;font-weight:600}.James-student-card-class{font-size:.9rem;color:#667eea;font-weight:700;margin:0;background:#667eea1a;padding:6px 12px;border-radius:8px;display:inline-block;border:1px solid rgba(102,126,234,.2)}.James-card-details{margin-bottom:20px}.James-detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(243,244,246,.8)}.James-detail-row:last-child{border-bottom:none}.James-detail-label{font-size:.9rem;color:#6b7280;font-weight:600}.James-detail-value{font-size:.9rem;color:#1a1d29;font-weight:700}.James-card-actions{text-align:center}.James-view-profile-button{width:100%;padding:14px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #10b9814d;letter-spacing:.3px}.James-view-profile-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-3px);box-shadow:0 8px 25px #10b98166}.James-passport-photo-container{border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.8);box-shadow:0 4px 15px #0000001a}.James-passport-photo-container.small{width:70px;height:70px}.James-passport-photo-container.medium{width:140px;height:140px}.James-passport-photo-container.large{width:220px;height:220px}.James-passport-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.James-passport-photo-container:hover .James-passport-image{transform:scale(1.05)}.James-passport-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#6b7280;transition:all .3s ease}.James-passport-photo-container:hover .James-passport-placeholder{background:linear-gradient(135deg,#d1d5db,#9ca3af);color:#4b5563}.James-passport-placeholder.small{width:70px;height:70px}.James-passport-placeholder.medium{width:140px;height:140px}.James-passport-placeholder.large{width:220px;height:220px}.James-passport-icon{font-size:1.8rem}.James-passport-placeholder.large .James-passport-icon{font-size:3.5rem;margin-bottom:12px}.James-passport-placeholder p{margin:0;font-size:.95rem;text-align:center;font-weight:500}.James-passport-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.James-student-profile-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.James-student-profile-content{background:#fff;border-radius:24px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 32px 64px #0000004d,0 0 0 1px #ffffff1a;animation:James-modal-appear .4s cubic-bezier(.4,0,.2,1);position:relative}@keyframes James-modal-appear{0%{opacity:0;transform:scale(.8) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}.James-profile-header{display:flex;justify-content:space-between;align-items:center;padding:30px 35px;border-bottom:1px solid rgba(229,231,235,.6);background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;position:sticky;top:0;z-index:10}.James-profile-title{font-size:1.8rem;font-weight:800;margin:0;letter-spacing:-.5px}.James-close-button{background:#fff3;border:none;color:#fff;font-size:1.8rem;width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.James-close-button:hover{background:#ffffff4d;transform:rotate(90deg) scale(1.1)}.James-profile-body{padding:35px}.James-profile-header-section{display:flex;gap:35px;margin-bottom:35px;padding-bottom:35px;border-bottom:1px solid rgba(229,231,235,.6)}.James-profile-photo-section{display:flex;flex-direction:column;align-items:center;gap:18px}.James-photo-status{text-align:center}.James-status-label{font-size:.95rem;color:#6b7280;display:block;margin-bottom:6px;font-weight:600}.James-status-value{font-size:.95rem;font-weight:700;padding:6px 16px;border-radius:25px;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.James-status-available{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #a7f3d0}.James-status-unavailable{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #fecaca}.James-profile-basic-info{flex:1}.James-student-full-name{font-size:2.4rem;font-weight:800;color:#1a1d29;margin:0 0 25px;line-height:1.2;letter-spacing:-.8px;background:linear-gradient(135deg,#1a1d29,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.James-student-identification{display:flex;flex-direction:column;gap:15px}.James-id-item{display:flex;align-items:center;gap:12px}.James-id-label{font-weight:700;color:#6b7280;min-width:160px;font-size:1rem}.James-id-value{color:#1a1d29;font-weight:600;font-size:1.05rem}.James-profile-section{margin-bottom:35px}.James-section-title{font-size:1.4rem;font-weight:800;color:#4f46e5;margin:0 0 25px;padding-bottom:12px;border-bottom:3px solid rgba(79,70,229,.2);position:relative}.James-section-title:after{content:"";position:absolute;bottom:-3px;left:0;width:60px;height:3px;background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:3px}.James-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.James-info-item{display:flex;justify-content:space-between;align-items:flex-start;padding:14px 0;border-bottom:1px solid rgba(243,244,246,.8);transition:background-color .2s ease}.James-info-item:hover{background:#f8fafc80;border-radius:8px;padding:14px 12px}.James-info-item.full-width{grid-column:1 / -1;flex-direction:column;align-items:flex-start;gap:10px}.James-info-label{font-weight:700;color:#6b7280;min-width:150px;font-size:.95rem}.James-info-value{color:#1a1d29;font-weight:600;text-align:right;flex:1;font-size:1rem}.James-info-item.full-width .James-info-value{text-align:left}.James-address-text{line-height:1.6;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:16px;border-radius:10px;border-left:4px solid #667eea;font-weight:500;box-shadow:inset 0 2px 4px #0000000d}.James-profile-footer{padding:25px 35px;border-top:1px solid rgba(229,231,235,.6);text-align:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:0 0 24px 24px}.James-close-profile-button{padding:14px 35px;background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #6b72804d;letter-spacing:.3px}.James-close-profile-button:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-3px);box-shadow:0 8px 25px #6b728066}.James-empty-state{text-align:center;padding:100px 20px;background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(229,231,235,.6);margin:20px 0}.James-empty-state-icon{font-size:5rem;margin-bottom:25px;opacity:.7;display:inline-block;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.James-empty-state h4{font-size:1.6rem;color:#6b7280;margin:0 0 15px;font-weight:700}.James-empty-state p{color:#9ca3af;font-size:1.15rem;line-height:1.6;max-width:400px;margin:0 auto 30px}.statistics-panel{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;padding:30px;margin-bottom:35px;box-shadow:0 10px 40px #0000001a,inset 0 1px #fffc;color:#2c3e50;border:1px solid rgba(255,255,255,.5);position:relative;overflow:hidden}.statistics-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.stat-item{background:#ffffffe6;border-radius:15px;padding:25px 20px;text-align:center;border:1px solid rgba(233,236,239,.8);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#3498db;border-radius:4px 4px 0 0}.stat-item.highlight:before{background:linear-gradient(90deg,#e74c3c,#e67e22)}.stat-item:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026;background:#fff}.stat-icon{font-size:2.5rem;margin-bottom:12px;display:block}.stat-value{display:block;font-size:2.5rem;font-weight:900;line-height:1;margin:12px 0;color:#2c3e50;text-shadow:0 2px 4px rgba(0,0,0,.1)}.stat-label{font-size:.95rem;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.8px}@media (max-width: 1200px){.James-students-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;padding:25px}}@media (max-width: 1024px){.James-students-container{padding:0 15px}.James-profile-header-section{flex-direction:column;text-align:center;gap:25px}.James-student-identification{align-items:center}.James-id-item{justify-content:center}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}}@media (max-width: 768px){.James-students-title{font-size:2.2rem}.James-students-subtitle{font-size:1.1rem}.James-controls-panel{flex-direction:column;align-items:stretch;gap:20px;padding:25px}.James-search-box{max-width:none}.James-filter-controls{justify-content:space-between;flex-wrap:wrap;gap:12px}.James-class-filter{min-width:auto;flex:1}.James-students-grid{grid-template-columns:1fr;gap:20px;padding:20px}.James-class-header{padding:20px 25px;flex-direction:column;gap:10px;text-align:center}.James-profile-body{padding:25px}.James-info-grid{grid-template-columns:1fr}.James-info-item{flex-direction:column;align-items:flex-start;gap:8px}.James-info-value{text-align:left}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.James-students-header{padding:40px 0 30px;margin:0 -15px 30px}.James-students-title{font-size:1.9rem}.James-students-subtitle{font-size:1rem;padding:0 15px}.James-controls-panel{padding:20px}.James-filter-controls{flex-direction:column;gap:12px}.James-class-filter{width:100%}.James-student-profile-content{margin:10px;max-height:95vh;border-radius:20px}.James-profile-header{padding:25px}.James-student-full-name{font-size:2rem}.James-card-header{flex-direction:column;text-align:center;gap:15px}.stats-grid{grid-template-columns:1fr}.stat-item{padding:20px 15px}}.James-search-input:focus,.James-class-filter:focus,.James-refresh-button:focus,.James-view-profile-button:focus,.James-close-button:focus,.James-close-profile-button:focus{outline:3px solid rgba(102,126,234,.3);outline-offset:2px}.James-student-profile-content::-webkit-scrollbar{width:10px}.James-student-profile-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.James-student-profile-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:5px;border:2px solid #f1f5f9}.James-student-profile-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}@media print{.James-controls-panel,.James-view-profile-button,.James-close-button,.James-close-profile-button{display:none!important}.James-student-profile-modal{position:static;background:none}.James-student-profile-content{box-shadow:none;max-height:none;border:2px solid #000}.James-students-header{background:#667eea!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}}@media (prefers-reduced-motion: reduce){.James-student-profile-content,.James-student-card,.James-refresh-button,.James-view-profile-button,.James-close-button,.James-close-profile-button,.stat-item,.James-class-group{animation:none;transition:none}.James-empty-state-icon{animation:none}.James-class-header:before{animation:none}}.James-promotion-section{margin:20px 0;text-align:center}.James-promotion-button{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #28a7454d}.James-promotion-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.James-promotion-button:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.James-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9999}.James-modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.James-modal-header{padding:20px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.James-modal-header h3{margin:0;color:#333;font-size:1.3rem}.James-modal-body{padding:20px}.James-modal-footer{padding:20px;border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end}.James-form-group{margin-bottom:20px}.James-form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.James-form-group select{width:100%;padding:10px;border:2px solid #e9ecef;border-radius:6px;font-size:14px;transition:border-color .3s ease}.James-form-group select:focus{outline:none;border-color:#007bff}.James-promotion-mapping{margin:25px 0;padding:15px;background:#f8f9fa;border-radius:8px}.James-promotion-mapping h4{margin:0 0 15px;color:#333;font-size:1.1rem}.James-mapping-grid{display:grid;gap:10px}.James-mapping-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e9ecef}.James-current-class{font-weight:600;color:#dc3545}.James-arrow{color:#6c757d;font-weight:700}.James-next-class{font-weight:600;color:#28a745}.James-modal-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:15px;color:#856404;font-size:.9rem;line-height:1.4}.James-cancel-button{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .3s ease}.James-cancel-button:hover{background:#5a6268}.James-confirm-button{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px}.James-confirm-button:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.James-confirm-button:disabled{cursor:not-allowed;opacity:.7}@media (max-width: 768px){.James-modal-content{width:95%;margin:20px}.James-modal-footer{flex-direction:column}.James-promotion-button{width:100%;margin:10px 0}}.stan-profile-container{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;max-width:1200px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9,#e2e8f0);min-height:100vh}.stan-profile-header{text-align:center;padding:50px 0 30px;margin-bottom:20px;position:relative}.stan-profile-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.stan-profile-title{font-size:clamp(2.2rem,5vw,3rem);font-weight:800;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;line-height:1.1;letter-spacing:-.02em}.stan-profile-subtitle{font-size:clamp(1.1rem,2.5vw,1.3rem);color:#6b7280;font-weight:500;max-width:500px;margin:0 auto;line-height:1.6}.stan-profile-card{background:#fff;border-radius:24px;box-shadow:0 10px 40px #00000014,0 2px 10px #00000008,inset 0 1px #fffc;border:1px solid rgba(255,255,255,.8);overflow:hidden;margin-bottom:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.stan-profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:-200% 0}50%{background-position:200% 0}}.stan-profile-hero{display:flex;align-items:center;gap:clamp(25px,4vw,50px);padding:clamp(30px,5vw,50px);background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid rgba(229,231,235,.8);position:relative}.stan-profile-avatar{flex-shrink:0;position:relative}.stan-avatar-image{width:clamp(100px,18vw,140px);height:clamp(100px,18vw,140px);border-radius:20px;border:4px solid white;box-shadow:0 15px 35px #00000026,0 5px 15px #00000014;object-fit:cover;transition:all .3s ease}.stan-avatar-image:hover{transform:scale(1.05);box-shadow:0 20px 45px #0003,0 8px 20px #0000001f}.stan-avatar-placeholder{width:clamp(100px,18vw,140px);height:clamp(100px,18vw,140px);border-radius:20px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:clamp(2rem,4vw,2.5rem);border:4px solid white;box-shadow:0 15px 35px #00000026,0 5px 15px #00000014;font-weight:600;transition:all .3s ease}.stan-avatar-placeholder:hover{transform:scale(1.05);box-shadow:0 20px 45px #0003,0 8px 20px #0000001f}.stan-profile-info{flex:1;min-width:0}.stan-student-name{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;line-height:1.1;letter-spacing:-.01em}.stan-student-class{font-size:clamp(1rem,2vw,1.2rem);color:#667eea;font-weight:700;background:#667eea1a;padding:8px 16px;border-radius:12px;display:inline-block;margin-bottom:20px;border:1px solid rgba(102,126,234,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stan-student-meta{display:flex;flex-wrap:wrap;gap:clamp(15px,2vw,25px);margin-top:20px}.stan-meta-item{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:clamp(.9rem,1.5vw,1rem);white-space:nowrap;padding:8px 12px;background:#f8fafccc;border-radius:10px;border:1px solid rgba(229,231,235,.6);transition:all .2s ease}.stan-meta-item:hover{background:#fff;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.stan-meta-icon{font-size:1.2em;flex-shrink:0}.stan-profile-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:7rem}.stan-profile-section{padding:clamp(25px,3vw,35px);border-bottom:1px solid rgba(241,245,249,.8);min-height:220px;transition:all .3s ease;position:relative}.stan-profile-section:hover{background:#f8fafc80}.stan-profile-section:nth-child(odd){border-right:1px solid rgba(241,245,249,.8)}.stan-section-header{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid rgba(241,245,249,.8)}.stan-section-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3rem;flex-shrink:0;box-shadow:0 4px 15px #667eea4d}.stan-section-title{font-size:clamp(1.2rem,2.5vw,1.4rem);font-weight:700;color:#1f2937;margin:0;line-height:1.3}.stan-info-list{display:flex;flex-direction:column;gap:clamp(14px,2vw,18px)}.stan-info-item{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;transition:all .2s ease;border-radius:8px;margin:0 -8px;padding:12px 8px}.stan-info-item:hover{background:#fffc;transform:translate(4px)}.stan-info-item:not(:last-child){border-bottom:1px solid rgba(248,250,252,.8)}.stan-info-label{font-weight:600;color:#4b5563;font-size:clamp(.9rem,1.5vw,1rem);min-width:120px;flex-shrink:0;line-height:1.5}.stan-info-value{color:#1f2937;font-weight:500;text-align:right;flex:1;line-height:1.5;word-break:break-word;font-size:clamp(.9rem,1.5vw,1rem)}.stan-info-value.highlight{background:linear-gradient(135deg,#667eea1a,#764ba21a);padding:12px 16px;border-radius:12px;border-left:4px solid #667eea;text-align:left;font-weight:600;color:#374151;box-shadow:0 2px 8px #0000000d}.stan-profile-section.full-width{grid-column:1 / -1;border-right:none!important;min-height:auto}.stan-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(18px,2vw,25px)}.stan-contact-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:clamp(20px,2.5vw,25px);border-radius:16px;border:1px solid rgba(229,231,235,.8);min-height:140px;transition:all .3s ease;position:relative;overflow:hidden}.stan-contact-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.stan-contact-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001a;background:#fff}.stan-contact-card:hover:before{opacity:1}.stan-contact-title{font-size:clamp(1rem,1.8vw,1.1rem);font-weight:700;color:#374151;margin-bottom:16px;display:flex;align-items:center;gap:10px}.stan-contact-info{display:flex;flex-direction:column;gap:10px}.stan-profile-actions{padding:clamp(25px,3vw,30px) clamp(30px,3vw,35px);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid rgba(229,231,235,.8);display:flex;justify-content:center}.stan-refresh-btn{padding:clamp(12px,2vw,14px) clamp(25px,3vw,35px);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:clamp(1rem,1.5vw,1.1rem);font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;box-shadow:0 6px 20px #667eea4d,0 2px 8px #00000014;position:relative;overflow:hidden}.stan-refresh-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.stan-refresh-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #667eea66,0 4px 15px #0000001a}.stan-refresh-btn:hover:before{left:100%}.stan-refresh-btn:active{transform:translateY(-1px)}.stan-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;text-align:center;background:#fff;border-radius:24px;box-shadow:0 10px 40px #00000014;margin:20px 0;border:1px solid rgba(229,231,235,.8)}.stan-loading-spinner{width:60px;height:60px;border:4px solid #f1f5f9;border-top:4px solid #667eea;border-radius:50%;animation:stan-spin 1s linear infinite;margin-bottom:25px;box-shadow:0 4px 15px #0000001a}@keyframes stan-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stan-loading-text{font-size:clamp(1.1rem,2vw,1.2rem);color:#6b7280;font-weight:600}.stan-empty-state{text-align:center;padding:clamp(60px,8vw,80px) 20px;background:#fff;border-radius:24px;box-shadow:0 10px 40px #00000014;border:1px solid rgba(229,231,235,.8);margin:20px 0}.stan-empty-icon{font-size:clamp(4rem,8vw,5rem);margin-bottom:25px;opacity:.7;filter:grayscale(.3)}.stan-empty-title{font-size:clamp(1.4rem,3vw,1.6rem);color:#4b5563;margin-bottom:16px;font-weight:700}.stan-empty-text{color:#6b7280;font-size:clamp(1.1rem,2vw,1.2rem);margin-bottom:30px;line-height:1.6;max-width:400px;margin-left:auto;margin-right:auto}@media (min-width: 1400px){.stan-profile-container{max-width:1300px;padding:30px}.stan-profile-sections{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:0}}@media (max-width: 1024px){.stan-profile-sections{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0}.stan-contact-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.stan-profile-container{padding:15px}.stan-profile-header{padding:40px 0 25px;margin-bottom:15px}.stan-profile-hero{flex-direction:column;text-align:center;gap:25px;padding:30px}.stan-student-meta{justify-content:center}.stan-profile-sections{grid-template-columns:1fr;gap:0}.stan-profile-section:nth-child(odd){border-right:none}.stan-profile-section{padding:25px;min-height:auto}.stan-contact-grid{grid-template-columns:1fr}.stan-info-item{flex-direction:column;align-items:flex-start;gap:6px;padding:12px 0}.stan-info-value{text-align:left;width:100%}.stan-info-label{min-width:auto;width:100%;font-weight:600;color:#6b7280;font-size:.95rem}}@media (max-width: 640px){.stan-profile-container{padding:12px}.stan-profile-header{padding:35px 0 20px}.stan-profile-hero{padding:25px}.stan-student-name{font-size:1.8rem}.stan-profile-section{padding:22px;gap:0}.stan-section-header{flex-direction:column;gap:10px;text-align:center}.stan-contact-card{padding:20px}.stan-info-list{gap:12px}.stan-info-item{padding:10px 0}}@media (max-width: 480px){.stan-profile-container{padding:10px}.stan-profile-header{padding:30px 0 20px}.stan-profile-title{font-size:2rem}.stan-profile-subtitle{font-size:1rem}.stan-profile-hero{padding:22px}.stan-student-name{font-size:1.6rem}.stan-student-class{font-size:.95rem;padding:6px 14px}.stan-student-meta{flex-direction:column;align-items:center;gap:10px}.stan-profile-section{padding:20px;gap:0}.stan-section-title{font-size:1.2rem}.stan-section-icon{width:42px;height:42px;font-size:1.1rem}.stan-contact-card{padding:18px}.stan-profile-actions{padding:22px 25px}.stan-refresh-btn{width:100%;justify-content:center}}@media (max-width: 360px){.stan-profile-container{padding:8px}.stan-profile-hero{padding:20px}.stan-profile-section{padding:18px;gap:0}.stan-student-name{font-size:1.5rem}.stan-avatar-image,.stan-avatar-placeholder{width:90px;height:90px}.stan-info-item{padding:8px 0}.stan-info-label,.stan-info-value{font-size:.9rem}}@media (prefers-reduced-motion: reduce){.stan-refresh-btn,.stan-loading-spinner,.stan-profile-card:before,.stan-avatar-image,.stan-avatar-placeholder,.stan-meta-item,.stan-info-item,.stan-contact-card{transition:none;animation:none}.stan-refresh-btn:hover,.stan-avatar-image:hover,.stan-avatar-placeholder:hover,.stan-meta-item:hover,.stan-info-item:hover,.stan-contact-card:hover{transform:none}.stan-profile-card:before{animation:none}}@media (prefers-contrast: high){.stan-profile-card{border:2px solid #000}.stan-profile-section{border-bottom:2px solid #000}.stan-profile-section:nth-child(odd){border-right:2px solid #000}.stan-info-value.highlight{border-left:4px solid #000;background:#f0f0f0}}@media print{.stan-profile-container{background:#fff;padding:0}.stan-profile-actions{display:none}.stan-profile-card{box-shadow:none;border:1px solid #000}.stan-profile-hero{background:#f0f0f0!important}.stan-info-value.highlight{background:#f0f0f0!important;border-left:3px solid #000}}.stan-refresh-btn:focus{outline:3px solid rgba(102,126,234,.4);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (hover: none){.stan-refresh-btn:hover,.stan-avatar-image:hover,.stan-avatar-placeholder:hover,.stan-meta-item:hover,.stan-info-item:hover,.stan-contact-card:hover{transform:none}.stan-refresh-btn:hover{box-shadow:0 6px 20px #667eea4d,0 2px 8px #00000014}}.gilford-staff-container{min-height:100vh;background-color:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1f2937}.gilford-staff-header{text-align:center;padding:2rem 1rem 1rem;background:#fff;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.gilford-staff-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;background:linear-gradient(135deg,#3b82f6,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gilford-staff-subtitle{font-size:1.1rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.6}.gilford-staff-controls{background:#fff;border-radius:12px;padding:1.5rem;margin:0 1rem 2rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb}.gilford-search-filter-section{display:flex;gap:1rem;align-items:flex-end;margin-bottom:1rem;flex-wrap:wrap}.gilford-search-group{flex:1;min-width:300px}.gilford-search-input{width:100%;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff;color:#1f2937}.gilford-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.gilford-search-input::placeholder{color:#9ca3af}.gilford-filter-group{min-width:200px}.gilford-filter-select{width:100%;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;background:#fff;color:#1f2937;cursor:pointer;transition:all .2s ease}.gilford-filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.gilford-staff-stats{display:flex;gap:1.5rem;flex-wrap:wrap}.gilford-stat-item{background:#f8fafc;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;color:#374151;border:1px solid #e2e8f0}.gilford-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;border-radius:12px;margin:0 1rem 2rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb}.gilford-loading-state p{margin-top:1rem;font-size:1.1rem;color:#6b7280}.gilford-staff-content{padding:0 1rem 2rem}.gilford-staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.gilford-staff-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb;transition:all .3s ease;overflow:hidden;color:#1f2937}.gilford-staff-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.gilford-staff-card.gilford-expanded{border-color:#3b82f6;box-shadow:0 8px 25px #3b82f626}.gilford-staff-summary{display:flex;align-items:center;gap:1rem;padding:1.5rem;cursor:pointer;transition:background-color .2s ease;position:relative;background:#272525}.gilford-staff-summary:hover{background:#000}.gilford-staff-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#10b981);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.2rem;flex-shrink:0}.gilford-staff-basic{flex:1}.gilford-staff-name{font-size:1.2rem;font-weight:600;color:#000;margin:0 0 .25rem}.gilford-staff-designation{font-size:.95rem;color:#3b82f6;font-weight:500;margin:0 0 .5rem}.gilford-staff-id{background:#10b981;color:#fff;padding:.3rem .6rem;border-radius:4px;font-size:.8rem;font-weight:500;display:inline-block;font-family:Courier New,monospace}.gilford-expand-icon{color:#6b7280;font-size:.9rem;transition:transform .2s ease;flex-shrink:0}.gilford-staff-card.gilford-expanded .gilford-expand-icon{transform:rotate(180deg);color:#3b82f6}.gilford-staff-details{padding:1.5rem;background:#f8fafc;border-top:1px solid #e5e7eb;animation:gilford-slideDown .3s ease;color:#1f2937}@keyframes gilford-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.gilford-detail-section{margin-bottom:1.5rem}.gilford-detail-section:last-child{margin-bottom:0}.gilford-section-title{font-size:1rem;font-weight:600;color:#374151;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.gilford-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.gilford-detail-item{display:flex;flex-direction:column;gap:.25rem}.gilford-detail-value{font-size:.95rem;color:#1f2937;font-weight:500;line-height:1.4}.gilford-empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;margin:0 1rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb;color:#1f2937}.gilford-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5;color:#6b7280}.gilford-empty-state p{color:#6b7280;font-size:1.1rem;margin-bottom:1.5rem;line-height:1.5}.gilford-primary-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.gilford-primary-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}@media print{.no-print{display:none!important}.gilford-staff-container{background:#fff}.gilford-staff-card{break-inside:avoid;border:1px solid #000}.gilford-staff-summary{background:#1f1d1d!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}}@media (max-width: 1024px){.gilford-staff-title{font-size:2.2rem}.gilford-staff-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width: 768px){.gilford-staff-header{padding:1.5rem 1rem}.gilford-staff-title{font-size:2rem}.gilford-staff-subtitle{font-size:1rem}.gilford-staff-controls{padding:1.25rem;margin:0 .5rem 1.5rem}.gilford-search-filter-section{flex-direction:column;align-items:stretch;gap:1rem}.gilford-search-group{min-width:auto}.gilford-staff-grid{grid-template-columns:1fr;gap:1rem}.gilford-staff-summary,.gilford-staff-details{padding:1.25rem}.gilford-detail-grid{grid-template-columns:1fr}}@media (max-width: 640px){.gilford-staff-title{font-size:1.8rem}.gilford-staff-stats{flex-direction:column;gap:.75rem}.gilford-staff-avatar{width:50px;height:50px;font-size:1rem}.gilford-staff-name{font-size:1.1rem}}@media (max-width: 480px){.gilford-staff-container{padding:0}.gilford-staff-title{font-size:1.6rem}.gilford-staff-controls{padding:1rem;margin:0 .25rem 1rem;border-radius:8px}.gilford-staff-content{padding:0 .25rem 1rem}.gilford-staff-summary{padding:1rem;flex-direction:column;text-align:center;gap:.75rem}.gilford-staff-details{padding:1rem}.gilford-empty-state{padding:2rem 1rem;margin:0 .25rem}.gilford-empty-icon{font-size:3rem}.gilford-empty-state h4{font-size:1.3rem}.gilford-loading-state{padding:2rem 1rem;margin:0 .25rem 1rem}}@media (prefers-reduced-motion: reduce){.gilford-staff-card,.gilford-primary-btn,.gilford-search-input,.gilford-filter-select{transition:none}@keyframes gilford-slideDown{0%{opacity:0}to{opacity:1}}}.gilford-primary-btn:focus,.gilford-search-input:focus,.gilford-filter-select:focus,.gilford-staff-summary:focus{outline:2px solid #3b82f6;outline-offset:2px}.gilford-staff-summary:focus{background:#161617}.update-results-container{max-width:1200px;margin:0 auto;padding:30px;background-color:#fff;box-shadow:0 0 20px #0000001a;border-radius:8px;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.update-results-title{font-size:28px;color:#2c3e50;margin-bottom:30px;text-align:center;font-weight:600;padding-bottom:15px;border-bottom:1px solid #eee}.search-section{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:25px}.search-field-group{margin-bottom:20px}.search-label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.search-input,.search-select{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:all .3s ease;background-color:#fff}.search-input:focus,.search-select:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db33}.search-button{padding:12px 25px;background-color:#3498db;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s;margin-bottom:20px;display:inline-block}.search-button:hover{background-color:#2980b9}.search-button:disabled{background-color:#95a5a6;cursor:not-allowed}.results-form{margin-top:30px;padding-top:20px;border-top:1px solid #eee}.results-info-section{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:30px}.readonly-field{background-color:#f9f9f9;cursor:not-allowed;color:#666}.subjects-container{margin-top:30px}.subjects-grid-title{font-size:20px;color:#2c3e50;margin-bottom:25px;font-weight:600;padding-bottom:10px;border-bottom:1px solid #eee}.subjects-container{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:30px}.subject-card{border:1px solid #e1e1e1;padding:20px;border-radius:6px;background-color:#f9f9f9;transition:transform .2s,box-shadow .2s}.subject-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.subject-name{font-weight:600;margin-bottom:15px;color:#2c3e50;font-size:18px}.subject-field-group{margin-bottom:15px}.subject-label{display:block;margin-bottom:8px;font-size:14px;color:#555;font-weight:500}.subject-input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:15px;transition:border-color .3s}.subject-input:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db33}.submit-button{padding:12px 30px;background-color:#27ae60;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.submit-button:hover{background-color:#219653;transform:translateY(-1px)}.loading-spinner{display:inline-block;width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;vertical-align:middle;margin-right:8px}.Toastify__toast-container{font-size:14px}.Toastify__toast--success{background-color:#27ae60}.Toastify__toast--error{background-color:#e74c3c}.Toastify__toast--info{background-color:#3498db}.text-info{color:#3498db;text-align:center;margin:20px 0;font-size:16px}.flex-end{display:flex;justify-content:flex-end;margin-top:30px}@media (min-width: 768px){.search-section,.results-info-section{grid-template-columns:repeat(3,1fr)}.subjects-container{grid-template-columns:repeat(2,1fr)}}@media (min-width: 992px){.subjects-container{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.update-results-container{padding:20px 15px}.update-results-title{font-size:24px}.search-button,.submit-button{width:100%;padding:14px}}.result-update-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.result-update-header{text-align:center;margin-bottom:30px}.result-update-title{color:#2c3e50;font-size:2.5rem;margin-bottom:10px;font-weight:600}.result-update-subtitle{color:#7f8c8d;font-size:1.1rem}.search-section{background:#f8f9fa;padding:30px;border-radius:12px;margin-bottom:30px;border:1px solid #e9ecef}.search-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.search-button{width:200px;margin-top:10px}.results-section{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-title{color:#2c3e50;font-size:1.5rem;font-weight:600}.results-badge{background:#3498db;color:#fff;padding:5px 12px;border-radius:20px;font-size:.9rem;font-weight:500}.student-info-card{background:#e8f4fd;padding:20px;border-radius:8px;margin-bottom:25px;border-left:4px solid #3498db}.student-info-card h4{margin:0 0 15px;color:#2c3e50}.student-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.student-details span{color:#555;font-size:.95rem}.summary-card{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:25px;border:1px solid #e9ecef}.summary-card h4{margin:0 0 15px;color:#2c3e50}.summary-stats{display:flex;gap:30px;font-weight:500;color:#555}.subjects-grid.detailed{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;margin-top:20px}.subject-card.detailed{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;transition:box-shadow .3s ease}.subject-card.detailed:hover{box-shadow:0 4px 15px #0000001a}.subject-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.subject-name{margin:0;color:#2c3e50;font-size:1.1rem;display:flex;align-items:center;gap:10px}.existing-badge{background:#27ae60;color:#fff;padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:500}.new-badge{background:#f39c12;color:#fff;padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:500}.remove-subject-button{background:#e74c3c;color:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.remove-subject-button:hover:not(:disabled){background:#c0392b}.remove-subject-button:disabled{background:#bdc3c7;cursor:not-allowed}.subject-fields.detailed{display:grid;grid-template-columns:2fr 1fr;gap:20px}.score-components{display:flex;flex-direction:column;gap:10px}.staff-update-container{max-width:1000px;margin:0 auto;padding:20px;background-color:#fff;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.alert-message{padding:15px;margin-bottom:20px;border-radius:4px;font-weight:500;text-align:center}.alert-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.staff-form{background-color:#fff;border-radius:8px;box-shadow:0 0 20px #0000001a;padding:30px;margin-top:20px}.form-content{max-width:800px;margin:0 auto}.form-title{font-size:24px;color:#2c3e50;margin-bottom:30px;text-align:center;font-weight:600;padding-bottom:15px;border-bottom:1px solid #eee}.form-label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.form-input,.form-select{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:all .3s ease}.form-input:focus,.form-select:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db33}.form-row{display:flex;flex-wrap:wrap;gap:20px}.form-row .form-group{flex:1;min-width:200px}.submit-button{padding:12px 25px;background-color:#3498db;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:block;width:200px;margin:30px auto 0}.submit-button:hover{background-color:#2980b9;transform:translateY(-1px)}.submit-button:disabled{background-color:#95a5a6;cursor:not-allowed;transform:none}.submit-button:disabled:after{content:"..."}@media (max-width: 768px){.staff-form{padding:20px}.form-row{flex-direction:column;gap:0}.form-row .form-group,.submit-button{width:100%}}@media (max-width: 480px){.staff-update-container{padding:15px}.form-title{font-size:20px}}.student-update-container{min-height:100vh;background:#f8f9fa;padding:20px}.student-update-layout{display:grid;grid-template-columns:1fr;gap:30px;max-width:1400px;margin:0 auto;position:relative}.form-main-content{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 20px #00000014;order:2}.student-update-header{text-align:center;margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #e9ecef}.student-update-title{font-size:2.25rem;font-weight:700;color:#1a202c;margin:0 0 12px}.student-update-subtitle{font-size:1.125rem;color:#718096;margin:0;line-height:1.6}.passport-widget-container{position:relative;height:fit-content;order:1;margin-bottom:20px}.passport-upload-widget{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 25px #0000001a;border:1px solid #e9ecef;margin-bottom:20px}.passport-widget-header{text-align:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f3f4}.passport-widget-title{font-size:1.25rem;font-weight:600;color:#2d3748;margin:0 0 4px}.passport-widget-optional{font-size:.875rem;color:#718096;font-weight:400}.passport-widget-content{display:flex;flex-direction:column;align-items:center;gap:16px}.current-passport-widget{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.current-passport-label{font-size:.875rem;font-weight:600;color:#4a5568;margin:0}.passport-image-widget{width:150px;height:150px;border-radius:8px;object-fit:cover;border:2px solid #e9ecef;box-shadow:0 2px 8px #0000001a}.passport-preview-widget{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.new-passport-label{font-size:.875rem;font-weight:600;color:#2b6cb0;margin:0}.remove-passport-button-widget{background:#e53e3e;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.remove-passport-button-widget:hover:not(:disabled){background:#c53030;transform:translateY(-1px)}.remove-passport-button-widget:disabled{opacity:.6;cursor:not-allowed}.passport-upload-widget-area{width:100%}.passport-input-widget{display:none}.upload-widget-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;border:2px dashed #cbd5e0;border-radius:8px;background:#fafafa;cursor:pointer;transition:all .3s ease;text-align:center}.upload-widget-label:hover{border-color:#4299e1;background:#f0f9ff;transform:translateY(-2px)}.upload-widget-icon{font-size:2.5rem;margin-bottom:12px;opacity:.7}.upload-widget-text{font-size:1rem;font-weight:600;color:#2d3748;margin:0 0 8px}.upload-widget-hint{font-size:.75rem;color:#718096;margin:2px 0;line-height:1.4}.passport-actions-widget{text-align:center}.delete-passport-button{width:100%;background:#fed7d7;color:#c53030;border:1px solid #feb2b2;padding:12px 16px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.delete-passport-button:hover:not(:disabled){background:#feb2b2;transform:translateY(-1px)}.form-section{margin-bottom:40px;padding:30px;background:#fafbfc;border-radius:8px;border:1px solid #e9ecef}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.form-group.full-width{grid-column:1 / -1}.form-input,.form-select,.form-textarea{padding:12px 16px;border:1px solid #cbd5e0;border-radius:6px;font-size:1rem;transition:all .2s ease;background:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.form-input.is-invalid{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.error-text{color:#e53e3e;font-size:.875rem;margin:6px 0 0}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.search-container{max-width:500px;margin:0 auto}.search-button{white-space:nowrap;min-width:120px}.form-actions-section{margin-top:40px;padding-top:30px;border-top:1px solid #e9ecef}.form-actions{display:flex;gap:16px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.primary-button{background:#4299e1;color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:160px}.button-loading{display:flex;align-items:center;gap:8px;justify-content:center}@media (max-width: 767px){.student-update-container{padding:10px;overflow-x:hidden}.student-update-layout{display:flex;flex-direction:column;gap:15px}.passport-widget-container{position:relative;width:100%;order:1;margin-bottom:15px;z-index:10}.form-main-content{order:2;padding:15px;width:100%;overflow:visible}.form-section{padding:15px;margin-bottom:20px}.form-grid{grid-template-columns:1fr;gap:15px}.search-input-group{flex-direction:column;align-items:stretch;gap:10px}.search-button{width:100%;margin-top:5px}.form-actions{flex-direction:column;align-items:stretch;gap:10px}.primary-button,.secondary-button{width:100%;margin:0}.passport-upload-widget{padding:15px;margin-bottom:15px}.passport-image-widget{width:120px;height:120px}.upload-widget-label{padding:25px 15px}}@media (min-width: 768px){.student-update-layout{grid-template-columns:1fr 320px;gap:30px}.passport-widget-container{position:sticky;top:20px;height:fit-content;order:2}.form-main-content{order:1}}@media (max-width: 480px){.student-update-title{font-size:1.5rem}.student-update-subtitle{font-size:.9rem}.section-title,.passport-widget-title{font-size:1.1rem}.passport-image-widget{width:100px;height:100px}.upload-widget-label{padding:20px 10px}.upload-widget-icon{font-size:2rem}.upload-widget-text{font-size:.9rem}}@media (max-width: 767px){.student-update-container{-webkit-overflow-scrolling:touch}.form-main-content{position:relative;z-index:1}}.delete-staff-container{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#333;line-height:1.6;background-color:#f9f9f9;min-height:100vh;padding:20px;max-width:1200px;margin:0 auto}.delete-staff-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.delete-staff-title{font-size:28px;font-weight:600;color:#222;margin-bottom:8px}.delete-staff-subtitle{font-size:16px;color:#666;margin:0}.search-section{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px #00000014;border:1px solid #e0e0e0;margin-bottom:30px}.section-title{font-size:20px;font-weight:600;color:#222;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:500;color:#555;margin-bottom:8px}.form-input{flex:1;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fafafa;transition:all .3s ease;min-width:200px}.form-input:focus{outline:none;border-color:#999;background-color:#fff;box-shadow:0 0 0 2px #0000000d}.form-input:disabled{background-color:#f0f0f0;color:#999;cursor:not-allowed}.primary-button,.secondary-button,.danger-button,.search-button{padding:12px 24px;border:none;border-radius:4px;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-button{background-color:#007bff;color:#fff}.primary-button:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px)}.secondary-button{background-color:#6c757d;color:#fff}.secondary-button:hover:not(:disabled){background-color:#545b62;transform:translateY(-1px)}.danger-button{background-color:#dc3545;color:#fff}.danger-button:hover:not(:disabled){background-color:#c82333;transform:translateY(-1px)}button:disabled{background-color:#aaa!important;cursor:not-allowed;transform:none!important;opacity:.6}.staff-info-card{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px #00000014;border:1px solid #e0e0e0;margin-bottom:30px}.staff-info-title{font-size:20px;font-weight:600;color:#222;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.staff-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:25px}.staff-detail{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:15px;color:#222;font-weight:500}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.profile-data-section{margin-top:25px;padding-top:25px;border-top:1px solid #e0e0e0}.profile-data-title{font-size:16px;font-weight:600;color:#222;margin-bottom:15px}.profile-data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.delete-warning{display:flex;gap:15px;padding:20px;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;margin:25px 0}.warning-icon{font-size:20px;flex-shrink:0}.warning-content{flex:1;color:#856404}.warning-content strong{font-weight:600}.delete-button{width:100%;max-width:300px;margin-top:20px}.confirmation-dialog{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.confirmation-content{background-color:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:500px;width:100%;text-align:center}.confirmation-title{font-size:22px;font-weight:600;color:#222;margin-bottom:20px}.confirmation-message{text-align:left;margin-bottom:30px;line-height:1.6}.staff-highlight{background-color:#f8f9fa;padding:15px;border-radius:4px;border-left:4px solid #dc3545;margin:15px 0}.confirmation-warning{color:#dc3545;font-weight:500;margin-top:15px}.confirmation-cancel,.confirmation-confirm{min-width:160px}.success-message{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px #00000014;border:1px solid #e0e0e0;text-align:center;margin-bottom:30px}.success-content h4{font-size:20px;font-weight:600;color:#222;margin-bottom:10px}.success-content p{color:#666;margin-bottom:20px}.empty-state{text-align:center;padding:60px 30px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #00000014;border:1px solid #e0e0e0}.empty-state-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state p{color:#666;margin-bottom:15px}.empty-tips{max-width:400px;margin:20px auto 0;padding-top:20px;border-top:1px solid #e0e0e0}.empty-tips p{font-size:14px;color:#888;margin-bottom:8px}.no-results-message{background-color:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 10px #00000014;border:1px solid #e0e0e0;text-align:center;margin-bottom:30px}.error-message{margin-bottom:30px}.form-actions .secondary-button{min-width:120px}@media (max-width: 768px){.delete-staff-container{padding:15px}.search-input-group{flex-direction:column;align-items:stretch}.search-button{width:100%}.staff-info-grid,.profile-data-grid{grid-template-columns:1fr}.confirmation-actions{flex-direction:column}.confirmation-cancel,.confirmation-confirm{width:100%}.delete-warning{flex-direction:column;text-align:center}}@media (max-width: 480px){.delete-staff-container{padding:10px}.search-section,.staff-info-card,.success-message,.empty-state,.no-results-message{padding:20px}.confirmation-content{padding:25px}.section-title,.staff-info-title,.confirmation-title{font-size:18px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,input:focus-visible{outline:2px solid #007bff;outline-offset:2px}@media (prefers-contrast: high){.delete-staff-container{background-color:#fff;border:2px solid black}.search-section,.staff-info-card,.success-message,.empty-state,.no-results-message{border:2px solid black;background-color:#fff}.form-input{border:2px solid black}}.delete-student-container{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#333;line-height:1.6;background-color:#f9f9f9;min-height:100vh;padding:20px}.campus-display{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:25px;box-shadow:0 2px 4px #0000000d}.campus-display-header{margin-bottom:15px}.campus-display-title{font-size:16px;font-weight:600;color:#555;margin:0}.campus-display-content{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.campus-display-badge{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.campus-display-note{color:#666;font-size:14px;margin:0}.delete-student-header{text-align:center;margin-bottom:40px;padding-bottom:25px;border-bottom:1px solid #e0e0e0}.delete-student-title{font-size:32px;font-weight:700;color:#222;margin-bottom:12px;letter-spacing:-.5px}.delete-student-subtitle{font-size:16px;color:#666;max-width:600px;margin:0 auto;line-height:1.5}.search-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:30px;margin-bottom:25px;box-shadow:0 2px 4px #0000000d}.section-title{font-size:20px;font-weight:600;color:#222;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.search-container{max-width:600px}.form-group{margin-bottom:0}.form-label{display:block;font-size:15px;font-weight:600;color:#333;margin-bottom:10px}.search-input-group{display:flex;gap:12px;align-items:flex-start}.form-input{flex:1;padding:14px 16px;border:1px solid #ddd;border-radius:6px;font-size:15px;background-color:#fafafa;transition:all .3s ease;min-width:0}.form-input:focus{outline:none;border-color:#999;background-color:#fff;box-shadow:0 0 0 3px #0000000d}.form-input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.form-input.is-invalid{border-color:#d32f2f;background-color:#fff5f5}.password-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:25px;margin-bottom:25px;box-shadow:0 2px 4px #0000000d}.password-input-group{display:flex;gap:15px;align-items:flex-start;max-width:500px}.password-input{flex:1;padding:14px 16px;border:1px solid #ddd;border-radius:6px;font-size:15px;background-color:#fafafa;transition:all .3s ease;font-family:monospace}.password-input:focus{outline:none;border-color:#999;background-color:#fff;box-shadow:0 0 0 3px #0000000d}.password-input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.password-requirements{margin-top:15px;padding:15px;background-color:#f8f9fa;border-radius:6px;border-left:4px solid #007bff}.password-requirements-title{font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.password-requirements-list{list-style:none;padding:0;margin:0;font-size:13px;color:#666}.password-requirements-list li{margin-bottom:4px;display:flex;align-items:center;gap:8px}.password-requirements-list li:before{content:"•";color:#007bff;font-weight:700}.primary-button{padding:14px 28px;background-color:#007bff;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:140px;white-space:nowrap}.primary-button:hover{background-color:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #007bff33}.primary-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.secondary-button{padding:12px 24px;background-color:transparent;color:#666;border:2px solid #ddd;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.secondary-button:hover{background-color:#f8f9fa;border-color:#999;transform:translateY(-1px)}.secondary-button:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;transform:none}.danger-button{padding:14px 28px;background-color:#dc3545;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:140px}.danger-button:hover{background-color:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc354533}.danger-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.search-button{min-width:140px}.student-info-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:30px;margin-bottom:25px;box-shadow:0 2px 4px #0000000d}.student-info-title{font-size:22px;font-weight:600;color:#222;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.student-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.student-detail{display:flex;flex-direction:column;gap:5px}.detail-label{font-size:13px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:16px;color:#222;font-weight:500}.delete-warning{display:flex;align-items:flex-start;gap:15px;padding:20px;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;margin-bottom:25px}.warning-icon{font-size:24px;flex-shrink:0}.warning-content{flex:1;color:#856404;font-size:14px;line-height:1.5}.warning-content strong{color:#724c04}.delete-button{width:100%;padding:16px;font-size:16px;text-transform:uppercase;letter-spacing:.5px}.confirmation-dialog{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background-color:#00000080!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10000!important;padding:20px!important}.confirmation-content{background:#fff!important;border-radius:12px!important;padding:40px!important;max-width:500px!important;width:100%!important;text-align:center!important;box-shadow:0 10px 30px #0003!important;z-index:10001!important;position:relative!important}.confirmation-icon{font-size:48px;margin-bottom:20px}.confirmation-title{font-size:24px;font-weight:700;color:#222;margin-bottom:20px}.confirmation-message{text-align:left;margin-bottom:30px;color:#555;line-height:1.6}.student-highlight{background-color:#f8f9fa;padding:15px;border-radius:6px;margin:15px 0;border-left:4px solid #dc3545}.student-highlight strong{font-size:18px;color:#222}.confirmation-warning{color:#dc3545;font-weight:600;font-size:14px;margin-top:15px;padding-top:15px;border-top:1px solid #f0f0f0}.confirmation-actions{display:flex;gap:15px;justify-content:center}.confirmation-cancel,.confirmation-confirm{min-width:160px;padding:14px 24px}.success-message{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:30px;margin-bottom:25px;text-align:center;box-shadow:0 2px 4px #0000000d}.success-icon{font-size:48px;margin-bottom:20px}.success-content h4{font-size:22px;font-weight:600;color:#222;margin-bottom:10px}.success-content p{color:#666;margin-bottom:20px;font-size:15px}.success-button{min-width:200px}.error-display{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:25px;margin-bottom:25px;box-shadow:0 2px 4px #0000000d}.error-title{font-size:18px;font-weight:600;color:#d32f2f;margin-bottom:10px}.error-message{color:#666;margin-bottom:15px;line-height:1.5}.error-actions{display:flex;gap:10px;flex-wrap:wrap}.no-results-message{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:40px;margin-bottom:25px;text-align:center;box-shadow:0 2px 4px #0000000d}.empty-state{max-width:400px;margin:0 auto}.empty-state-icon{font-size:64px;margin-bottom:20px;opacity:.7}.empty-state h4{font-size:20px;font-weight:600;color:#222;margin-bottom:10px}.empty-state p{color:#666;margin-bottom:8px;line-height:1.5}.form-actions{display:flex;justify-content:center;gap:15px;margin-top:30px;padding-top:25px;border-top:1px solid #f0f0f0}.error-text{color:#d32f2f;font-size:13px;margin-top:6px;display:flex;align-items:center;gap:6px}.error-text:before{content:"⚠";font-size:14px}.loading-spinner{display:inline-flex;align-items:center;justify-content:center;gap:8px}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.spinner-small{width:16px;height:16px}@media (max-width: 768px){.delete-student-container{padding:15px}.delete-student-title{font-size:26px}.search-input-group,.password-input-group{flex-direction:column}.primary-button,.secondary-button,.danger-button{width:100%;min-width:auto}.student-info-grid{grid-template-columns:1fr;gap:15px}.confirmation-content{padding:30px 20px;margin:20px}.confirmation-actions{flex-direction:column}.confirmation-cancel,.confirmation-confirm{width:100%;min-width:auto}.form-actions{flex-direction:column}.campus-display-content{flex-direction:column;align-items:flex-start;gap:10px}.delete-warning{flex-direction:column;text-align:center;gap:10px}}@media (max-width: 480px){.delete-student-header{margin-bottom:30px}.delete-student-title{font-size:22px}.section-title{font-size:18px}.student-info-title{font-size:20px}.search-section,.student-info-card,.success-message,.error-display{padding:20px}.confirmation-title{font-size:20px}.confirmation-message{font-size:14px}}@media print{.delete-student-container{background:#fff;padding:0}.primary-button,.secondary-button,.danger-button,.confirmation-dialog{display:none!important}.student-info-card,.search-section{border:1px solid #000;box-shadow:none;page-break-inside:avoid}}@media (prefers-reduced-motion: reduce){.primary-button,.secondary-button,.danger-button,.form-input{transition:none}.spinner{animation:none}}.primary-button:focus,.secondary-button:focus,.danger-button:focus,.form-input:focus,.password-input:focus{outline:2px solid #007bff;outline-offset:2px}.danger-button:focus{outline-color:#dc3545}@media (prefers-contrast: high){.delete-student-container{background:#fff;color:#000}.form-input,.password-input{border-color:#000;background:#fff}.primary-button,.secondary-button,.danger-button{border:2px solid black}}.result-manager{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#333;line-height:1.6;background-color:#f9f9f9;min-height:100vh;padding:20px}.result-manager__container{max-width:1200px;margin:0 auto;padding:30px;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #00000014;border:1px solid #e0e0e0}.result-manager__title{font-size:24px;font-weight:600;color:#222;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.result-manager__search-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:25px}.result-manager__search-field{margin-bottom:15px}.result-manager__label{display:block;font-size:14px;font-weight:500;color:#555;margin-bottom:8px}.result-manager__input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fafafa;transition:all .3s ease}.result-manager__input:focus{outline:none;border-color:#999;background-color:#fff;box-shadow:0 0 0 2px #0000000d}.result-manager__search-btn{padding:12px 24px;background-color:#222;color:#fff;border:none;border-radius:4px;font-weight:500;font-size:15px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.result-manager__search-btn:hover{background-color:#000;transform:translateY(-1px)}.result-manager__search-btn:disabled{background-color:#aaa;cursor:not-allowed;transform:none}.result-manager__spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.result-manager__error{color:#d32f2f;font-size:14px;margin-top:10px;padding:10px;background-color:#ffebee;border-left:3px solid #d32f2f;border-radius:2px}.result-manager__results-container{margin-top:30px;border-top:1px solid #eee;padding-top:25px}.result-manager__result-sheet{padding:25px;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff}.result-manager__sheet-title{font-size:20px;font-weight:600;text-align:center;margin-bottom:25px;color:#222;text-transform:uppercase;letter-spacing:1px}.result-manager__student-info{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:25px;padding:15px;background-color:#fafafa;border-radius:4px}.result-manager__info-label{font-weight:600;color:#444}.result-manager__results-table{width:100%;border-collapse:collapse;margin-top:20px;font-size:14px}.result-manager__results-table th,.result-manager__results-table td{padding:14px;text-align:left;border:1px solid #e0e0e0}.result-manager__results-table th{background-color:#f5f5f5;font-weight:600;color:#333;text-transform:uppercase;font-size:13px;letter-spacing:.5px}.result-manager__results-table tr:hover{background-color:#f9f9f9}.result-manager__delete-btn{padding:8px 16px;background-color:#d32f2f;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.result-manager__delete-btn:hover{background-color:#b71c1c;transform:translateY(-1px)}.result-manager__delete-btn:disabled{background-color:#aaa;cursor:not-allowed;transform:none}.result-manager__actions{display:flex;justify-content:flex-end;margin-top:25px;border-top:1px solid #eee;padding-top:20px}.result-manager__print-btn{padding:12px 24px;background-color:#222;color:#fff;border:none;border-radius:4px;font-weight:500;font-size:15px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.result-manager__print-btn:hover{background-color:#000;transform:translateY(-1px)}.result-manager__no-results{color:#d32f2f;font-size:15px;margin-top:20px;padding:15px;background-color:#ffebee;border-radius:4px;text-align:center}@media (min-width: 768px){.result-manager__search-grid{grid-template-columns:repeat(3,1fr);gap:25px}.result-manager__student-info{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.result-manager__container{padding:20px 15px}.result-manager__results-table{display:block;overflow-x:auto;white-space:nowrap}}@media print{body{background:none;padding:0}.result-manager__container,.result-manager__result-sheet{box-shadow:none;border:none;padding:0;margin:0}.result-manager__actions,.result-manager__search-grid{display:none}.result-manager__results-table{page-break-inside:avoid}}.result-delete-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.result-delete-header{text-align:center;margin-bottom:30px}.result-delete-title{color:#2c3e50;font-size:2.5rem;margin-bottom:10px;font-weight:600}.result-delete-subtitle{color:#7f8c8d;font-size:1.1rem;line-height:1.5}.search-section{background:#f8f9fa;padding:30px;border-radius:10px;margin-bottom:30px;border:1px solid #e9ecef}.section-title{color:#2c3e50;font-size:1.5rem;margin-bottom:20px;font-weight:600}.search-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.form-label{font-weight:600;margin-bottom:8px;color:#495057}.form-input,.form-select{padding:12px;border:2px solid #e9ecef;border-radius:6px;font-size:14px;transition:border-color .3s ease}.form-input:focus,.form-select:focus{outline:none;border-color:#3498db}.search-button{width:200px}.results-section{background:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px}.section-header{display:flex;justify-content:between;align-items:center;margin-bottom:20px}.results-count{background:#3498db;color:#fff;padding:4px 12px;border-radius:20px;font-size:.9rem;font-weight:600}.student-info-card{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:30px;border-left:4px solid #3498db}.student-info-card h4{margin-bottom:15px;color:#2c3e50}.student-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.student-detail{display:flex;flex-direction:column}.detail-label{font-weight:600;color:#495057;font-size:.9rem}.detail-value{color:#2c3e50;font-size:1rem}.results-table-container{overflow-x:auto;margin-bottom:30px}.results-table{width:100%;border-collapse:collapse;background:#fff}.results-table th{background:#34495e;color:#fff;padding:15px;text-align:left;font-weight:600}.results-table td{padding:15px;border-bottom:1px solid #ecf0f1}.result-row:hover{background:#f8f9fa}.subject-name{font-weight:600;color:#2c3e50}.score,.total-score{text-align:center;font-family:Courier New,monospace;font-weight:600}.total-score{color:#e74c3c;font-size:1.1rem}.remarks{color:#7f8c8d;font-style:italic}.primary-button,.secondary-button,.danger-button{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.primary-button{background:#3498db;color:#fff}.primary-button:hover:not(:disabled){background:#2980b9}.secondary-button{background:#95a5a6;color:#fff}.secondary-button:hover:not(:disabled){background:#7f8c8d}.danger-button{background:#e74c3c;color:#fff}.danger-button:hover:not(:disabled){background:#c0392b}.primary-button:disabled,.danger-button:disabled{background:#bdc3c7;cursor:not-allowed}.bulk-actions{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.delete-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:15px;display:flex;align-items:flex-start;gap:15px}.warning-icon{font-size:1.5rem}.warning-content{color:#856404}.empty-state{text-align:center;padding:60px 20px;color:#7f8c8d}.empty-state-icon{font-size:4rem;margin-bottom:20px}.empty-state h4{color:#2c3e50;margin-bottom:10px}.button-loading{display:flex;align-items:center;gap:8px}.loading-indicator{display:flex;justify-content:center;align-items:center;padding:10px}@media (max-width: 768px){.result-delete-container{padding:10px}.search-grid,.student-details-grid{grid-template-columns:1fr}.bulk-actions{flex-direction:column}.results-table{font-size:.9rem}.results-table th,.results-table td{padding:10px 8px}}@media print{.search-section,.bulk-actions,.delete-warning,.actions{display:none!important}.results-section{box-shadow:none;padding:0}}.fetch-student-container{min-height:100vh;background:#f8f9fa;padding:20px}.fetch-student-header{text-align:center;margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #e9ecef}.fetch-student-title{font-size:2.25rem;font-weight:700;color:#1a202c;margin:0 0 12px}.fetch-student-subtitle{font-size:1.125rem;color:#718096;margin:0;line-height:1.6}.search-section{background:#fff;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 2px 20px #00000014}.section-title{font-size:1.5rem;font-weight:600;color:#2d3748;margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid #4299e1}.search-container{max-width:600px;margin:0 auto}.search-input-group{display:flex;gap:12px;align-items:flex-end}.search-input-group .form-input{flex:1}.search-button{white-space:nowrap;min-width:140px}.student-details-layout{display:grid;grid-template-columns:1fr 400px;gap:30px;max-width:1400px;margin:0 auto}.student-details-main{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 20px #00000014}.student-details-sidebar{display:flex;flex-direction:column;gap:20px}.student-details-card{width:100%}.student-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e9ecef}.student-details-title{font-size:1.75rem;font-weight:600;color:#1a202c;margin:0}.reset-button{white-space:nowrap}.student-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.student-detail-item{display:flex;flex-direction:column;gap:4px}.student-detail-item.full-width{grid-column:1 / -1}.detail-label{font-size:.875rem;font-weight:600;color:#4a5568}.detail-value{font-size:1rem;color:#2d3748;font-weight:500}.passport-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 20px #00000014;border:1px solid #e9ecef}.passport-section-title{font-size:1.25rem;font-weight:600;color:#2d3748;margin:0 0 20px;text-align:center;padding-bottom:16px;border-bottom:1px solid #f1f3f4}.passport-photo-container{display:flex;justify-content:center;align-items:center;min-height:200px}.passport-photo{max-width:100%;max-height:300px;border-radius:8px;border:3px solid #e9ecef;box-shadow:0 4px 15px #0000001a;object-fit:cover}.passport-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:#f8f9fa;border-radius:8px;border:2px dashed #cbd5e0;text-align:center;color:#718096;width:100%}.passport-icon{font-size:3rem;margin-bottom:12px;opacity:.7}.passport-url-hint{font-size:.75rem;color:#a0aec0;margin-top:8px;word-break:break-all}.student-summary-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 20px #00000014;border:1px solid #e9ecef}.summary-title{font-size:1.25rem;font-weight:600;color:#2d3748;margin:0 0 20px;text-align:center;padding-bottom:16px;border-bottom:1px solid #f1f3f4}.summary-items{display:flex;flex-direction:column;gap:12px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f7fafc;border-radius:6px}.summary-label{font-size:.875rem;font-weight:600;color:#4a5568}.summary-value{font-size:.875rem;font-weight:500;color:#2d3748}.status-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-available{background:#c6f6d5;color:#276749}.status-unavailable{background:#fed7d7;color:#c53030}.form-group{display:flex;flex-direction:column}.form-label{font-size:.875rem;font-weight:600;color:#4a5568;margin-bottom:6px}.form-input{padding:12px 16px;border:1px solid #cbd5e0;border-radius:6px;font-size:1rem;transition:all .2s ease;background:#fff}.form-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.primary-button{background:#4299e1;color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.primary-button:hover:not(:disabled){background:#3182ce;transform:translateY(-1px);box-shadow:0 4px 12px #4299e14d}.primary-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.secondary-button{background:#e2e8f0;color:#4a5568;border:none;padding:14px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.secondary-button:hover:not(:disabled){background:#cbd5e0;transform:translateY(-1px)}.no-results-message{display:flex;justify-content:center;margin:40px 0}.empty-state{text-align:center;padding:40px;background:#fff;border-radius:12px;box-shadow:0 2px 20px #00000014;max-width:400px}.empty-state-icon{font-size:4rem;margin-bottom:20px;opacity:.7}.empty-state h4{font-size:1.5rem;font-weight:600;color:#2d3748;margin:0 0 12px}.empty-state p{color:#718096;margin:8px 0;line-height:1.5}.form-actions{display:flex;justify-content:center;margin-top:30px}@media (max-width: 1024px){.student-details-layout{grid-template-columns:1fr;gap:20px}.student-details-sidebar{order:-1}}@media (max-width: 768px){.fetch-student-container{padding:10px}.search-section,.student-details-main,.passport-section,.student-summary-card{padding:20px}.fetch-student-title{font-size:1.75rem}.student-details-title{font-size:1.5rem}.student-details-header{flex-direction:column;gap:16px;align-items:stretch;text-align:center}.search-input-group{flex-direction:column;align-items:stretch}.search-button{width:100%}.student-details-grid{grid-template-columns:1fr}}@media (max-width: 480px){.fetch-student-title{font-size:1.5rem}.section-title{font-size:1.25rem}.passport-photo{max-height:250px}}.gilford-staff-fetch-container{min-height:100vh;background-color:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1f2937}.gilford-staff-fetch-header{text-align:center;padding:2rem 1rem 1rem;background:#fff;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.gilford-staff-fetch-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;background:linear-gradient(135deg,#3b82f6,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gilford-staff-fetch-subtitle{font-size:1.1rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.6}.gilford-staff-search-section{background:#fff;border-radius:12px;padding:2rem;margin:0 1rem 2rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb}.gilford-staff-search-form{max-width:600px;margin:0 auto}.gilford-form-group{margin-bottom:1.5rem}.gilford-form-label{display:block;font-size:1rem;font-weight:600;color:#374151;margin-bottom:.5rem}.gilford-input-with-button{display:flex;gap:1rem;align-items:flex-start}.gilford-form-input{flex:1;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff;color:#1f2937}.gilford-form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.gilford-form-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.gilford-form-input::placeholder{color:#9ca3af}.gilford-primary-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.gilford-primary-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.gilford-primary-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.gilford-secondary-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:#6b7280;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.gilford-secondary-btn:hover:not(:disabled){background:#4b5563;transform:translateY(-1px)}.gilford-secondary-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.gilford-button-loading{display:flex;align-items:center;gap:.5rem}.gilford-staff-details-card{background:#fff;border-radius:12px;margin:0 1rem 2rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb;overflow:hidden;position:relative}.gilford-staff-details-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#10b981)}.gilford-staff-details-header{background:linear-gradient(135deg,#1f2937,#374151);color:#fff;padding:2rem;display:flex;align-items:center;gap:1.5rem;position:relative}.gilford-staff-avatar-large{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#10b981);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.5rem;flex-shrink:0}.gilford-staff-header-info{flex:1}.gilford-staff-name{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:#fff}.gilford-staff-designation{font-size:1.1rem;color:#d1d5db;margin:0 0 .5rem;font-weight:500}.gilford-staff-id{background:#fff3;padding:.4rem .8rem;border-radius:20px;font-size:.9rem;font-weight:500;display:inline-block;font-family:Courier New,monospace;color:#fff}.gilford-staff-details-content{padding:2rem;color:#1f2937}.gilford-details-section{margin-bottom:2rem}.gilford-details-section:last-child{margin-bottom:0}.gilford-section-title{font-size:1.2rem;font-weight:600;color:#374151;margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:2px solid #f3f4f6}.gilford-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.gilford-detail-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;transition:transform .2s ease;color:#1f2937}.gilford-detail-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.gilford-detail-label{font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.gilford-detail-value{font-size:1rem;color:#1f2937;font-weight:500;line-height:1.4}.gilford-status-badge{padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.gilford-status-badge.gilford-active{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.gilford-status-badge.gilford-inactive{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.gilford-staff-actions{padding:1.5rem 2rem;background:#f8fafc;border-top:1px solid #e5e7eb;text-align:center}.gilford-empty-state{text-align:center;padding:3rem 2rem;background:#fff;border-radius:12px;margin:0 1rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb;color:#1f2937}.gilford-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5;color:#6b7280}.gilford-empty-state h4{font-size:1.5rem;color:#1f2937;margin-bottom:.5rem}.gilford-empty-state p{color:#6b7280;font-size:1rem;margin-bottom:1.5rem;line-height:1.5}.gilford-empty-tips{background:#f8fafc;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0;text-align:left;max-width:500px;margin:0 auto;color:#1f2937}.gilford-empty-tips p{margin-bottom:.5rem;font-size:.9rem;color:#6b7280}.gilford-empty-tips p:last-child{margin-bottom:0}.gilford-form-actions{display:flex;justify-content:center;margin:2rem 1rem;gap:1rem;flex-wrap:wrap}@media print{.no-print{display:none!important}.gilford-staff-fetch-container{background:#fff}.gilford-staff-details-card{break-inside:avoid;border:1px solid #000}.gilford-staff-details-header{background:#f5f5f5!important;color:#000!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}}@media (max-width: 1024px){.gilford-staff-fetch-title{font-size:2.2rem}.gilford-details-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.gilford-staff-fetch-header{padding:1.5rem 1rem}.gilford-staff-fetch-title{font-size:2rem}.gilford-staff-fetch-subtitle{font-size:1rem}.gilford-staff-search-section{padding:1.5rem;margin:0 .5rem 1.5rem}.gilford-input-with-button{flex-direction:column;gap:.75rem}.gilford-form-input{width:100%}.gilford-primary-btn{width:100%;justify-content:center}.gilford-staff-details-card{margin:0 .5rem 1.5rem}.gilford-staff-details-header{padding:1.5rem;flex-direction:column;text-align:center;gap:1rem}.gilford-staff-details-content{padding:1.5rem}.gilford-details-grid{grid-template-columns:1fr;gap:1rem}.gilford-form-actions{margin:1.5rem .5rem;flex-direction:column}}@media (max-width: 640px){.gilford-staff-fetch-title{font-size:1.8rem}.gilford-staff-avatar-large{width:70px;height:70px;font-size:1.3rem}.gilford-staff-name{font-size:1.3rem}.gilford-empty-state{padding:2rem 1rem}.gilford-empty-icon{font-size:2.5rem}.gilford-empty-state h4{font-size:1.3rem}}@media (max-width: 480px){.gilford-staff-fetch-container{padding:0}.gilford-staff-fetch-title{font-size:1.6rem}.gilford-staff-search-section{padding:1rem;margin:0 .25rem 1rem;border-radius:8px}.gilford-staff-details-card{margin:0 .25rem 1rem;border-radius:8px}.gilford-staff-details-header,.gilford-staff-details-content{padding:1.25rem}.gilford-staff-actions{padding:1rem}.gilford-detail-item{padding:.875rem}.gilford-empty-state{padding:1.5rem 1rem;margin:0 .25rem}.gilford-empty-tips{padding:1rem}.gilford-form-actions{margin:1rem .25rem;gap:.75rem}.gilford-primary-btn,.gilford-secondary-btn{padding:.75rem 1rem;font-size:.9rem}}@media (prefers-reduced-motion: reduce){.gilford-primary-btn,.gilford-secondary-btn,.gilford-form-input,.gilford-detail-item{transition:none}}.gilford-primary-btn:focus,.gilford-secondary-btn:focus,.gilford-form-input:focus{outline:2px solid #3b82f6;outline-offset:2px}:root{--primary-blue: #1e3a8a;--secondary-blue: #0ea5e9;--accent-gold: #d97706;--light-blue: #dbeafe;--dark-blue: #1e293b;--text-dark: #1f2937;--text-light: #6b7280;--white: #ffffff;--gradient-primary: linear-gradient(135deg, #1e3a8a 0%, #0ea5e9 100%);--gradient-gold: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);--gradient-light: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition: all .4s cubic-bezier(.4, 0, .2, 1);--border-radius: 12px}body{font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;color:var(--text-dark);background:var(--white);overflow-x:hidden;font-size:.95rem}.home-container{max-width:100%;overflow-x:hidden}.hero-section{position:relative;height:95vh;max-height:700px;min-height:500px;overflow:hidden;margin-bottom:4rem;background:var(--gradient-primary)}.hero-image{width:100%;height:100%;object-fit:cover;margin-top:3rem;object-position:center;filter:brightness(.8) contrast(1.1);transform:scale(1.02);transition:transform 1.2s cubic-bezier(.4,0,.2,1)}.hero-section:hover .hero-image{transform:scale(1.05)}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1.5rem;background:linear-gradient(135deg,#1e3a8ad9,#0ea5e9bf);color:var(--white)}.hero-title{font-size:clamp(2rem,5vw,3.2rem);margin-bottom:1rem;font-weight:700;letter-spacing:-.5px;line-height:1.2;background:linear-gradient(135deg,#fff,#e0f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:professionalSlideUp 1s ease-out;text-shadow:0 8px 32px rgba(0,0,0,.2);position:relative;padding:0 1rem}.hero-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:100px;height:3px;background:var(--gradient-gold);border-radius:2px}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.6rem);font-weight:300;font-style:italic;margin-bottom:1.5rem;background:linear-gradient(135deg,#f0f9ff,#bae6fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:professionalSlideUp 1.2s ease-out;letter-spacing:.3px;padding:0 1rem}.content-section{max-width:1200px;margin:0 auto;padding:0 1.5rem 5rem}.section-title{font-size:clamp(1.8rem,4vw,2.2rem);color:var(--dark-blue);margin-bottom:3rem;position:relative;text-align:center;font-weight:600;letter-spacing:-.3px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:0 1rem}.section-title:after{content:"";display:block;width:80px;height:4px;background:var(--gradient-gold);margin:1.5rem auto;border-radius:2px;animation:professionalScaleIn .8s ease-out}.section-content{background:var(--white);padding:3rem;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);margin-bottom:4rem;line-height:1.7;border:1px solid #f1f5f9;position:relative;overflow:hidden;transition:var(--transition);font-size:1rem}.section-content:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.section-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.about-section{margin-bottom:5rem}.about-section p{font-size:1rem;margin-bottom:1.5rem;color:var(--text-dark);line-height:1.7;font-weight:400}.school-list{margin:2.5rem 0;padding-left:0;display:grid;gap:1rem}.school-list li{margin-bottom:.8rem;position:relative;list-style-type:none;padding:1.2rem 1.5rem 1.2rem 4rem;font-size:1rem;font-weight:500;background:var(--gradient-light);border-radius:var(--border-radius);border-left:4px solid var(--secondary-blue);transition:var(--transition);box-shadow:var(--shadow-sm);color:var(--text-dark)}.school-list li:hover{transform:translate(8px);box-shadow:var(--shadow-md);background:var(--white);border-left-color:var(--accent-gold)}.school-list li:before{content:"";position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);width:22px;height:22px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:600;font-size:.75rem}.school-list li:nth-child(1):before{content:"1"}.school-list li:nth-child(2):before{content:"2"}.school-list li:nth-child(3):before{content:"3"}.conduct-section{margin-top:4rem}.conduct-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.rule-item{display:flex;align-items:flex-start;gap:1.5rem;padding:2rem;background:var(--white);border-radius:var(--border-radius);transition:var(--transition);border:2px solid #f1f5f9;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.rule-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.rule-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--secondary-blue)}.rule-icon{font-size:1.8rem;margin-top:.1rem;flex-shrink:0;transition:var(--transition);background:var(--gradient-light);padding:.8rem;border-radius:10px}.rule-item:hover .rule-icon{transform:scale(1.1) rotate(5deg);background:var(--gradient-primary)}.rule-item span:last-child{font-size:.95rem;font-weight:500;color:var(--text-dark);line-height:1.6}.cta-container{text-align:center;margin-top:4rem;position:relative}.cta-button{display:inline-flex;align-items:center;gap:.8rem;padding:1.2rem 2.5rem;background:var(--gradient-primary);color:var(--white);text-decoration:none;border-radius:50px;font-weight:600;transition:var(--transition);border:none;font-size:1rem;letter-spacing:.3px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.cta-button:hover:before{left:100%}.cta-button:hover{transform:translateY(-4px) scale(1.03);box-shadow:var(--shadow-xl);background:var(--gradient-primary)}@keyframes professionalSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes professionalScaleIn{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes professionalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rule-item:nth-child(1){animation:professionalFadeIn .6s ease-out .1s both}.rule-item:nth-child(2){animation:professionalFadeIn .6s ease-out .2s both}.rule-item:nth-child(3){animation:professionalFadeIn .6s ease-out .3s both}.rule-item:nth-child(4){animation:professionalFadeIn .6s ease-out .4s both}@media (max-width: 1200px){.content-section{padding:0 1.5rem 4rem}}@media (max-width: 992px){.hero-section{height:85vh;max-height:650px}.section-content{padding:2.5rem}.conduct-rules{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}}@media (max-width: 768px){.hero-section{height:75vh;max-height:550px;margin-bottom:3rem}.content-section{padding:0 1rem 4rem}.section-content{padding:2rem;margin-bottom:3rem;font-size:.95rem}.school-list li{padding:1rem 1.2rem 1rem 3.5rem;font-size:.95rem}.school-list li:before{left:1.2rem;width:20px;height:20px;font-size:.7rem}.conduct-rules{grid-template-columns:1fr;gap:1.2rem;margin-top:2.5rem}.rule-item{padding:1.5rem;gap:1.2rem}.rule-icon{font-size:1.6rem;padding:.7rem}.rule-item span:last-child{font-size:.92rem}}@media (max-width: 576px){.hero-section{height:65vh;max-height:480px;min-height:400px}.hero-title{font-size:clamp(1.6rem,4vw,2.2rem);margin-bottom:.8rem}.hero-subtitle{font-size:clamp(.9rem,2vw,1.3rem);margin-bottom:1rem}.content-section{padding:0 .8rem 3rem}.section-title{margin-bottom:2.5rem;font-size:clamp(1.6rem,3.5vw,2rem)}.section-content{padding:1.5rem;border-radius:10px;font-size:.9rem;margin-bottom:3rem}.school-list li{font-size:.9rem;padding:.8rem 1rem .8rem 3rem}.school-list li:before{left:1rem;width:18px;height:18px;font-size:.65rem}.cta-button{padding:1rem 2rem;font-size:.95rem;width:100%;max-width:280px}.rule-item{padding:1.2rem;gap:1rem}.rule-icon{font-size:1.4rem;padding:.6rem}.rule-item span:last-child{font-size:.9rem}}@media (max-width: 400px){.hero-section{height:60vh;max-height:420px;min-height:350px}.hero-title{font-size:1.4rem}.hero-subtitle{font-size:.85rem}.section-content{padding:1.2rem}.school-list li{padding:.8rem .8rem .8rem 2.8rem;font-size:.85rem}.school-list li:before{left:.8rem}.conduct-rules{grid-template-columns:1fr;gap:1rem}.rule-item{padding:1rem;gap:.8rem}.rule-icon{font-size:1.3rem;padding:.5rem}}html{scroll-behavior:smooth}.cta-button:focus{outline:2px solid var(--accent-gold);outline-offset:2px}.rule-item:focus-within{outline:2px solid var(--secondary-blue);outline-offset:1px}.hero-image{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 2s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (hover: none){.hero-section:hover .hero-image{transform:scale(1.02)}.section-content:hover{transform:none;box-shadow:var(--shadow-lg)}.school-list li:hover{transform:none}.rule-item:hover{transform:none;box-shadow:var(--shadow-md)}.cta-button:hover{transform:none}}@supports (padding: max(0px)){.hero-overlay,.content-section,.section-content{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.hero-overlay{padding-top:max(1.5rem,env(safe-area-inset-top))}}.expense-management{padding:20px;min-height:100vh;background-color:#f8f9fa}.expense-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.expense-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:expense-spin 1s linear infinite;margin-bottom:16px}.expense-spinner-small{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #fff;border-radius:50%;animation:expense-spin 1s linear infinite;display:inline-block;margin-right:8px}@keyframes expense-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.expense-error-message{background:#f8d7da;color:#721c24;padding:12px 16px;border-radius:6px;border:1px solid #f5c6cb;display:flex;align-items:center;gap:8px;margin-bottom:20px}.expense-success-message{background:#d1edff;color:#0c5460;padding:12px 16px;border-radius:6px;border:1px solid #bee5eb;display:flex;align-items:center;gap:8px;margin-bottom:20px}.expense-retry-btn{background:#dc3545;color:#fff;border:none;padding:4px 12px;border-radius:4px;cursor:pointer;margin-left:auto}.expense-retry-btn:hover{background:#c82333}.expense-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s ease}.expense-btn:disabled{opacity:.6;cursor:not-allowed}.expense-btn-sm{padding:6px 12px;font-size:12px}.expense-btn-primary{background:#007bff;color:#fff}.expense-btn-primary:hover{background:#0056b3}.expense-btn-secondary{background:#6c757d;color:#fff}.expense-btn-secondary:hover{background:#545b62}.expense-btn-success{background:#28a745;color:#fff}.expense-btn-success:hover{background:#1e7e34}.expense-btn-danger{background:#dc3545;color:#fff}.expense-btn-danger:hover{background:#c82333}.expense-btn-warning{background:#ffc107;color:#212529}.expense-btn-warning:hover{background:#e0a800}.expense-btn-info{background:#17a2b8;color:#fff}.expense-btn-info:hover{background:#138496}.expense-status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.expense-status-pending{background:#fff3cd;color:#856404}.expense-status-approved{background:#d1edff;color:#0c5460}.expense-status-rejected{background:#f8d7da;color:#721c24}.expense-status-paid{background:#d4edda;color:#155724}.expense-dashboard{max-width:1200px;margin:0 auto}.expense-dashboard-header{text-align:center;margin-bottom:40px}.expense-dashboard-header h1{color:#2c3e50;margin-bottom:8px;font-size:2.5rem}.expense-dashboard-header p{color:#6c757d;font-size:1.1rem}.expense-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.expense-stat-card{background:#fff;padding:24px;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;gap:16px;transition:transform .2s ease}.expense-stat-card:hover{transform:translateY(-2px)}.expense-stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.expense-stat-primary .expense-stat-icon{background:#007bff}.expense-stat-success .expense-stat-icon{background:#28a745}.expense-stat-warning .expense-stat-icon{background:#ffc107}.expense-stat-info .expense-stat-icon{background:#17a2b8}.expense-stat-content h3{color:#6c757d;font-size:14px;font-weight:600;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.expense-stat-content p{color:#2c3e50;font-size:28px;font-weight:700;margin:0}.expense-quick-actions{margin-bottom:40px}.expense-quick-actions h2{color:#2c3e50;margin-bottom:20px;font-size:1.5rem}.expense-action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.expense-action-btn{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a;text-align:center;text-decoration:none;color:#2c3e50;transition:all .2s ease;border:2px solid transparent}.expense-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026;text-decoration:none;color:#2c3e50}.expense-action-primary{border-color:#007bff}.expense-action-secondary{border-color:#6c757d}.expense-action-success{border-color:#28a745}.expense-action-info{border-color:#17a2b8}.expense-action-btn i{font-size:24px;margin-bottom:8px;display:block}.expense-action-btn span{font-weight:600;font-size:14px}.expense-dashboard-content{display:grid;grid-template-columns:1fr 1fr;gap:30px}@media (max-width: 968px){.expense-dashboard-content{grid-template-columns:1fr}}.expense-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.expense-section-header h3{color:#2c3e50;margin:0;font-size:1.25rem}.expense-view-all{color:#007bff;text-decoration:none;font-size:14px;font-weight:500}.expense-view-all:hover{text-decoration:underline}.expense-recent-section,.expense-budget-section{background:#fff;padding:24px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.expense-recent-list{display:flex;flex-direction:column;gap:16px}.expense-recent-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;border:1px solid #e9ecef;border-radius:8px;transition:all .2s ease}.expense-recent-item:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.expense-item-main{flex:1}.expense-item-header h4{margin:0;color:#2c3e50;font-size:16px}.expense-item-description{color:#6c757d;margin:0 0 12px;font-size:14px;line-height:1.4}.expense-meta-item,.expense-item-category,.expense-item-term,.expense-item-date{display:flex;align-items:center;gap:4px;color:#6c757d;font-size:12px}.expense-item-amount{font-size:18px;font-weight:700;color:#28a745;margin-left:16px}.expense-budget-list{display:flex;flex-direction:column;gap:16px}.expense-budget-item{padding:16px;border:1px solid #e9ecef;border-radius:8px}.expense-budget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.expense-budget-header h4{margin:0;color:#2c3e50;font-size:16px}.expense-budget-term{background:#e9ecef;color:#6c757d;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.expense-budget-progress{margin-bottom:8px}.expense-progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:8px}.expense-progress-fill{height:100%;background:#28a745;transition:width .3s ease}.expense-budget-stats{display:flex;justify-content:space-between;font-size:12px;color:#6c757d}.expense-budget-total{text-align:center}.expense-empty-state{text-align:center;padding:40px 20px;color:#6c757d}.expense-empty-state i{font-size:48px;margin-bottom:16px;color:#dee2e6}.expense-empty-state p{margin:0 0 20px;font-size:16px}.expense-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.expense-list-header h1{color:#2c3e50;margin:0}.expense-list-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap}.expense-search-box{position:relative;flex:1;min-width:250px}.expense-search-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6c757d}.expense-search-box input{width:100%;padding:10px 12px 10px 36px;border:1px solid #ced4da;border-radius:6px;font-size:14px}.expense-filter-btn{padding:8px 16px;border:1px solid #ced4da;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.expense-filter-btn.active{background:#007bff;color:#fff;border-color:#007bff}.expense-filter-btn:hover:not(.active){background:#f8f9fa}.expense-table-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.expense-table-row{display:flex;align-items:center;padding:20px;border-bottom:1px solid #e9ecef;gap:20px}.expense-table-row:hover{background:#f8f9fa}.expense-table-cell{display:flex;flex-direction:column}.expense-cell-main{flex:1}.expense-cell-amount{min-width:120px;align-items:flex-end}.expense-amount{font-size:18px;font-weight:700;color:#28a745}.expense-form-page{max-width:800px;margin:0 auto;background:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.expense-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e9ecef}.expense-form-header h1{color:#2c3e50;margin:0}.expense-form{display:flex;flex-direction:column;gap:20px}.expense-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 768px){.expense-form-grid{grid-template-columns:1fr}}.expense-form-group{display:flex;flex-direction:column;gap:8px}.expense-form-group label{font-weight:600;color:#2c3e50;font-size:14px}.expense-form-group input,.expense-form-group select,.expense-form-group textarea{padding:10px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;transition:border-color .2s ease}.expense-form-group input:focus,.expense-form-group select:focus,.expense-form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.expense-form-group textarea{resize:vertical;min-height:100px}.expense-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #e9ecef}.expense-modal-overlay{position:fixed;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#00000080!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10000!important;padding:20px!important}.expense-modal{background:#fff!important;border-radius:10px!important;box-shadow:0 10px 40px #0000004d!important;width:100%!important;max-width:500px!important;max-height:90vh!important;overflow-y:auto!important;z-index:10001!important}.expense-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef}.expense-modal-header h3{margin:0;color:#2c3e50}.expense-modal-close{background:none;border:none;font-size:18px;color:#6c757d;cursor:pointer;padding:4px}.expense-modal-close:hover{color:#2c3e50}.expense-modal .expense-form{padding:24px}.expense-categories-grid,.expense-budgets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.expense-category-card,.expense-budget-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;gap:16px}.expense-category-content h3,.expense-budget-header h3{color:#2c3e50;margin:0 0 8px;font-size:18px}.expense-category-content p{color:#6c757d;margin:0;line-height:1.5}.expense-category-actions,.expense-budget-actions{display:flex;gap:8px;margin-top:auto}.expense-budget-amounts{display:flex;flex-direction:column;gap:8px}.expense-budget-amount{display:flex;justify-content:space-between;align-items:center}.expense-amount-label{color:#6c757d;font-size:14px}.expense-amount-value{font-weight:600;color:#2c3e50}.expense-amount-success{color:#28a745}.expense-amount-warning{color:#ffc107}.expense-amount-danger{color:#dc3545}.expense-budget-progress{margin:12px 0}.expense-progress-info{display:flex;justify-content:space-between;font-size:12px;color:#6c757d;margin-bottom:8px}.expense-progress-success{background:#28a745}.expense-progress-warning{background:#ffc107}.expense-progress-danger{background:#dc3545}.expense-analytics{max-width:1200px;margin:0 auto}.expense-analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.expense-analytics-header h1{color:#2c3e50;margin:0}.expense-time-filter{display:flex;gap:12px;align-items:center}.expense-filter-select{padding:8px 12px;border:1px solid #ced4da;border-radius:6px;background:#fff;font-size:14px}.expense-analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.expense-summary-card{background:#fff;padding:24px;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;gap:16px}.expense-summary-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.expense-summary-primary{background:#007bff}.expense-summary-success{background:#28a745}.expense-summary-warning{background:#ffc107}.expense-summary-info{background:#17a2b8}.expense-summary-content h3{color:#6c757d;font-size:14px;font-weight:600;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.expense-summary-content p{color:#2c3e50;font-size:24px;font-weight:700;margin:0}.expense-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:40px}@media (max-width: 768px){.expense-charts-grid{grid-template-columns:1fr}}.expense-chart-card{background:#fff;padding:24px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.expense-chart-card h4{color:#2c3e50;margin:0 0 20px;font-size:18px;text-align:center}.expense-bar-chart,.expense-donut-chart,.expense-budget-chart{width:100%}.expense-chart-bars,.expense-budget-bars{display:flex;flex-direction:column;gap:16px}.expense-chart-bar-item,.expense-budget-bar-item{display:flex;flex-direction:column;gap:8px}.expense-bar-label,.expense-budget-label{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500}.expense-bar-track,.expense-budget-track{width:100%;height:20px;background:#e9ecef;border-radius:10px;overflow:hidden}.expense-bar-fill,.expense-budget-fill{height:100%;border-radius:10px;transition:width .3s ease}.expense-normal-budget{background:#28a745}.expense-warning-budget{background:#ffc107}.expense-over-budget{background:#dc3545}.expense-bar-count{font-size:12px;color:#6c757d;text-align:right}.expense-budget-amounts{font-size:12px;color:#6c757d;text-align:center}.expense-donut-container{display:flex;align-items:center;gap:30px}.expense-donut-chart-visual{display:flex;height:120px;width:120px;border-radius:50%;overflow:hidden;transform:rotate(-90deg);box-shadow:0 2px 10px #0000001a}.expense-donut-segment{height:100%;transition:all .3s ease}.expense-donut-legend{flex:1;display:flex;flex-direction:column;gap:8px}.expense-legend-item{display:flex;align-items:center;gap:8px;font-size:12px}.expense-legend-color{width:12px;height:12px;border-radius:2px}.expense-legend-label{flex:1;font-weight:500}.expense-legend-value{color:#6c757d}.expense-chart-placeholder{text-align:center;padding:40px 20px;color:#6c757d}.expense-detailed-reports{background:#fff;padding:24px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.expense-report-section h3{color:#2c3e50;margin:0 0 20px;font-size:1.25rem}.expense-report-table{display:flex;flex-direction:column;gap:12px}.expense-report-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;padding:12px 16px;border:1px solid #e9ecef;border-radius:6px;align-items:center}.expense-report-row:hover{background:#f8f9fa}.expense-report-cell{font-size:14px}.expense-report-cell strong{color:#2c3e50}@media (max-width: 768px){.expense-management{padding:10px}.expense-dashboard-header h1{font-size:2rem}.expense-stats-grid,.expense-action-buttons{grid-template-columns:1fr}.expense-list-header{flex-direction:column;gap:16px;align-items:flex-start}.expense-list-controls{flex-direction:column;align-items:stretch}.expense-filter-buttons{justify-content:center}.expense-table-row{flex-direction:column;align-items:flex-start;gap:12px}.expense-cell-amount,.expense-cell-actions{align-items:flex-start;min-width:auto}.expense-action-buttons{justify-content:flex-start}.expense-form-header{flex-direction:column;gap:16px;align-items:flex-start}.expense-form-actions{flex-direction:column}.expense-categories-grid,.expense-budgets-grid{grid-template-columns:1fr}.expense-analytics-header{flex-direction:column;gap:16px;align-items:flex-start}.expense-donut-container{flex-direction:column;text-align:center}.expense-report-row{grid-template-columns:1fr;gap:8px}}.analytics-container{padding:24px;background:#f8fafc;min-height:100vh}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.analytics-title-section h1{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 8px}.analytics-title-section p{color:#64748b;margin:0;font-size:16px}.analytics-time-filter{padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:14px;color:#475569;cursor:pointer}.analytics-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.summary-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a;border-left:4px solid #3b82f6;display:flex;align-items:center;gap:16px;transition:transform .2s,box-shadow .2s}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.summary-card.success{border-left-color:#10b981}.summary-card.warning{border-left-color:#f59e0b}.summary-card.info{border-left-color:#8b5cf6}.summary-icon{font-size:32px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:12px}.summary-content h3{font-size:14px;font-weight:600;color:#64748b;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 4px}.summary-label{font-size:12px;color:#94a3b8;font-weight:500}.analytics-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.analytics-chart-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.analytics-chart-card.full-width{grid-column:1 / -1}.analytics-stacked-chart h4{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 16px}.analytics-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.analytics-chart-total{font-size:14px;font-weight:600;color:#64748b;background:#f1f5f9;padding:6px 12px;border-radius:6px}.analytics-stacked-bar-item{margin-bottom:16px}.analytics-bar-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.analytics-bar-name{font-weight:600;color:#374151;font-size:14px}.analytics-bar-amount{font-weight:600;color:#1e293b;font-size:14px}.analytics-bar-track{height:32px;background:#f1f5f9;border-radius:6px;overflow:hidden;position:relative}.analytics-bar-fill{height:100%;border-radius:6px;position:relative;transition:width .5s ease}.analytics-bar-percentage{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#fff;font-size:12px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.analytics-bar-meta{font-size:12px;color:#64748b;margin-top:4px}.analytics-modern-donut h4{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 20px}.analytics-donut-container{display:flex;gap:32px;align-items:center}.analytics-donut-chart-wrapper{position:relative;flex-shrink:0}.analytics-donut-svg{transform:rotate(-90deg)}.analytics-donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.analytics-donut-total{display:block;font-size:18px;font-weight:700;color:#1e293b}.analytics-donut-label{display:block;font-size:12px;color:#64748b;margin-top:4px}.analytics-modern-legend{flex:1}.analytics-modern-legend-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f5f9}.analytics-modern-legend-item:last-child{border-bottom:none}.analytics-legend-header{display:flex;align-items:center;gap:12px}.analytics-legend-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.analytics-legend-label{font-weight:600;color:#374151;font-size:14px}.analytics-legend-details{display:flex;gap:12px;align-items:center}.analytics-legend-amount{font-weight:600;color:#1e293b;font-size:14px}.analytics-legend-percentage{font-size:12px;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:12px}.analytics-budget-gauges h4{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 24px}.analytics-gauges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.analytics-gauge-item{background:#f8fafc;padding:20px;border-radius:8px;border:1px solid #e2e8f0}.analytics-gauge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.analytics-gauge-title{font-weight:600;color:#374151;font-size:14px}.analytics-gauge-percentage{font-weight:700;font-size:16px}.gauge-danger{color:#dc2626}.gauge-warning{color:#d97706}.gauge-success{color:#059669}.analytics-gauge-container{margin-bottom:16px}.analytics-gauge-track{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.analytics-gauge-fill{height:100%;border-radius:4px;transition:width .5s ease}.gauge-fill-danger{background:#dc2626}.gauge-fill-warning{background:#d97706}.gauge-fill-success{background:#059669}.analytics-gauge-details{display:flex;justify-content:space-between;align-items:center}.analytics-gauge-amounts{display:flex;gap:16px;font-size:12px;color:#64748b}.analytics-status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.status-warning{background:#fffbeb;color:#d97706;border:1px solid #fed7aa}.status-success{background:#f0fdf4;color:#059669;border:1px solid #bbf7d0}.analytics-tables-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.analytics-table-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.analytics-table-card h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 20px}.analytics-table{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.analytics-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;background:#f8fafc;padding:12px 16px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#64748b;border-bottom:1px solid #e2e8f0}.analytics-table-card:last-child .analytics-table-header{grid-template-columns:2fr 1fr 1fr 1fr 1fr}.analytics-table-body{background:#fff}.analytics-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:12px 16px;border-bottom:1px solid #f1f5f9;align-items:center}.analytics-table-card:last-child .analytics-table-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr}.analytics-table-row:last-child{border-bottom:none}.analytics-table-cell{font-size:14px;color:#374151}.analytics-status-indicator{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase}.indicator-danger{background:#fef2f2;color:#dc2626}.indicator-warning{background:#fffbeb;color:#d97706}.indicator-success{background:#f0fdf4;color:#059669}.analytics-loading-container,.analytics-error-container,.analytics-empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.analytics-loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-left:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.analytics-error-icon,.analytics-empty-icon{font-size:48px;margin-bottom:16px}.analytics-error-container h3,.analytics-empty-container h3{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 8px}.analytics-error-container p,.analytics-empty-container p{color:#64748b;margin:0 0 20px}.analytics-retry-btn{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s}.analytics-retry-btn:hover{background:#2563eb}@media (max-width: 1024px){.analytics-charts-grid,.analytics-tables-grid{grid-template-columns:1fr}.analytics-donut-container{flex-direction:column;text-align:center}}@media (max-width: 768px){.analytics-container{padding:16px}.analytics-header{flex-direction:column;gap:16px}.analytics-summary-grid,.analytics-gauges-grid{grid-template-columns:1fr}}.budget-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px}.budget-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.budget-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.budget-card-header{display:flex;justify-content:between;align-items:flex-start;margin-bottom:16px}.budget-category{font-size:18px;font-weight:700;color:#1e293b;margin:0}.budget-term{font-size:14px;color:#64748b;background:#f1f5f9;padding:4px 8px;border-radius:6px}.budget-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.budget-stat{text-align:center;padding:12px;background:#f8fafc;border-radius:8px}.budget-stat-label{font-size:12px;color:#64748b;text-transform:uppercase;font-weight:600;margin-bottom:4px}.budget-stat-value{font-size:16px;font-weight:700;color:#1e293b}.budget-utilization{margin-bottom:16px}.utilization-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:8px}.utilization-fill{height:100%;border-radius:4px;transition:width .3s ease}.utilization-fill.safe{background:#10b981}.utilization-fill.warning{background:#f59e0b}.utilization-fill.danger{background:#ef4444}.utilization-text{display:flex;justify-content:space-between;font-size:14px;color:#64748b}.utilization-percentage{font-weight:600}.budget-actions{display:flex;gap:8px}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-edit{background:#3b82f6;color:#fff}.btn-edit:hover{background:#2563eb}.expense-budgets{padding:24px;background:#f8fafc;min-height:100vh}.expense-budgets-header{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.expense-budgets-header h1{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 8px}.expense-budgets-subtitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.expense-budgets-subtitle p{color:#64748b;margin:0;font-size:16px}.expense-data-stats{display:flex;gap:16px;font-size:14px;color:#64748b}.expense-data-stats span{background:#f1f5f9;padding:6px 12px;border-radius:6px;font-weight:600}.expense-header-actions{display:flex;gap:12px}.expense-budgets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.expense-budget-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;transition:all .3s ease;position:relative}.expense-budget-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.expense-budget-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}.expense-budget-header h3{font-size:20px;font-weight:700;color:#1e293b;margin:0}.expense-budget-term{font-size:14px;color:#64748b;background:#f1f5f9;padding:6px 12px;border-radius:20px;font-weight:600}.expense-budget-amounts{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:20px}.expense-budget-amount{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8fafc;border-radius:8px;border-left:4px solid #3b82f6}.expense-amount-label{font-size:14px;color:#64748b;font-weight:600}.expense-amount-value{font-size:16px;font-weight:700;color:#1e293b}.expense-amount-success{color:#059669}.expense-amount-warning{color:#d97706}.expense-amount-danger{color:#dc2626}.expense-budget-progress{margin-bottom:20px}.expense-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;color:#64748b}.expense-progress-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;position:relative}.expense-progress-fill{height:100%;border-radius:4px;transition:width .5s ease;position:relative}.expense-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.expense-progress-success{background:linear-gradient(90deg,#10b981,#34d399)}.expense-progress-warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.expense-progress-danger{background:linear-gradient(90deg,#ef4444,#f87171)}.expense-budget-actions{display:flex;gap:8px}.expense-btn{padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.expense-btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.expense-btn-info:hover{background:#0891b2;transform:translateY(-1px)}.expense-btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.expense-btn-secondary:hover{background:#475569}.expense-btn:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.expense-empty-state{grid-column:1 / -1;text-align:center;padding:60px 24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.expense-empty-state p{font-size:18px;color:#475569;margin:0 0 8px;font-weight:600}.expense-empty-subtitle{font-size:14px!important;color:#64748b!important;font-weight:400!important;margin-bottom:24px!important}.expense-empty-actions{display:flex;gap:12px;justify-content:center}.expense-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.expense-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.expense-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.expense-modal-header h3{font-size:20px;font-weight:600;color:#1e293b;margin:0}.expense-modal-close{background:none;border:none;font-size:18px;color:#64748b;cursor:pointer;padding:4px;border-radius:4px}.expense-modal-close:hover{background:#f1f5f9;color:#374151}.expense-form{padding:24px}.expense-form-group{margin-bottom:20px}.expense-form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.expense-form-group input,.expense-form-group select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;transition:border-color .2s}.expense-form-group input:focus,.expense-form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.expense-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.expense-debug-info{background:#fffbeb;border:1px solid #fed7aa;color:#d97706;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}@media (max-width: 768px){.expense-budgets{padding:16px}.expense-budgets-grid{grid-template-columns:1fr}.expense-budgets-subtitle{flex-direction:column;align-items:flex-start;gap:12px}.expense-header-actions{flex-direction:column;width:100%}.expense-btn{width:100%;justify-content:center}.expense-empty-actions,.expense-form-actions{flex-direction:column}}.expense-list{padding:24px;background:#f8fafc;min-height:100vh}.expense-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.expense-list-header h1{font-size:28px;font-weight:700;color:#1e293b;margin:0}.expense-list-controls{background:#fff;padding:20px;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.expense-search-box{position:relative;flex:1;max-width:400px}.expense-search-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b}.expense-search-box input{width:100%;padding:12px 12px 12px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#374151;transition:all .2s}.expense-search-box input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.expense-filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.expense-filter-btn{padding:10px 16px;border:1px solid #d1d5db;background:#fff;color:#64748b;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.expense-filter-btn:hover{background:#f8fafc;border-color:#9ca3af}.expense-filter-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.expense-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.expense-table{display:flex;flex-direction:column}.expense-table-row{display:grid;grid-template-columns:1fr auto auto;gap:20px;padding:20px;border-bottom:1px solid #f1f5f9;align-items:start;transition:background-color .2s}.expense-table-row:hover{background:#f8fafc}.expense-table-row:last-child{border-bottom:none}.expense-cell-main{min-width:0}.expense-item-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.expense-item-header h4{font-size:16px;font-weight:600;color:#1e293b;margin:0}.expense-item-description{color:#64748b;margin:0 0 12px;font-size:14px;line-height:1.5}.expense-item-meta{display:flex;gap:16px;flex-wrap:wrap}.expense-meta-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;background:#f8fafc;padding:4px 8px;border-radius:6px}.expense-meta-item i{font-size:10px}.expense-cell-amount{text-align:right;min-width:120px}.expense-amount{font-size:18px;font-weight:700;color:#059669;background:#f0fdf4;padding:8px 12px;border-radius:8px;border:1px solid #bbf7d0}.expense-cell-actions{min-width:200px}.expense-action-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.expense-status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.expense-status-warning{background:#fffbeb;color:#d97706;border:1px solid #fed7aa}.expense-status-success{background:#f0fdf4;color:#059669;border:1px solid #bbf7d0}.expense-status-danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.expense-status-info{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.expense-status-secondary{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.expense-btn{padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none;text-align:center}.expense-btn-sm{padding:8px 12px;font-size:13px}.expense-btn-primary{background:#3b82f6;color:#fff}.expense-btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.expense-btn-success{background:#10b981;color:#fff}.expense-btn-success:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.expense-btn-danger{background:#ef4444;color:#fff}.expense-btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.expense-btn-info{background:#06b6d4;color:#fff}.expense-btn-info:hover{background:#0891b2;transform:translateY(-1px);box-shadow:0 4px 12px #06b6d466}.expense-btn-secondary{background:#64748b;color:#fff}.expense-btn-secondary:hover{background:#475569;transform:translateY(-1px);box-shadow:0 4px 12px #64748b66}.expense-btn:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.expense-empty-state{padding:60px 24px;text-align:center;color:#64748b}.expense-empty-state i{font-size:64px;color:#cbd5e1;margin-bottom:16px}.expense-empty-state p{font-size:18px;color:#475569;margin:0 0 20px;font-weight:600}.expense-error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:12px}.expense-retry-btn{background:#dc2626;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;margin-left:auto}.expense-retry-btn:hover{background:#b91c1c}.expense-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px}.expense-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-left:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@media (max-width: 1024px){.expense-table-row{grid-template-columns:1fr auto;gap:16px}.expense-cell-actions{grid-column:1 / -1;margin-top:12px}.expense-action-buttons{justify-content:flex-start}}@media (max-width: 768px){.expense-list{padding:16px}.expense-list-header{flex-direction:column;gap:16px;align-items:flex-start}.expense-list-controls{flex-direction:column;align-items:stretch}.expense-search-box{max-width:none}.expense-filter-buttons{justify-content:center}.expense-table-row{grid-template-columns:1fr;gap:12px}.expense-cell-amount{text-align:left}.expense-action-buttons{justify-content:flex-start}.expense-item-meta{flex-direction:column;gap:8px}}@media (max-width: 480px){.expense-action-buttons{flex-direction:column}.expense-btn{width:100%;justify-content:center}}.adminy-expense-analytics{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.adminy-analytics-header{margin-bottom:24px}.adminy-summary-card{background:#f8fafc;padding:16px;border-radius:8px;border-left:4px solid #3b82f6;display:flex;align-items:center;gap:12px}.adminy-summary-card.adminy-summary-success{border-left-color:#10b981}.adminy-summary-card.adminy-summary-warning{border-left-color:#f59e0b}.adminy-summary-card.adminy-summary-info{border-left-color:#06b6d4}.adminy-summary-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;font-size:16px}.adminy-summary-icon.adminy-summary-primary{color:#3b82f6}.adminy-summary-icon.adminy-summary-success{color:#10b981}.adminy-summary-icon.adminy-summary-warning{color:#f59e0b}.adminy-summary-icon.adminy-summary-info{color:#06b6d4}.adminy-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.adminy-chart-card h4{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 16px}.adminy-bar-label{display:flex;justify-content:space-between;font-size:12px;color:#64748b}.adminy-bar-track{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.adminy-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.adminy-bar-count{font-size:11px;color:#94a3b8}.adminy-donut-container{display:flex;gap:16px;align-items:center}.adminy-donut-chart-visual{flex:1;height:120px;display:flex;border-radius:8px;overflow:hidden}.adminy-donut-segment{height:100%;transition:width .3s ease}.adminy-legend-item{display:flex;align-items:center;gap:8px;font-size:12px}.adminy-legend-label{flex:1;color:#374151}.adminy-legend-value{color:#64748b;font-weight:600}.adminy-budget-bars{display:flex;flex-direction:column;gap:12px}.adminy-budget-bar-item{display:flex;flex-direction:column;gap:6px}.adminy-budget-label{display:flex;justify-content:space-between;font-size:12px;color:#64748b}.adminy-budget-track{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.adminy-budget-fill{height:100%;border-radius:3px;transition:width .3s ease}.adminy-normal-budget{background:#10b981}.adminy-warning-budget{background:#f59e0b}.adminy-over-budget{background:#ef4444}.adminy-budget-amounts{font-size:11px;color:#94a3b8}.adminy-analytics-loading,.adminy-analytics-error,.adminy-analytics-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.adminy-analytics-error{color:#dc2626}.adminy-analytics-empty{color:#64748b}.adminy-analytics-error i,.adminy-analytics-empty i{font-size:32px;margin-bottom:12px}.adminy-chart-placeholder{display:flex;align-items:center;justify-content:center;height:120px;color:#64748b;font-size:14px}@media (max-width: 768px){.adminy-analytics-summary{grid-template-columns:1fr 1fr}.adminy-analytics-charts{grid-template-columns:1fr}.adminy-donut-container{flex-direction:column}.adminy-donut-chart-visual{height:80px}}@media (max-width: 480px){.adminy-analytics-summary{grid-template-columns:1fr}}.adminy-expense-analytics-section{margin-top:30px}.adminy-expense-analytics{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;margin-bottom:24px}.adminy-analytics-header{margin-bottom:24px;border-bottom:1px solid #e2e8f0;padding-bottom:16px}.adminy-analytics-header h3{font-size:24px;font-weight:600;color:#1e293b;margin:0 0 8px}.adminy-analytics-header p{color:#64748b;margin:0;font-size:14px}.adminy-analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.adminy-summary-card{background:#f8fafc;padding:16px;border-radius:8px;border-left:4px solid #3b82f6;display:flex;align-items:center;gap:12px;transition:transform .2s ease}.adminy-summary-card:hover{transform:translateY(-2px)}.adminy-summary-success{border-left-color:#10b981!important}.adminy-summary-warning{border-left-color:#f59e0b!important}.adminy-summary-info{border-left-color:#06b6d4!important}.adminy-summary-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;font-size:16px;box-shadow:0 2px 4px #0000001a}.adminy-summary-primary{color:#3b82f6}.adminy-summary-success{color:#10b981}.adminy-summary-warning{color:#f59e0b}.adminy-summary-info{color:#06b6d4}.adminy-summary-content h4{font-size:12px;font-weight:600;color:#64748b;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.adminy-summary-content p{font-size:18px;font-weight:700;color:#1e293b;margin:0}.adminy-analytics-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.adminy-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px;box-shadow:0 1px 2px #0000000d}.adminy-chart-card h4{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 16px;text-align:center}.adminy-bar-chart{width:100%}.adminy-chart-bars{display:flex;flex-direction:column;gap:12px}.adminy-chart-bar-item{display:flex;flex-direction:column;gap:6px}.adminy-bar-label{display:flex;justify-content:space-between;font-size:12px;color:#64748b;font-weight:500}.adminy-bar-track{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;position:relative}.adminy-bar-fill{height:100%;border-radius:4px;transition:width .3s ease;position:relative}.adminy-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.adminy-bar-count{font-size:11px;color:#94a3b8;text-align:right}.adminy-donut-chart{width:100%}.adminy-donut-container{display:flex;gap:20px;align-items:center}.adminy-donut-chart-visual{flex:1;height:120px;display:flex;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.adminy-donut-segment{height:100%;transition:width .3s ease;position:relative;cursor:pointer}.adminy-donut-segment:hover{opacity:.9;transform:scale(1.02)}.adminy-donut-legend{flex:1;display:flex;flex-direction:column;gap:8px}.adminy-legend-item{display:flex;align-items:center;gap:8px;font-size:12px;padding:4px 0;border-bottom:1px solid #f1f5f9}.adminy-legend-item:last-child{border-bottom:none}.adminy-legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.adminy-legend-label{flex:1;color:#374151;font-weight:500}.adminy-legend-value{color:#64748b;font-weight:600;font-size:11px}.adminy-budget-chart{width:100%}.adminy-budget-bars{display:flex;flex-direction:column;gap:16px}.adminy-budget-bar-item{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f8fafc;border-radius:6px}.adminy-budget-label{display:flex;justify-content:space-between;font-size:14px;color:#374151;font-weight:600}.adminy-budget-track{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;position:relative}.adminy-budget-fill{height:100%;border-radius:4px;transition:width .3s ease;position:relative}.adminy-normal-budget{background:linear-gradient(90deg,#10b981,#34d399)}.adminy-warning-budget{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.adminy-over-budget{background:linear-gradient(90deg,#ef4444,#f87171)}.adminy-budget-amounts{font-size:12px;color:#64748b;text-align:center;font-weight:500}.adminy-analytics-loading,.adminy-analytics-error,.adminy-analytics-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:20px 0}.adminy-analytics-error{color:#dc2626;border:1px solid #fecaca}.adminy-analytics-empty{color:#64748b;border:1px solid #e2e8f0}.adminy-analytics-error i,.adminy-analytics-empty i{font-size:48px;margin-bottom:16px;opacity:.7}.adminy-analytics-error p,.adminy-analytics-empty p{font-size:16px;margin:0 0 16px;font-weight:600}.adminy-chart-placeholder{display:flex;align-items:center;justify-content:center;height:120px;color:#64748b;font-size:14px;background:#f8fafc;border-radius:6px;border:1px dashed #cbd5e1}.adminy-retry-btn{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:12px}.adminy-retry-btn:hover{background:#2563eb}@media (max-width: 1024px){.adminy-analytics-summary{grid-template-columns:repeat(2,1fr)}.adminy-analytics-charts{grid-template-columns:1fr}}@media (max-width: 768px){.adminy-expense-analytics{padding:16px}.adminy-analytics-summary{grid-template-columns:1fr;gap:12px}.adminy-donut-container{flex-direction:column;gap:16px}.adminy-donut-chart-visual{height:80px}.adminy-chart-card{padding:16px}}@media (max-width: 480px){.adminy-analytics-header h3{font-size:20px}.adminy-summary-card{padding:12px}.adminy-summary-content p{font-size:16px}}.adminy-admin-home{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column}.adminy-dashboard-layout{display:flex;flex:1;margin-top:0}.adminy-sidebar{width:280px;background:#2c3e50;color:#fff;box-shadow:2px 0 10px #0000001a;z-index:1000;position:sticky;top:0;height:100vh;overflow-y:auto;transition:transform .3s ease-in-out}.adminy-sidebar-header{padding:2rem 1.5rem;border-bottom:1px solid #34495e;background:#34495e}.adminy-sidebar-header h2{margin:0;font-size:1.4rem;font-weight:600}.adminy-sidebar-header p{margin:.5rem 0 0;color:#bdc3c7;font-size:.9rem}.adminy-role-badge{display:inline-block;padding:.25rem .75rem;background:#9b59b6;color:#fff;border-radius:20px;font-size:.8rem;font-weight:600;margin-top:.5rem}.adminy-sidebar-nav{padding:1rem 0}.adminy-nav-section{margin-bottom:.5rem}.adminy-nav-label{padding:1rem 1.5rem .5rem;font-size:.8rem;color:#95a5a6;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.adminy-nav-item{display:flex;align-items:center;padding:1rem 1.5rem;color:#ecf0f1;text-decoration:none;transition:all .3s ease;cursor:pointer;border-left:4px solid transparent;min-width:0}.adminy-nav-item:hover,.adminy-nav-item.adminy-active{background:#34495e;border-left-color:#9b59b6;color:#fff}.adminy-nav-item i{width:20px;margin-right:1rem;font-size:1.1rem}.adminy-nav-item span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adminy-dropdown-toggle{justify-content:space-between}.adminy-dropdown-menu{background:#34495e;border-left:4px solid #9b59b6}.adminy-dropdown-item{display:flex;align-items:center;padding:.8rem 1.5rem .8rem 3.5rem;color:#bdc3c7;text-decoration:none;transition:all .3s ease;font-size:.9rem}.adminy-dropdown-item:hover{background:#2c3e50;color:#fff}.adminy-dropdown-item i{font-size:.9rem;margin-right:.8rem}.adminy-quick-links{border-top:1px solid #34495e;margin-top:1rem;padding-top:1rem}.adminy-quick-link{font-size:.9rem;padding:.8rem 1.5rem}.adminy-main-content{flex:1;background:#f8f9fa;overflow-y:auto;margin-top:0}.adminy-staff-message{background:#d4edda;color:#155724;padding:1rem;margin:1rem;border-radius:8px;border:1px solid #c3e6cb;text-align:center}.adminy-mobile-menu-toggle{display:none;position:fixed;top:80px;left:20px;z-index:1100;background:#9b59b6;color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:1.2rem;cursor:pointer;box-shadow:0 2px 10px #0000004d;transition:all .3s ease}.adminy-mobile-menu-toggle:hover{background:#8e44ad;transform:scale(1.1)}.adminy-mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}@media (max-width: 768px){.adminy-dashboard-layout{flex-direction:column}.adminy-sidebar{position:fixed;top:0;left:0;height:100vh;transform:translate(-100%);z-index:1000;width:280px}.adminy-sidebar.adminy-mobile-active{transform:translate(0)}.adminy-mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.adminy-mobile-overlay.adminy-active{display:block}.adminy-main-content{margin-left:0;width:100%}.adminy-financial-operations-section{padding:1rem}.adminy-financial-grid{grid-template-columns:1fr}.adminy-management-sections{padding:1rem}.adminy-management-grid{grid-template-columns:1fr}}@media (min-width: 769px){.adminy-sidebar{transform:translate(0)!important;position:sticky}.adminy-mobile-menu-toggle,.adminy-mobile-overlay{display:none!important}}.adminy-financial-operations-section{padding:2rem}.adminy-section-title{color:#2c3e50;margin-bottom:2rem;font-weight:700;text-align:center;font-size:2rem}.adminy-financial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.adminy-financial-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:all .3s ease;border:1px solid #e9ecef}.adminy-financial-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0003}.adminy-financial-card-header{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;padding:1.5rem;display:flex;align-items:center;gap:1rem}.adminy-financial-icon{font-size:2rem}.adminy-financial-heading{margin:0;font-size:1.3rem;font-weight:600}.adminy-financial-links{padding:1rem 0}.adminy-financial-link{display:flex;align-items:center;padding:1rem 1.5rem;text-decoration:none;color:#2c3e50;transition:all .3s ease;border-left:4px solid transparent}.adminy-financial-link:hover{background:#f8f9fa;border-left-color:#9b59b6;color:#9b59b6}.adminy-management-sections{padding:2rem;padding-top:0}.adminy-management-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.adminy-management-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:all .3s ease;border:1px solid #e9ecef}.adminy-management-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0003}.adminy-management-card-header{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;padding:1.5rem;display:flex;align-items:center;gap:1rem}.adminy-management-icon{font-size:2rem}.adminy-management-heading{margin:0;font-size:1.3rem;font-weight:600}.adminy-management-links{padding:1rem 0}.adminy-management-link{display:flex;align-items:center;padding:1rem 1.5rem;text-decoration:none;color:#2c3e50;transition:all .3s ease;border-left:4px solid transparent}.adminy-management-link:hover{background:#f8f9fa;border-left-color:#3498db;color:#3498db}.adminy-link-icon{font-size:1.2rem;margin-right:1rem;width:30px;text-align:center}.adminy-link-content{flex:1;display:flex;flex-direction:column}.adminy-link-title{font-weight:600;margin-bottom:.25rem}.adminy-link-description{font-size:.85rem;color:#7f8c8d;line-height:1.4}.adminy-link-text{flex:1;font-weight:500}.adminy-link-arrow{color:#bdc3c7;font-weight:700;transition:all .3s ease}.adminy-financial-link:hover .adminy-link-arrow,.adminy-management-link:hover .adminy-link-arrow{color:inherit;transform:translate(3px)}.adminy-financial-card,.adminy-management-card{animation:adminy-fadeIn .6s ease-out}.adminy-overview{padding:2rem}.adminy-welcome-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;text-align:center}.adminy-welcome-section h1{color:#2c3e50;margin-bottom:.5rem;font-weight:700}.adminy-welcome-subtitle{color:#7f8c8d;font-size:1.2rem;margin-bottom:1.5rem}.adminy-welcome-message{max-width:600px;margin:0 auto;color:#5d6d7e;line-height:1.6}.adminy-system-stats-section{margin-bottom:2rem}.adminy-system-stats-section h3{color:#2c3e50;margin-bottom:1rem;font-weight:600;border-bottom:2px solid #9b59b6;padding-bottom:.5rem}.adminy-system-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.adminy-stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;border-left:4px solid #9b59b6}.adminy-stat-card.adminy-loading .adminy-stat-content p{display:none}.adminy-stat-icon{font-size:2rem;color:#9b59b6;margin-right:1rem}.adminy-stat-content h4{margin:0;color:#7f8c8d;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.adminy-stat-content p{margin:.5rem 0 0;color:#2c3e50;font-size:1.5rem;font-weight:700}.adminy-loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:adminy-loading 1.5s infinite;height:20px;border-radius:4px;margin-top:.5rem}.adminy-quick-actions-section{margin-bottom:2rem}.adminy-quick-actions-section h3{color:#2c3e50;margin-bottom:1rem;font-weight:600;border-bottom:2px solid #9b59b6;padding-bottom:.5rem}.adminy-quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.adminy-quick-action-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid #e9ecef}.adminy-quick-action-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0003}.adminy-quick-action-card.adminy-primary{border-top:4px solid #3498db}.adminy-quick-action-card.adminy-success{border-top:4px solid #27ae60}.adminy-quick-action-card.adminy-warning{border-top:4px solid #f39c12}.adminy-quick-action-card.adminy-info{border-top:4px solid #17a2b8}.adminy-action-icon{font-size:2.5rem;margin-bottom:1rem;color:#7f8c8d}.adminy-quick-action-card h3{color:#2c3e50;margin-bottom:.5rem;font-weight:600}.adminy-quick-action-card p{color:#7f8c8d;margin-bottom:1rem;line-height:1.5}.adminy-action-arrow{position:absolute;bottom:1.5rem;right:1.5rem;color:#3498db;font-size:1.2rem}.adminy-recent-activity-section h3{color:#2c3e50;margin-bottom:1rem;font-weight:600;border-bottom:2px solid #9b59b6;padding-bottom:.5rem}.adminy-activity-placeholder{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;text-align:center;color:#7f8c8d}.adminy-activity-icon{font-size:3rem;margin-bottom:1rem;color:#bdc3c7}.adminy-error-message{background:#f8d7da;color:#721c24;padding:1rem;border-radius:8px;border:1px solid #f5c6cb;display:flex;align-items:center;gap:.5rem}.adminy-retry-btn{background:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-left:auto}.adminy-retry-btn:hover{background:#c82333}@keyframes adminy-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes adminy-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.adminy-quick-action-card,.adminy-stat-card{animation:adminy-fadeIn .6s ease-out}@media (max-width: 768px){.adminy-overview{padding:1rem}.adminy-system-stats-grid,.adminy-quick-actions-grid{grid-template-columns:1fr}.adminy-welcome-section{padding:1.5rem}}header{position:sticky;top:0;z-index:1100}.adminy-campus-badge{display:inline-block;padding:.25rem .75rem;color:#fff;border-radius:20px;font-size:.8rem;font-weight:600;margin-top:.5rem}.staffy-staff-home *{box-sizing:border-box;margin:0;padding:0}.staffy-staff-home{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}.staffy-dashboard-layout{display:flex;min-height:100vh;position:relative}.staffy-mobile-menu-toggle{display:none;position:fixed;top:80px;left:20px;z-index:1100;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:1.2rem;cursor:pointer;box-shadow:0 2px 10px #667eea4d;transition:all .3s ease}.staffy-mobile-menu-toggle:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:scale(1.1)}.staffy-mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.staffy-sidebar{width:280px;background:linear-gradient(180deg,#1a1f36,#2d3748);color:#e2e8f0;box-shadow:4px 0 20px #0000001a;z-index:1000;position:fixed;left:0;top:0;height:100vh;overflow-y:auto;transition:transform .3s cubic-bezier(.4,0,.2,1);border-right:1px solid #2d3748}.staffy-sidebar-header{padding:2rem 1.5rem;border-bottom:1px solid #2d3748;background:#2d374880;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.staffy-sidebar-header p{margin-top:5rem;color:#a0aec0;font-size:.9rem;font-weight:500;margin-bottom:.75rem}.staffy-campus-badge{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #667eea4d}.staffy-sidebar-nav{padding:1.5rem 0}.staffy-nav-section{margin-bottom:.5rem}.staffy-nav-label{padding:1rem 1.5rem .75rem;font-size:.75rem;color:#718096;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.staffy-nav-item{display:flex;align-items:center;padding:1rem 1.5rem;color:#cbd5e0;text-decoration:none;transition:all .3s ease;cursor:pointer;border-left:4px solid transparent;min-width:0;font-weight:500}.staffy-nav-item:hover{background:linear-gradient(90deg,rgba(74,85,104,.3) 0%,transparent 100%);border-left-color:#667eea;color:#fff}.staffy-nav-item.staffy-active{background:linear-gradient(90deg,rgba(102,126,234,.2) 0%,transparent 100%);border-left-color:#667eea;color:#fff;font-weight:600}.staffy-nav-item i{width:20px;margin-right:1rem;font-size:1.1rem;opacity:.8}.staffy-nav-item span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staffy-dropdown-toggle{justify-content:space-between}.staffy-dropdown-menu{background:#2d3748cc;border-left:4px solid #667eea;animation:staffy-slideDown .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes staffy-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.staffy-dropdown-item{display:flex;align-items:center;padding:.85rem 1.5rem .85rem 3.5rem;color:#a0aec0;text-decoration:none;transition:all .3s ease;font-size:.9rem;font-weight:500}.staffy-dropdown-item:hover{background:#4a55684d;color:#fff}.staffy-dropdown-item i{font-size:.9rem;margin-right:.8rem;opacity:.7}.staffy-quick-links{border-top:1px solid #2d3748;margin-top:1.5rem;padding-top:1.5rem}.staffy-quick-link{font-size:.9rem;padding:.85rem 1.5rem}.staffy-logout-section{margin-top:auto;padding-top:1.5rem;border-top:1px solid #2d3748}.staffy-logout-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff!important;font-weight:600;margin:.5rem;border-radius:8px}.staffy-logout-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translate(0);border-left-color:transparent}.staffy-logout-btn i{color:#fff!important}.staffy-main-content{flex:1;margin-left:280px;background:#f8f9fa;min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.staffy-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;gap:1.5rem}.staffy-spinner{width:60px;height:60px;border:4px solid rgba(102,126,234,.1);border-top-color:#667eea;border-radius:50%;animation:staffy-spin .8s linear infinite}@keyframes staffy-spin{to{transform:rotate(360deg)}}.staffy-loading-state p{font-size:1.1rem;color:#4a5568;font-weight:500}.staffy-staff-message{grid-column:1 / -1;text-align:center;padding:15px;background-color:#f5f5f5;border-left:3px solid #222;border-radius:4px;font-size:16px;margin:0}@keyframes staffy-fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.staffy-overview{padding:2rem;max-width:1400px;margin:0 auto}.staffy-welcome-section{background:linear-gradient(135deg,#d1d6de,#bcc7db);padding:3rem 2.5rem;border-radius:16px;color:#000;margin-bottom:2.5rem;box-shadow:0 8px 40px #2d374833;border:1px solid #e2e8f0;position:relative;overflow:hidden}.staffy-welcome-section:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,transparent 100%);border-radius:50%;transform:translate(50%,-50%)}.staffy-welcome-section h1{font-size:2.25rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.025em;position:relative}.staffy-welcome-message p{font-size:1.05rem;line-height:1.7;opacity:.9;max-width:600px;font-weight:400}.staffy-quick-actions-section{margin-bottom:2.5rem}.staffy-quick-actions-section h3{font-size:1.375rem;font-weight:700;color:#2d3748;margin-bottom:1.5rem;letter-spacing:-.025em}.staffy-quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.staffy-quick-action-card{background:#fff;padding:2.25rem 2rem;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a;border:1px solid #e2e8f0;position:relative;overflow:hidden}.staffy-quick-action-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.staffy-quick-action-card:hover:before{transform:scaleX(1)}.staffy-quick-action-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f;border-color:#cbd5e0}.staffy-action-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.5rem;color:#fff;transition:transform .3s ease}.staffy-quick-action-card:hover .staffy-action-icon{transform:scale(1.1)}.staffy-quick-action-card.staffy-primary .staffy-action-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.staffy-quick-action-card.staffy-warning .staffy-action-icon{background:linear-gradient(135deg,#ed8936,#dd6b20)}.staffy-quick-action-card h3{font-size:1.25rem;font-weight:700;color:#2d3748;margin-bottom:.75rem;letter-spacing:-.025em}.staffy-quick-action-card p{font-size:.95rem;color:#718096;line-height:1.6;margin-bottom:1.5rem;font-weight:400}.staffy-action-arrow{display:flex;align-items:center;justify-content:flex-end;color:#667eea;font-size:1.2rem;transition:transform .3s ease}.staffy-quick-action-card:hover .staffy-action-arrow{transform:translate(6px)}.staffy-page-content{padding:2rem;max-width:1400px;margin:0 auto}.staffy-page-content h2{font-size:1.875rem;font-weight:700;color:#2d3748;margin-bottom:1rem;letter-spacing:-.025em}.staffy-page-content p{font-size:1.05rem;color:#718096;line-height:1.7;font-weight:400}@media (max-width: 1024px){.staffy-sidebar{width:260px}.staffy-main-content{margin-left:260px}.staffy-overview{padding:1.75rem}.staffy-quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}}@media (max-width: 768px){.staffy-sidebar{position:fixed;top:0;left:0;height:100vh;transform:translate(-100%);z-index:1000;width:280px;box-shadow:none}.staffy-sidebar.staffy-mobile-active{transform:translate(0);box-shadow:4px 0 20px #00000026}.staffy-mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.staffy-mobile-overlay.staffy-active{display:block}.staffy-main-content{margin-left:0;width:100%}.staffy-welcome-section{padding:2.25rem 2rem;margin-bottom:2rem}.staffy-welcome-section h1{font-size:1.875rem}.staffy-welcome-message p{font-size:1rem}.staffy-overview{padding:1.5rem}.staffy-quick-actions-grid{grid-template-columns:1fr;gap:1rem}.staffy-quick-action-card{padding:2rem 1.75rem}.staffy-page-content{padding:1.5rem}.staffy-page-content h2{font-size:1.625rem}}@media (max-width: 640px){.staffy-mobile-menu-toggle{width:45px;height:45px;font-size:1.1rem;top:75px;left:15px}.staffy-welcome-section{padding:2rem 1.5rem;margin-bottom:1.5rem;border-radius:12px}.staffy-welcome-section h1{font-size:1.625rem}.staffy-welcome-message p{font-size:.95rem}.staffy-overview{padding:1.25rem}.staffy-quick-actions-section h3{font-size:1.25rem;margin-bottom:1.25rem}.staffy-quick-action-card{padding:1.75rem 1.5rem}.staffy-action-icon{width:56px;height:56px;font-size:1.375rem;margin-bottom:1.25rem}.staffy-quick-action-card h3{font-size:1.125rem}.staffy-quick-action-card p{font-size:.9rem}.staffy-staff-message{margin:1rem;padding:1.125rem;font-size:.9rem}.staffy-page-content{padding:1.25rem}.staffy-page-content h2{font-size:1.5rem}}@media (max-width: 480px){.staffy-mobile-menu-toggle{width:42px;height:42px;font-size:1rem;top:70px;left:12px}.staffy-sidebar{width:100%}.staffy-welcome-section{padding:1.75rem 1.25rem}.staffy-welcome-section h1{font-size:1.5rem}.staffy-quick-action-card{padding:1.5rem 1.25rem}.staffy-action-icon{width:52px;height:52px;font-size:1.25rem}.staffy-overview{padding:1rem}}@media (max-width: 360px){.staffy-welcome-section{padding:1.5rem 1rem}.staffy-welcome-section h1{font-size:1.375rem}.staffy-quick-action-card{padding:1.25rem 1rem}.staffy-action-icon{width:48px;height:48px;font-size:1.125rem}.staffy-overview{padding:.75rem}}@media (min-width: 769px){.staffy-sidebar{transform:translate(0)!important;position:fixed}.staffy-mobile-menu-toggle,.staffy-mobile-overlay{display:none!important}}@media (min-width: 1400px){.staffy-overview{padding:2.5rem}.staffy-welcome-section h1{font-size:2.5rem}.staffy-quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1920px){.staffy-overview{max-width:1600px}.staffy-quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media print{.staffy-sidebar,.staffy-staff-message,.staffy-mobile-menu-toggle,.staffy-mobile-overlay{display:none!important}.staffy-main-content{margin-left:0}.staffy-welcome-section{background:#f8f9fa!important;color:#2d3748!important;box-shadow:none!important;border:1px solid #e2e8f0!important}.staffy-quick-action-card{break-inside:avoid;box-shadow:none!important;border:1px solid #e2e8f0!important}}.staffy-nav-item:focus,.staffy-dropdown-item:focus,.staffy-quick-action-card:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-reduced-motion: reduce){.staffy-spinner,.staffy-quick-action-card,.staffy-nav-item,.staffy-dropdown-item,.staffy-sidebar{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.staffy-sidebar{background:#000;border-right:2px solid #ffffff}.staffy-quick-action-card{border:2px solid #000000}}.staffy-sidebar::-webkit-scrollbar{width:6px}.staffy-sidebar::-webkit-scrollbar-track{background:#ffffff0d}.staffy-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.staffy-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (prefers-color-scheme: dark){.staffy-staff-home{background:linear-gradient(135deg,#0f1419,#1a202c)}.staffy-main-content{background:#0f1419}.staffy-quick-action-card{background:#2d3748;border-color:#4a5568}.staffy-quick-action-card h3{color:#e2e8f0}.staffy-quick-action-card p{color:#a0aec0}.staffy-quick-actions-section h3,.staffy-page-content h2{color:#e2e8f0}.staffy-page-content p{color:#a0aec0}}:root{--primary-color: #2563eb;--primary-dark: #1d4ed8;--primary-light: #dbeafe;--primary-gradient: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);--secondary-color: #64748b;--success-color: #059669;--success-gradient: linear-gradient(135deg, #10b981 0%, #047857 100%);--warning-color: #d97706;--warning-gradient: linear-gradient(135deg, #f59e0b 0%, #b45309 100%);--danger-color: #dc2626;--info-color: #0ea5e9;--campus1-color: #2563eb;--campus2-color: #059669;--sidebar-width: 260px;--header-height: 70px;--text-dark: #1e293b;--text-medium: #475569;--text-light: #64748b;--text-muted: #94a3b8;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-gradient: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--border-color: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-dark);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.homage-student-dashboard-container{min-height:100vh;background:var(--bg-gradient)}.homage-dashboard-layout{display:flex;min-height:calc(100vh - var(--header-height));position:relative}.homage-mobile-menu-toggle{display:none;position:fixed;top:80px;left:20px;z-index:1100;background:var(--primary-gradient);color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:1.2rem;cursor:pointer;box-shadow:0 2px 10px #2563eb4d;transition:all .3s ease}.homage-mobile-menu-toggle:hover{background:var(--primary-dark);transform:scale(1.1)}.homage-mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.homage-sidebar{position:fixed;left:0;top:var(--header-height);width:var(--sidebar-width);height:calc(100vh - var(--header-height));background:var(--bg-primary);border-right:1px solid var(--border-color);overflow-y:auto;overflow-x:hidden;z-index:1000;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform .3s ease-in-out}.homage-sidebar-header{padding:var(--space-xl);border-bottom:1px solid var(--border-color);background:var(--bg-primary);position:sticky;top:0;z-index:10;flex-shrink:0}.homage-sidebar-header p{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:var(--space-md);letter-spacing:-.02em;margin-top:15px}.homage-campus-badge{display:inline-block;padding:6px 12px;background:var(--primary-gradient);color:#fff;border-radius:var(--radius-md);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm)}.homage-sidebar-nav{padding:var(--space-md) 0;display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.homage-nav-section{padding:var(--space-xs) var(--space-md)}.homage-nav-section+.homage-nav-section{margin-top:var(--space-xs)}.homage-nav-label{padding:var(--space-lg) var(--space-md) var(--space-sm);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted)}.homage-nav-item{display:flex;align-items:center;gap:var(--space-md);padding:11px 14px;color:var(--text-medium);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;font-size:14px;font-weight:500;position:relative;-webkit-user-select:none;user-select:none;line-height:1.4}.homage-nav-item>i:first-child{font-size:16px;width:20px;text-align:center;color:var(--text-light);transition:all var(--transition-base);flex-shrink:0}.homage-nav-item>span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.homage-nav-item:hover{background:var(--bg-secondary);color:var(--text-dark)}.homage-nav-item:hover>i:first-child{color:var(--primary-color);transform:translate(2px)}.homage-nav-item.homage-active{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-sm)}.homage-nav-item.homage-active>i:first-child{color:#fff}.homage-dropdown-toggle{justify-content:space-between}.homage-dropdown-toggle>i:last-child{font-size:12px;width:auto;margin-left:auto;transition:transform var(--transition-base);color:var(--text-muted)}.homage-dropdown-toggle:hover>i:last-child{color:var(--primary-color)}.homage-dropdown-toggle.homage-active>i:last-child{transform:rotate(180deg);color:#fff}.homage-dropdown-menu{display:flex;flex-direction:column;gap:2px;margin-top:6px;padding:var(--space-xs) 0 var(--space-sm) 32px;position:relative;animation:slideDown .25s cubic-bezier(.4,0,.2,1)}.homage-dropdown-menu:before{content:"";position:absolute;left:22px;top:0;bottom:var(--space-sm);width:2px;background:var(--border-light);border-radius:1px}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.homage-dropdown-item{display:flex;align-items:center;gap:10px;padding:9px 12px;color:var(--text-medium);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-base);font-size:13px;font-weight:500;position:relative;line-height:1.4}.homage-dropdown-item>i{font-size:14px;width:16px;text-align:center;color:var(--text-light);transition:color var(--transition-base);flex-shrink:0}.homage-dropdown-item:hover{background:var(--primary-light);color:var(--primary-color);transform:translate(4px)}.homage-dropdown-item:hover>i{color:var(--primary-color)}.homage-dropdown-item.active{background:var(--primary-light);color:var(--primary-color);font-weight:600}.homage-dropdown-item.active>i{color:var(--primary-color)}.homage-quick-links{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.homage-quick-link{font-size:13px;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-light);margin-bottom:6px}.homage-quick-link:hover{background:var(--primary-gradient);color:#fff;border-color:transparent;transform:translate(4px)}.homage-quick-link:hover>i:first-child{color:#fff;transform:translate(0)}.homage-logout-section{margin-top:auto;padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.homage-logout-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff!important;font-weight:600}.homage-logout-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translate(0)}.homage-logout-btn>i:first-child{color:#fff!important}.homage-main-content{flex:1;margin-left:var(--sidebar-width);padding:var(--space-xl);min-height:calc(100vh - var(--header-height));max-width:100%}.homage-staff-message{background:var(--primary-gradient);color:#fff;padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);font-weight:500;font-size:14px;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--space-md)}.homage-staff-message:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:18px}.homage-overview{animation:fadeIn .5s ease-out;max-width:1200px;margin:0 auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.homage-welcome-section{background:linear-gradient(135deg,var(--bg-primary) 0%,#fafbff 100%);padding:var(--space-3xl);border-radius:var(--radius-xl);margin-bottom:var(--space-2xl);box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #00000014;border:1px solid var(--border-color);position:relative;overflow:hidden}.homage-welcome-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient)}.homage-welcome-section h1{font-size:2.5rem;font-weight:800;color:var(--text-dark);margin-bottom:var(--space-md);line-height:1.1;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-dark) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.homage-welcome-subtitle{font-size:1.25rem;color:var(--text-medium);margin-bottom:var(--space-xl);font-weight:500;line-height:1.4}.homage-welcome-message{padding:var(--space-xl) 0 0;border-top:1px solid var(--border-light);position:relative}.homage-welcome-message:before{content:'"';font-size:4rem;color:var(--primary-light);position:absolute;top:-10px;left:-5px;font-family:serif;line-height:1}.homage-welcome-message p{font-size:1rem;line-height:1.7;color:var(--text-medium);margin:0;font-style:italic;padding-left:var(--space-lg)}.homage-academic-info-section{background:var(--bg-primary);padding:var(--space-2xl);border-radius:var(--radius-xl);margin-bottom:var(--space-2xl);box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #00000014;border:1px solid var(--border-color);position:relative}.homage-academic-info-section h3{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:var(--space-2xl);letter-spacing:-.01em;display:flex;align-items:center;gap:var(--space-md)}.homage-academic-info-section h3:before{content:"";width:4px;height:24px;background:var(--primary-gradient);border-radius:var(--radius-sm)}.homage-academic-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl)}.homage-academic-info-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-2xl);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all var(--transition-base);position:relative;overflow:hidden}.homage-academic-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-gradient);transform:scaleX(0);transition:transform var(--transition-base)}.homage-academic-info-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 8px 25px -5px #2563eb26,0 4px 6px -1px #0000000d}.homage-academic-info-card:hover:before{transform:scaleX(1)}.homage-academic-info-card i{font-size:1.75rem;color:var(--primary-color);width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-light) 0%,#e0e7ff 100%);border-radius:var(--radius-lg);flex-shrink:0;transition:all var(--transition-base)}.homage-academic-info-card:hover i{transform:scale(1.1);background:var(--primary-gradient);color:#fff}.homage-academic-info-card>div{flex:1;min-width:0}.homage-academic-info-card label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-light);margin-bottom:var(--space-sm);letter-spacing:.5px}.homage-academic-info-card span{display:block;font-size:1.25rem;font-weight:700;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.homage-academic-info-card small{display:block;font-size:.75rem;color:var(--text-muted);margin-top:var(--space-xs)}.homage-quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-2xl);margin-top:var(--space-2xl)}.homage-quick-action-card{background:var(--bg-primary);padding:var(--space-2xl);border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #00000014;cursor:pointer;transition:all var(--transition-base);border:1px solid var(--border-color);position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}.homage-quick-action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient);transition:height var(--transition-base)}.homage-quick-action-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2563eb08,#2563eb03);opacity:0;transition:opacity var(--transition-base)}.homage-quick-action-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -10px #2563eb33,0 10px 20px -5px #0000001a;border-color:var(--primary-color)}.homage-quick-action-card:hover:before{height:6px}.homage-quick-action-card:hover:after{opacity:1}.homage-action-icon{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-xl);transition:all var(--transition-base);position:relative;z-index:2}.homage-quick-action-card.homage-primary .homage-action-icon{background:var(--primary-gradient);box-shadow:0 4px 15px #2563eb4d}.homage-quick-action-card.homage-success .homage-action-icon{background:var(--success-gradient);box-shadow:0 4px 15px #0596694d}.homage-quick-action-card.homage-warning .homage-action-icon{background:var(--warning-gradient);box-shadow:0 4px 15px #d977064d}.homage-action-icon i{font-size:1.5rem;color:#fff}.homage-quick-action-card:hover .homage-action-icon{transform:scale(1.1) rotate(5deg)}.homage-quick-action-card h3{font-size:1.375rem;font-weight:700;color:var(--text-dark);margin-bottom:var(--space-md);letter-spacing:-.01em;line-height:1.3;position:relative;z-index:2}.homage-quick-action-card p{font-size:.95rem;color:var(--text-medium);line-height:1.6;margin-bottom:var(--space-xl);flex:1;position:relative;z-index:2}.homage-action-arrow{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);transition:all var(--transition-base);position:relative;z-index:2;border:1px solid var(--border-color)}.homage-action-arrow i{font-size:1rem;color:var(--primary-color);transition:all var(--transition-base)}.homage-quick-action-card:hover .homage-action-arrow{background:var(--primary-gradient);border-color:transparent;transform:translate(4px)}.homage-quick-action-card:hover .homage-action-arrow i{color:#fff;transform:translate(2px)}.homage-error-message{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-xl);background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #fecaca;border-radius:var(--radius-lg);color:var(--danger-color);font-weight:500;font-size:.95rem;box-shadow:var(--shadow-sm)}.homage-error-message i{font-size:1.25rem;flex-shrink:0}.homage-retry-btn{margin-left:auto;padding:var(--space-md) var(--space-lg);background:var(--danger-color);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;box-shadow:0 2px 4px #dc262633}.homage-retry-btn:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 8px #dc26264d}.homage-loading-skeleton{height:20px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.homage-loading{opacity:.7;pointer-events:none}.homage-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center}.homage-spinner-large{width:50px;height:50px;border:4px solid var(--border-light);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--space-xl)}@keyframes spin{to{transform:rotate(360deg)}}.homage-loading-note{color:var(--text-muted);font-size:.875rem;margin-top:var(--space-sm)}.homage-page-content{background:var(--bg-primary);padding:var(--space-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);animation:fadeIn .3s ease-out}.homage-page-content h2{font-size:24px;font-weight:600;color:var(--text-dark);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:2px solid var(--border-light);letter-spacing:-.01em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9) rotateX(-10deg)}to{opacity:1;transform:scale(1) rotateX(0)}}.homage-academic-info-card{animation:fadeInUp .6s ease-out backwards}.homage-academic-info-card:nth-child(1){animation-delay:.1s}.homage-academic-info-card:nth-child(2){animation-delay:.2s}.homage-academic-info-card:nth-child(3){animation-delay:.3s}.homage-quick-action-card{animation:scaleIn .6s ease-out backwards;transform-style:preserve-3d}.homage-quick-action-card:nth-child(1){animation-delay:.2s}.homage-quick-action-card:nth-child(2){animation-delay:.3s}.homage-quick-action-card:nth-child(3){animation-delay:.4s}@media (max-width: 1024px){:root{--sidebar-width: 240px}.homage-main-content{padding:var(--space-xl)}.homage-welcome-section{padding:var(--space-2xl)}.homage-welcome-section h1{font-size:2rem}.homage-academic-info-section{padding:var(--space-xl)}.homage-academic-info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.homage-quick-actions-grid{gap:var(--space-xl)}}@media (max-width: 768px){.homage-sidebar{position:fixed;top:var(--header-height);left:0;height:calc(100vh - var(--header-height));transform:translate(-100%);z-index:1000;width:280px;box-shadow:var(--shadow-xl)}.homage-sidebar.homage-mobile-active{transform:translate(0)}.homage-mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.homage-mobile-overlay.homage-active{display:block}.homage-main-content{margin-left:0;padding:var(--space-lg);width:100%}.homage-overview{padding:0}.homage-welcome-section{padding:var(--space-xl);text-align:center}.homage-welcome-section h1{font-size:1.75rem}.homage-welcome-subtitle{font-size:1.125rem}.homage-welcome-message{text-align:left}.homage-welcome-message:before{font-size:3rem}.homage-academic-info-section{padding:var(--space-lg)}.homage-academic-info-section h3{font-size:1.25rem}.homage-academic-info-grid{grid-template-columns:1fr;gap:var(--space-md)}.homage-academic-info-card{padding:var(--space-xl)}.homage-quick-actions-grid{grid-template-columns:1fr;gap:var(--space-lg)}.homage-quick-action-card,.homage-page-content{padding:var(--space-xl)}.homage-staff-message{padding:var(--space-md) var(--space-lg);font-size:13px}.homage-error-message{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.homage-retry-btn{margin-left:0;width:100%}}@media (max-width: 640px){.homage-mobile-menu-toggle{width:45px;height:45px;font-size:1.1rem;top:75px;left:15px}.homage-main-content{padding:var(--space-md)}.homage-welcome-section{padding:var(--space-lg)}.homage-welcome-section h1{font-size:1.5rem}.homage-welcome-subtitle{font-size:1rem}.homage-welcome-message p{font-size:.9rem;padding-left:var(--space-md)}.homage-academic-info-section{padding:var(--space-lg)}.homage-academic-info-section h3{font-size:1.125rem}.homage-academic-info-card{padding:var(--space-lg);flex-direction:column;text-align:center;gap:var(--space-md)}.homage-academic-info-card i{width:50px;height:50px;font-size:1.25rem}.homage-academic-info-card span{font-size:1.125rem}.homage-quick-action-card{padding:var(--space-xl)}.homage-action-icon{width:56px;height:56px}.homage-action-icon i,.homage-quick-action-card h3{font-size:1.25rem}.homage-quick-action-card p{font-size:.875rem}.homage-page-content{padding:var(--space-lg)}.homage-page-content h2{font-size:20px}}@media (max-width: 480px){:root{--sidebar-width: 280px}.homage-mobile-menu-toggle{width:42px;height:42px;font-size:1rem;top:70px;left:12px}.homage-main-content{padding:var(--space-sm)}.homage-welcome-section,.homage-academic-info-section,.homage-page-content{padding:var(--space-md)}.homage-welcome-section h1{font-size:1.375rem}.homage-welcome-subtitle{font-size:.95rem}.homage-welcome-message p{font-size:.85rem;padding-left:var(--space-sm)}.homage-academic-info-section h3{font-size:1rem}.homage-academic-info-card{padding:var(--space-md);gap:var(--space-sm)}.homage-academic-info-card i{width:42px;height:42px;font-size:1.125rem}.homage-academic-info-card span{font-size:1rem}.homage-academic-info-card label,.homage-academic-info-card small{font-size:.7rem}.homage-quick-action-card{padding:var(--space-lg)}.homage-action-icon{width:48px;height:48px}.homage-action-icon i,.homage-quick-action-card h3{font-size:1.125rem}.homage-quick-action-card p{font-size:.8rem}.homage-action-arrow{width:36px;height:36px}.homage-action-arrow i{font-size:.875rem}.homage-staff-message{padding:var(--space-sm) var(--space-md);font-size:12px}.homage-staff-message:before{font-size:16px}}@media (max-width: 768px) and (orientation: landscape){.homage-sidebar{width:240px}.homage-welcome-section{padding:var(--space-lg)}.homage-welcome-section h1{font-size:1.5rem}.homage-academic-info-grid,.homage-quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 769px){.homage-sidebar{transform:translate(0)!important;position:fixed}.homage-mobile-menu-toggle,.homage-mobile-overlay{display:none!important}}.homage-nav-item:focus-visible,.homage-dropdown-item:focus-visible,.homage-quick-action-card:focus-visible,.homage-retry-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 4px var(--primary-light)}.homage-nav-item:focus,.homage-dropdown-item:focus,.homage-quick-action-card:focus{outline:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.homage-dropdown-menu{animation:none}.homage-nav-item:hover>i:first-child,.homage-dropdown-item:hover{transform:none}.homage-sidebar{transition:none}}@media (prefers-contrast: high){:root{--border-color: #000000;--text-light: #000000;--text-medium: #000000}.homage-nav-item:hover,.homage-dropdown-item:hover{border:2px solid currentColor}}@media print{.homage-sidebar,.homage-sidebar-overlay,.homage-mobile-menu-toggle,.homage-mobile-overlay{display:none!important}.homage-main-content{margin-left:0;padding:0}.homage-quick-action-card,.homage-staff-message{break-inside:avoid}*{box-shadow:none!important}}.notFound{height:100vh;overflow:hidden;width:100%}.notFound .logo{height:100vh;margin:auto;display:block;width:100%}.admin-container *{box-sizing:border-box;margin:0;padding:0}.admin-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;overflow-x:hidden}.admin-container h1{font-size:2.5rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.admin-container h2{font-size:1.75rem;font-weight:600;color:#34495e;margin-bottom:1.25rem;position:relative;padding-bottom:.5rem}.admin-container h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#3498db,#2980b9);border-radius:2px}.admin-container h3{font-size:1.375rem;font-weight:500;color:#2c3e50;margin-bottom:1rem}.admin-container h4{font-size:1.125rem;font-weight:500;color:#34495e;margin-bottom:.75rem}.admin-header{background:linear-gradient(135deg,#fff,#f8f9fa);padding:2rem;border-bottom:1px solid #e1e5e9;box-shadow:0 2px 15px #00000014;position:relative;z-index:100}.admin-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.admin-header-left{display:flex;align-items:center;gap:1rem}.admin-header-text h1{margin-bottom:.25rem;letter-spacing:-.5px}.admin-header-text p{color:#6c757d;font-size:1.1rem}.admin-error-container,.admin-error-message{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border:1px solid #e17055;border-radius:12px;padding:1.5rem;margin:1rem 2rem;box-shadow:0 4px 12px #0000001a;border-left:4px solid #e17055;position:relative;z-index:101}.admin-error-content{display:flex;align-items:flex-start;gap:1rem}.admin-error-icon{width:24px;height:24px;color:#d63031;flex-shrink:0;margin-top:.25rem}.admin-error-text-content{flex:1}.admin-error-title{font-weight:600;color:#d63031;margin-bottom:.5rem;font-size:1.1rem}.admin-error-description{color:#2d3436;margin-bottom:1rem;line-height:1.5}.admin-error-actions{display:flex;gap:1rem;flex-wrap:wrap}.admin-error-retry-button{background:linear-gradient(135deg,#0984e3,#74b9ff);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #74b9ff4d}.admin-error-retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #74b9ff66}.admin-error-dismiss-button{background:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.admin-error-dismiss-button:hover{background:#5a6268;transform:translateY(-1px)}.admin-auth-required{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:2rem;position:relative;z-index:1}.admin-auth-message{text-align:center;background:#fff;padding:3rem;border-radius:20px;box-shadow:0 10px 40px #0000001a;border:1px solid #e1e5e9;max-width:500px;width:100%}.admin-auth-icon{width:48px;height:48px;color:#e74c3c;margin:0 auto 1.5rem}.admin-auth-message h2{color:#2c3e50;margin-bottom:1rem}.admin-auth-message p{color:#6c757d;margin-bottom:.5rem}.admin-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#6c757d;position:relative;z-index:1}.admin-loading-spinner{width:48px;height:48px;color:#3498db;animation:spin 1s linear infinite;margin-bottom:1rem}.admin-tabs{background:#fff;border-bottom:1px solid #e1e5e9;padding:0 2rem;box-shadow:0 2px 8px #0000000a;position:relative;z-index:100}.admin-tabs-container{display:flex;max-width:1400px;margin:0 auto;overflow-x:auto}.admin-tab-button{background:none;border:none;padding:1.25rem 2rem;font-size:1rem;font-weight:500;color:#6c757d;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:.75rem;position:relative}.admin-tab-button:hover{color:#495057;background-color:#f8f9fa}.admin-tab-button.admin-active{color:#3498db;border-bottom-color:#3498db;background:linear-gradient(to bottom,#fff,#f8f9fa)}.admin-tab-button.admin-active:before{content:"";position:absolute;top:50%;left:.5rem;transform:translateY(-50%);width:6px;height:6px;background:#3498db;border-radius:50%}.admin-tab-icon{width:18px;height:18px}.admin-content{padding:2rem;max-width:1400px;margin:0 auto;overflow:visible;position:relative;z-index:1}.admin-overview-container{display:flex;flex-direction:column;gap:2rem;position:relative;z-index:1}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.admin-stat-card{background:linear-gradient(135deg,#fff,#f8f9fa);padding:1.5rem;border-radius:16px;border:1px solid #e1e5e9;border-left:4px solid;transition:all .3s ease;box-shadow:0 4px 15px #0000000d;position:relative;overflow:hidden}.admin-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:inherit;border-radius:16px 16px 0 0;opacity:.3}.admin-stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.admin-stat-card-content{display:flex;justify-content:space-between;align-items:center}.admin-stat-text h3{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:.25rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.admin-stat-text p{color:#6c757d;font-weight:500;margin-bottom:.25rem}.admin-stat-subtitle{font-size:.875rem;color:#868e96!important;font-weight:400!important}.admin-stat-icon-container{background:#0000000d;border-radius:12px;padding:.75rem;display:flex;align-items:center;justify-content:center}.admin-stat-icon{width:24px;height:24px}.admin-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.admin-overview-card{background:#fff;border-radius:16px;padding:1.5rem;border:1px solid #e1e5e9;box-shadow:0 4px 20px #00000014}.admin-activity-list,.admin-alert-list{display:flex;flex-direction:column;gap:1rem}.admin-activity-item,.admin-alert-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:8px;transition:all .3s ease}.admin-activity-item:hover,.admin-alert-item:hover{background:#e9ecef;transform:translate(5px)}.admin-activity-label,.admin-alert-info p{color:#495057;font-weight:500}.admin-activity-value{font-weight:600;color:#2c3e50}.admin-revenue{color:#27ae60!important}.admin-alert-name{font-weight:600;margin-bottom:.25rem}.admin-alert-sku{font-size:.875rem;color:#6c757d}.admin-alert-status{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.admin-alert-status.out-of-stock{background:#fee2e2;color:#dc2626}.admin-alert-status.low-stock{background:#fef3c7;color:#d97706}.admin-no-alerts{text-align:center;color:#6c757d;font-style:italic;padding:2rem;background:#f8f9fa;border-radius:8px;border:2px dashed #e1e5e9}.admin-inventory-container{background:#fff;border-radius:16px;padding:2rem;border:1px solid #e1e5e9;box-shadow:0 4px 20px #00000014;position:relative;z-index:1}.admin-inventory-controls{display:flex;justify-content:between;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.admin-search-filter-group{display:flex;gap:1rem;flex:1;min-width:300px;flex-wrap:wrap}.admin-search-container{position:relative;flex:1;min-width:250px}.admin-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#6c757d}.admin-search-input{width:100%;padding:.875rem 1rem .875rem 2.5rem;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#fff;box-shadow:inset 0 2px 4px #0000000d}.admin-search-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a,inset 0 2px 4px #0000000d}.admin-filter-select{padding:.875rem 1rem;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;background:#fff;min-width:150px;cursor:pointer;transition:all .3s ease}.admin-filter-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.admin-add-item-button{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #2ecc714d;white-space:nowrap}.admin-add-item-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2ecc7166}.admin-add-icon{width:18px;height:18px}.admin-table-container{border-radius:12px;border:1px solid #e1e5e9;overflow:hidden;box-shadow:0 2px 10px #0000000d}.admin-table-scroll{overflow-x:auto}.admin-data-table{width:100%;border-collapse:collapse;min-width:800px}.admin-data-table th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:1.25rem;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #e1e5e9;position:sticky;top:0;white-space:nowrap}.admin-data-table td{padding:1.25rem;border-bottom:1px solid #f1f3f4;vertical-align:middle;transition:all .3s ease}.admin-data-table tr:hover td{background:#f8f9fa}.admin-item-name{font-weight:600;color:#2c3e50;margin-bottom:.25rem}.admin-item-details{font-size:.875rem;color:#6c757d}.admin-capitalize{text-transform:capitalize}.admin-price{font-weight:600;color:#27ae60;white-space:nowrap}.admin-stock-progress{width:80px;height:6px;background:#e9ecef;border-radius:3px;margin-top:.5rem;overflow:hidden}.admin-stock-progress-bar{height:100%;border-radius:3px;transition:width .3s ease}.admin-stock-progress-bar.green{background:linear-gradient(90deg,#27ae60,#2ecc71)}.admin-stock-progress-bar.orange{background:linear-gradient(90deg,#f39c12,#f1c40f)}.admin-stock-progress-bar.red{background:linear-gradient(90deg,#e74c3c,#c0392b)}.admin-stock-status{padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.admin-stock-status.in-stock{background:#d5f4e6;color:#27ae60}.admin-stock-status.low-stock{background:#fef3c7;color:#d97706}.admin-stock-status.out-of-stock{background:#fee2e2;color:#dc2626}.admin-status-badge{padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.admin-status-badge.pending{background:#fef3c7;color:#d97706}.admin-status-badge.processing{background:#dbeafe;color:#1d4ed8}.admin-status-badge.completed{background:#d5f4e6;color:#27ae60}.admin-status-badge.cancelled{background:#fee2e2;color:#dc2626}.admin-action-buttons{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.admin-action-button{padding:.5rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000001a}.admin-action-button.admin-edit{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.admin-action-button.admin-delete{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.admin-action-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.admin-action-icon{width:16px;height:16px}.admin-status-select{padding:.375rem .75rem;border:1px solid #e9ecef;border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer;min-width:120px}.admin-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#6c757d;grid-column:1 / -1}.admin-empty-icon{width:64px;height:64px;color:#adb5bd;margin-bottom:1rem}.admin-empty-text{font-size:1.1rem;color:#6c757d}.admin-order-number{font-weight:600;color:#2c3e50;margin-bottom:.25rem}.admin-order-items-count{font-size:.875rem;color:#6c757d}.admin-student-name{font-weight:600;color:#2c3e50;margin-bottom:.25rem}.admin-student-email{font-size:.875rem;color:#6c757d}.admin-order-expand-content{background:#f8f9fa;border-bottom:1px solid #e1e5e9}.admin-order-items{padding:1rem}.admin-order-items h4{margin-bottom:1rem;color:#2c3e50}.admin-order-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:8px;margin-bottom:.5rem;border:1px solid #e1e5e9}.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;overflow-y:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.admin-modal-content{background:#fff;border-radius:16px;padding:0;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px #00000080;border:1px solid #e1e5e9;animation:modalSlideIn .3s ease-out}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e1e5e9;background:linear-gradient(135deg,#f8f9fa,#e9ecef);position:sticky;top:0;z-index:1}.admin-modal-title{font-size:1.5rem;font-weight:600;color:#2c3e50;margin:0}.admin-modal-close{background:none;border:none;padding:.5rem;cursor:pointer;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.admin-modal-close:hover{background:#e9ecef;transform:rotate(90deg)}.admin-close-icon{width:20px;height:20px;color:#6c757d}.admin-form-group{margin-bottom:1.5rem;padding:0 2rem}.admin-form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#2c3e50}.admin-form-input,.admin-form-select,.admin-form-textarea{width:100%;padding:.875rem 1rem;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#fff;box-shadow:inset 0 2px 4px #0000000d}.admin-form-input:focus,.admin-form-select:focus,.admin-form-textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a,inset 0 2px 4px #0000000d}.admin-form-textarea{resize:vertical;min-height:100px}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.admin-form-hint{font-size:.875rem;color:#6c757d;margin-top:.5rem}.admin-item-name,.admin-stock-value,.admin-new-stock-value{font-weight:600;color:#2c3e50}.admin-campus-info{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#f8f9fa;border-radius:8px;margin:0 2rem 1.5rem;color:#6c757d}.admin-campus-icon{width:18px;height:18px}.admin-image-upload{border:2px dashed #e9ecef;border-radius:10px;padding:1.5rem;text-align:center;transition:all .3s ease}.admin-image-upload:hover{border-color:#3498db}.admin-image-preview{margin-bottom:1rem}.admin-image-preview-img{max-width:200px;max-height:200px;border-radius:8px;object-fit:cover}.admin-image-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#6c757d;padding:2rem}.admin-image-placeholder-icon{width:48px;height:48px;color:#adb5bd}.admin-image-upload-options{display:flex;flex-direction:column;gap:1rem}.admin-form-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem;border-top:1px solid #e1e5e9;background:#f8f9fa;border-radius:0 0 16px 16px;position:sticky;bottom:0}.admin-btn{padding:.875rem 1.5rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #0000001a}.admin-btn-primary{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.admin-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #3498db66}.admin-btn-cancel{background:#6c757d;color:#fff}.admin-btn-cancel:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.admin-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.admin-refresh-icon.admin-loading{animation:spin 1s linear infinite}@media (max-width: 1200px){.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.admin-overview-grid{grid-template-columns:1fr}}@media (max-width: 768px){.admin-container{padding:0}.admin-header{padding:1.5rem 1rem}.admin-header-content{flex-direction:column;align-items:flex-start;gap:1rem}.admin-tabs{padding:0 1rem}.admin-tab-button{padding:1rem 1.5rem}.admin-content{padding:1rem}.admin-inventory-controls{flex-direction:column;align-items:stretch}.admin-search-filter-group{min-width:100%}.admin-form-grid{grid-template-columns:1fr}.admin-modal-overlay{padding:1rem}.admin-modal-content{max-height:95vh}.admin-modal-header,.admin-form-group,.admin-campus-info,.admin-form-actions{padding-left:1.5rem;padding-right:1.5rem}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.admin-header h1{font-size:2rem}.admin-tab-button{padding:.875rem 1rem;font-size:.9rem}.admin-stats-grid{grid-template-columns:1fr}.admin-stat-card{padding:1.25rem}.admin-stat-text h3{font-size:1.75rem}.admin-action-buttons{flex-direction:column;align-items:stretch}.admin-status-select{min-width:100%}.admin-form-actions{flex-direction:column}.admin-btn{justify-content:center}}@media print{.admin-tabs,.admin-inventory-controls,.admin-action-buttons,.admin-form-actions{display:none}.admin-container{background:#fff}.admin-stat-card,.admin-overview-card,.admin-inventory-container{box-shadow:none;border:1px solid #ddd}}@media (prefers-contrast: high){.admin-container{color:#000;background:#fff}.admin-stat-card,.admin-overview-card,.admin-inventory-container{border:2px solid #000}}@media (prefers-reduced-motion: reduce){.admin-container *{transition:none!important;animation:none!important}.admin-stat-card:hover,.admin-action-button:hover,.admin-btn:hover{transform:none!important}.admin-modal-content{animation:none}}.Board-admin-dashboard-page{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh;background:linear-gradient(135deg,#1e3c72,#2a5298);position:relative;overflow-x:hidden}.Board-admin-dashboard-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,rgba(56,189,248,.1) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(139,92,246,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.Board-admin-dashboard-main-content{position:relative;z-index:1;padding:80px 40px 60px;max-width:1200px;margin:0 auto}.Board-admin-dashboard-welcome-section{text-align:center;margin-bottom:80px;animation:Board-admin-fadeInUp .8s ease-out}.Board-admin-dashboard-welcome-title{font-size:3.5em;font-weight:800;color:#fff;margin-bottom:24px;text-shadow:0 8px 24px rgba(0,0,0,.3);letter-spacing:-.02em;line-height:1.1;background:linear-gradient(135deg,#fff,#dbeafe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.Board-admin-dashboard-welcome-tagline{font-size:1.3em;color:#ffffffd9;line-height:1.6;max-width:600px;margin:0 auto;font-weight:500;text-shadow:0 2px 8px rgba(0,0,0,.2)}.Board-admin-dashboard-selection-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px;max-width:900px;margin:0 auto}.Board-admin-dashboard-card{background:#ffffff1f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:50px 40px;text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 12px 40px #00000026,inset 0 1px #fff3,0 0 0 1px #ffffff1a;animation:Board-admin-fadeInUp .8s ease-out .2s both}.Board-admin-dashboard-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s}.Board-admin-dashboard-card:hover:before{left:100%}.Board-admin-dashboard-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 24px 80px #00000040,inset 0 1px #ffffff4d,0 0 0 1px #fff3;background:#ffffff2e}.Board-admin-dashboard-card:active{transform:translateY(-4px) scale(1.01);transition:all .1s ease}.Board-admin-dashboard-card-icon{font-size:4em;margin-bottom:24px;display:block;text-align:center;filter:drop-shadow(0 6px 16px rgba(0,0,0,.3));transition:transform .3s ease}.Board-admin-dashboard-card:hover .Board-admin-dashboard-card-icon{transform:scale(1.1) rotate(5deg)}.Board-admin-dashboard-card-title{font-size:2.2em;font-weight:700;color:#fff;margin-bottom:16px;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.3);letter-spacing:-.01em}.Board-admin-dashboard-card-description{font-size:1.1em;color:#ffffffe6;line-height:1.6;text-align:center;margin-bottom:32px;font-weight:500}.Board-admin-dashboard-navigate-button{width:100%;padding:18px 24px;background:#fffffff2;color:#1a1d29;border:none;border-radius:16px;font-size:1.1em;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #00000026,0 2px 8px #0000001a;position:relative;overflow:hidden;letter-spacing:.02em}.Board-admin-dashboard-navigate-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}.Board-admin-dashboard-card:hover .Board-admin-dashboard-navigate-button:before{left:100%}.Board-admin-dashboard-card:hover .Board-admin-dashboard-navigate-button{background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #0003,0 4px 12px #00000026}.Board-admin-dashboard-navigate-button:active{transform:translateY(0);transition:all .1s ease}.Board-admin-dashboard-meal-report-card{background:linear-gradient(135deg,#10b98133,#05966926,#34d3991a);border:1px solid rgba(16,185,129,.3)}.Board-admin-dashboard-meal-report-card:hover{background:linear-gradient(135deg,#10b9814d,#05966940,#34d39933)}.Board-admin-dashboard-meal-report-card .Board-admin-dashboard-navigate-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 16px #10b9814d,0 2px 8px #10b98133}.Board-admin-dashboard-meal-report-card:hover .Board-admin-dashboard-navigate-button{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 24px #10b98166,0 4px 12px #10b9814d}.Board-admin-dashboard-stock-report-card{background:linear-gradient(135deg,#8b5cf633,#7c3aed26,#a78bfa1a);border:1px solid rgba(139,92,246,.3)}.Board-admin-dashboard-stock-report-card:hover{background:linear-gradient(135deg,#8b5cf64d,#7c3aed40,#a78bfa33)}.Board-admin-dashboard-stock-report-card .Board-admin-dashboard-navigate-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 16px #8b5cf64d,0 2px 8px #8b5cf633}.Board-admin-dashboard-stock-report-card:hover .Board-admin-dashboard-navigate-button{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 8px 24px #8b5cf666,0 4px 12px #8b5cf64d}@keyframes Board-admin-fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 968px){.Board-admin-dashboard-selection-container{grid-template-columns:1fr;max-width:500px;gap:30px}.Board-admin-dashboard-main-content{padding:60px 30px 40px}.Board-admin-dashboard-welcome-title{font-size:3em}.Board-admin-dashboard-welcome-tagline{font-size:1.2em}}@media (max-width: 768px){.Board-admin-dashboard-main-content{padding:50px 20px 30px}.Board-admin-dashboard-welcome-title{font-size:2.5em;margin-bottom:20px}.Board-admin-dashboard-welcome-tagline{font-size:1.1em}.Board-admin-dashboard-card{padding:40px 30px}.Board-admin-dashboard-card-title{font-size:1.8em}.Board-admin-dashboard-card-icon{font-size:3.5em}}@media (max-width: 480px){.Board-admin-dashboard-main-content{padding:40px 16px 20px}.Board-admin-dashboard-welcome-title{font-size:2em}.Board-admin-dashboard-welcome-tagline{font-size:1em}.Board-admin-dashboard-card{padding:30px 24px}.Board-admin-dashboard-card-title{font-size:1.6em}.Board-admin-dashboard-card-icon{font-size:3em}.Board-admin-dashboard-navigate-button{padding:16px 20px;font-size:1em}}.Board-admin-dashboard-card:focus{outline:none;box-shadow:0 0 0 3px #ffffff80,0 20px 60px #0003}.Board-admin-dashboard-navigate-button:focus{outline:none;box-shadow:0 0 0 3px #ffffff80,0 8px 24px #0003}@media (prefers-reduced-motion: reduce){.Board-admin-dashboard-card,.Board-admin-dashboard-card-icon,.Board-admin-dashboard-navigate-button,.Board-admin-dashboard-welcome-section{animation:none;transition:none}.Board-admin-dashboard-card:hover,.Board-admin-dashboard-card:hover .Board-admin-dashboard-navigate-button{transform:none}}.milky-admin-dashboard *{box-sizing:border-box;margin:0;padding:0}.milky-admin-dashboard{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;overflow-x:hidden}.milky-admin-dashboard h1{font-size:2.5rem;font-weight:600;color:#2c3e50;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.milky-admin-dashboard h2{font-size:1.75rem;font-weight:600;color:#34495e;margin-bottom:1.25rem;position:relative;padding-bottom:.5rem}.milky-admin-dashboard h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#3498db,#2980b9);border-radius:2px}.milky-admin-dashboard h3{font-size:1.375rem;font-weight:500;color:#2c3e50;margin-bottom:1rem}.milky-admin-dashboard h4{font-size:1.125rem;font-weight:500;color:#34495e;margin-bottom:.75rem}.milky-dashboard-header{background:linear-gradient(135deg,#fff,#f8f9fa);padding:2rem;border-bottom:1px solid #e1e5e9;position:relative;width:100%;box-shadow:0 2px 10px #00000014}.milky-dashboard-header h1{text-align:center;font-weight:300;margin-bottom:2rem;letter-spacing:-.5px}.milky-error-banner{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border:1px solid #e17055;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 4px 12px #0000001a;border-left:4px solid #e17055}.milky-error-banner h4{color:#d63031;margin-bottom:.75rem;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.milky-error-banner h4:before{content:"⚠️"}.milky-error-item{margin-bottom:.5rem;font-size:.9rem;color:#2d3436;padding-left:1rem;border-left:2px solid #e17055}.milky-retry-btn{background:linear-gradient(135deg,#0984e3,#74b9ff);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:.75rem;box-shadow:0 2px 8px #74b9ff4d}.milky-retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #74b9ff66}.milky-admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem;overflow:visible}.milky-stat-card{background:linear-gradient(135deg,#fff,#f8f9fa);padding:1.5rem;border-radius:16px;text-align:center;border:1px solid #e1e5e9;transition:all .3s ease;overflow:visible;position:relative;box-shadow:0 4px 15px #0000000d}.milky-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3498db,#2980b9);border-radius:16px 16px 0 0}.milky-stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.milky-stat-card h3{font-size:.9rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.milky-stat-number{font-size:2.25rem;font-weight:700;color:#2c3e50;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.milky-dashboard-tabs{display:flex;background:#fff;border-bottom:1px solid #e1e5e9;padding:0 2rem;overflow-x:auto;width:100%;box-shadow:0 2px 8px #0000000a}.milky-tab-button{background:none;border:none;padding:1.25rem 2rem;font-size:1rem;font-weight:500;color:#6c757d;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;white-space:nowrap;flex-shrink:0;position:relative}.milky-tab-button:hover{color:#495057;background-color:#f8f9fa}.milky-tab-button.milky-active{color:#3498db;border-bottom-color:#3498db;background:linear-gradient(to bottom,#fff,#f8f9fa)}.milky-tab-button.milky-active:before{content:"";position:absolute;top:50%;left:.5rem;transform:translateY(-50%);width:6px;height:6px;background:#3498db;border-radius:50%}.milky-tab-content{padding:2rem;max-width:100%;margin:0 auto;overflow:visible}.milky-verify-voucher-section{background:#fff;border-radius:16px;padding:2rem;border:1px solid #e1e5e9;overflow:visible;min-height:auto;box-shadow:0 4px 20px #00000014}.milky-voucher-form{margin-bottom:2rem;overflow:visible}.milky-form-group{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap;overflow:visible}.milky-voucher-input{flex:1;min-width:300px;padding:1rem 1.25rem;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff;box-shadow:inset 0 2px 4px #0000000d}.milky-voucher-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a,inset 0 2px 4px #0000000d}.milky-verify-button{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:180px;box-shadow:0 4px 15px #2ecc714d}.milky-verify-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2ecc7166}.milky-verify-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.milky-voucher-details{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;padding:2rem;border:1px solid #e1e5e9;overflow:visible;min-height:auto;box-shadow:inset 0 2px 8px #0000000d}.milky-voucher-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;margin-bottom:1.5rem;overflow:visible}.milky-info-item{display:flex;flex-direction:column;gap:.5rem;overflow:visible;padding:1rem;background:#fff;border-radius:10px;border:1px solid #e1e5e9;box-shadow:0 2px 8px #0000000a}.milky-info-item strong{color:#6c757d;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.milky-voucher-code-display{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:.75rem 1rem;border-radius:8px;font-family:Courier New,monospace;font-size:.9rem;word-break:break-all;overflow-wrap:break-word;box-shadow:0 2px 8px #0000001a;border:1px solid #34495e}.milky-px-2{padding-left:.5rem;padding-right:.5rem}.milky-py-1{padding-top:.25rem;padding-bottom:.25rem}.milky-rounded-full{border-radius:9999px}.milky-text-xs{font-size:.75rem}.milky-font-medium{font-weight:500}.milky-bg-blue-100{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.milky-text-blue-800{color:#1e40af}.milky-bg-yellow-100{background:linear-gradient(135deg,#fef3c7,#fde68a)}.milky-text-yellow-800{color:#92400e}.milky-bg-green-100{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.milky-text-green-800{color:#166534}.milky-bg-gray-100{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.milky-text-gray-800{color:#374151}.milky-bg-red-100{background:linear-gradient(135deg,#fee2e2,#fecaca)}.milky-text-red-800{color:#991b1b}.milky-voucher-items{margin:2rem 0;overflow:visible}.milky-items-list{display:flex;flex-direction:column;gap:.75rem;overflow:visible}.milky-voucher-item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:1rem;padding:1.25rem;background:#fff;border-radius:12px;border:1px solid #e1e5e9;align-items:center;overflow:visible;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.milky-voucher-item:hover{transform:translate(5px);box-shadow:0 4px 15px #00000014}.milky-item-name{font-weight:600;color:#2c3e50}.milky-item-category{color:#6c757d;font-size:.9rem;font-style:italic}.milky-item-quantity{text-align:center;font-weight:600;background:#f8f9fa;padding:.25rem .5rem;border-radius:6px}.milky-item-points{text-align:center;color:#27ae60;font-weight:500}.milky-item-total{text-align:right;font-weight:700;color:#2c3e50;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:.5rem 1rem;border-radius:8px}.milky-voucher-actions{display:flex;gap:1rem;flex-wrap:wrap;overflow:visible}.milky-confirm-button,.milky-complete-button,.milky-cancel-button{padding:1rem 1.5rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:200px;box-shadow:0 4px 15px #0000001a}.milky-confirm-button{background:linear-gradient(135deg,#f39c12,#f1c40f);color:#fff}.milky-complete-button{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.milky-confirm-button:hover:not(:disabled),.milky-complete-button:hover:not(:disabled),.milky-cancel-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.milky-recent-vouchers-section{background:#fff;border-radius:16px;padding:2rem;border:1px solid #e1e5e9;overflow:visible;min-height:auto;box-shadow:0 4px 20px #00000014}.milky-vouchers-table-container{overflow-x:auto;border-radius:12px;border:1px solid #e1e5e9;min-height:auto;box-shadow:0 2px 10px #0000000d}.milky-vouchers-table{width:100%;border-collapse:collapse;min-width:800px}.milky-vouchers-table th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:1.25rem;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #e1e5e9;position:sticky;top:0}.milky-vouchers-table td{padding:1.25rem;border-bottom:1px solid #f1f3f4;vertical-align:middle;transition:all .3s ease}.milky-vouchers-table tr:hover td{background:#f8f9fa;transform:scale(1.01)}.milky-no-data{text-align:center;color:#6c757d;font-style:italic;padding:3rem;background:#f8f9fa;border-radius:8px}.milky-action-button{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-right:.5rem;box-shadow:0 2px 6px #0000001a}.milky-view-button{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.milky-confirm-button{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.milky-complete-button{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.milky-cancel-button{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.milky-action-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.milky-manage-meals-section{background:#fff;border-radius:16px;padding:2rem;border:1px solid #e1e5e9;overflow:visible;min-height:auto;box-shadow:0 4px 20px #00000014}.milky-manage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem;overflow:visible}.milky-refresh-button{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3498db4d}.milky-refresh-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.milky-add-meal-form{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:2rem;border-radius:16px;margin-bottom:2rem;border:1px solid #e1e5e9;overflow:visible;box-shadow:inset 0 2px 8px #0000000d}.milky-form-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;margin-bottom:1rem;overflow:visible}.milky-add-meal-form input,.milky-add-meal-form select,.milky-add-meal-form textarea{padding:.875rem;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#fff;box-shadow:inset 0 2px 4px #0000000d}.milky-add-meal-form input:focus,.milky-add-meal-form select:focus,.milky-add-meal-form textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a,inset 0 2px 4px #0000000d}.milky-add-meal-form textarea{width:100%;min-height:80px;resize:vertical;margin-bottom:1rem}.milky-add-meal-button{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #9b59b64d}.milky-add-meal-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #9b59b666}.milky-meals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;overflow:visible}.milky-meal-management-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e1e5e9;border-radius:16px;padding:1.5rem;transition:all .3s ease;overflow:visible;position:relative;box-shadow:0 4px 15px #0000000d}.milky-meal-management-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#9b59b6,#8e44ad);border-radius:16px 16px 0 0}.milky-meal-management-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.milky-meal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;overflow:visible}.milky-category-badge{padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px #0000001a}.milky-monday{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);color:#e17055}.milky-tuesday{background:linear-gradient(135deg,#a29bfe,#6c5ce7);color:#fff}.milky-wednesday{background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff}.milky-thursday{background:linear-gradient(135deg,#55efc4,#00b894);color:#2d3436}.milky-friday{background:linear-gradient(135deg,#fd79a8,#e84393);color:#fff}.milky-meal-description{color:#6c757d;margin-bottom:1.25rem;line-height:1.5;overflow-wrap:break-word;font-style:italic}.milky-meal-management-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap;gap:1rem;overflow:visible}.milky-points-info{font-size:1.25rem;font-weight:700;color:#27ae60;background:#f8f9fa;padding:.5rem 1rem;border-radius:8px;box-shadow:inset 0 2px 4px #0000000d}.milky-quantity-controls{display:flex;align-items:center;gap:.5rem;overflow:visible}.milky-quantity-controls label{font-size:.875rem;color:#6c757d;font-weight:500}.milky-quantity-controls input{width:80px;padding:.5rem;border:2px solid #e9ecef;border-radius:8px;text-align:center;box-shadow:inset 0 2px 4px #0000000d}.milky-meal-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;overflow:visible}.milky-available-btn,.milky-unavailable-btn{padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.milky-available-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.milky-unavailable-btn{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.milky-availability-status{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;box-shadow:0 2px 6px #0000001a}.milky-available{background:linear-gradient(135deg,#d5f4e6,#bbf7d0);color:#27ae60}.milky-unavailable{background:linear-gradient(135deg,#ffeaea,#fecaca);color:#e74c3c}.milky-warning-message{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border:1px solid #fdcb6e;color:#2d3436;padding:1rem 1.25rem;border-radius:10px;margin-bottom:1.5rem;font-weight:500;overflow:visible;box-shadow:0 2px 8px #0000001a;border-left:4px solid #fdcb6e}.milky-no-meals{text-align:center;padding:3rem;color:#6c757d;grid-column:1 / -1;background:#f8f9fa;border-radius:12px;border:2px dashed #e1e5e9}.milky-dashboard-actions{text-align:center;padding:2rem;margin-top:2rem;overflow:visible}.milky-refresh-data-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:200px;box-shadow:0 4px 15px #667eea4d}.milky-refresh-data-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.milky-auth-checking,.milky-auth-required{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);overflow:auto}.milky-loading-container,.milky-auth-message{text-align:center;background:#fff;padding:3rem;border-radius:20px;border:1px solid #e1e5e9;max-width:500px;width:90%;margin:2rem;box-shadow:0 10px 40px #0000001a}@media (max-width: 1200px){.milky-admin-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.milky-voucher-info-grid{grid-template-columns:1fr}}@media (max-width: 768px){.milky-dashboard-header{padding:1.5rem 1rem}.milky-dashboard-tabs{padding:0 1rem}.milky-tab-button{padding:1rem 1.5rem}.milky-tab-content{padding:1rem}.milky-form-group{flex-direction:column}.milky-voucher-input{min-width:100%}.milky-voucher-actions{flex-direction:column}.milky-confirm-button,.milky-complete-button,.milky-cancel-button{min-width:100%}.milky-form-row,.milky-meals-grid{grid-template-columns:1fr}.milky-voucher-item{grid-template-columns:1fr;text-align:center;gap:.5rem}.milky-meal-management-info{flex-direction:column;align-items:flex-start}.milky-meal-actions{flex-direction:column;align-items:stretch}.milky-admin-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.milky-dashboard-header h1{font-size:2rem}.milky-admin-stats{grid-template-columns:1fr}.milky-stat-number{font-size:1.875rem}.milky-tab-button{padding:.875rem 1rem;font-size:.9rem}.milky-voucher-details,.milky-verify-voucher-section,.milky-recent-vouchers-section,.milky-manage-meals-section{padding:1.5rem}}.milky-admin-dashboard input:disabled,.milky-admin-dashboard select:disabled,.milky-admin-dashboard button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.tochi-waec-admin-container{min-height:100vh;background:#f8f9fa}.tochi-admin-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:1rem 0}.tochi-header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.tochi-header-title{display:flex;align-items:center;gap:1rem}.tochi-header-icon{font-size:2rem;color:#2c3e50}.tochi-header-title h1{margin:0;color:#2c3e50;font-size:1.5rem}.tochi-header-subtitle{margin:0;color:#6c757d;font-size:.9rem}.tochi-header-actions{display:flex;gap:1rem;align-items:center}.tochi-campus-badge{padding:.5rem 1rem;border-radius:20px;color:#fff;font-weight:700;font-size:.8rem}.tochi-campus-switch-btn,.tochi-refresh-btn{padding:.5rem 1rem;border:1px solid #ddd;border-radius:5px;background:#fff;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.tochi-campus-switch-btn:hover,.tochi-refresh-btn:hover{background:#f8f9fa}.tochi-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.tochi-spinning{animation:tochi-spin 1s linear infinite}@keyframes tochi-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tochi-admin-navigation{background:#fff;border-bottom:1px solid #e0e0e0;padding:0 1rem}.tochi-admin-navigation{display:flex;gap:0;max-width:1200px;margin:0 auto}.tochi-nav-item{padding:1rem 1.5rem;border:none;border-bottom:3px solid transparent;background:#fff;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500;transition:all .3s ease}.tochi-nav-item:hover{background:#f8f9fa}.tochi-nav-item.tochi-active{border-bottom-color:currentColor}.tochi-nav-icon{font-size:1rem}.tochi-admin-content{max-width:1200px;margin:0 auto;padding:2rem 1rem}.tochi-view-header{margin-bottom:2rem}.tochi-view-header h2{margin:0 0 .5rem;color:#2c3e50}.tochi-view-header p{margin:0;color:#6c757d}.tochi-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.tochi-stat-card{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;gap:1rem;transition:transform .3s ease}.tochi-stat-card:hover{transform:translateY(-2px)}.tochi-stat-icon{width:60px;height:60px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.tochi-stat-content h3{margin:0 0 .5rem;font-size:1.8rem;color:#2c3e50}.tochi-stat-content p{margin:0 0 .25rem;font-weight:600;color:#2c3e50}.tochi-stat-content small{color:#6c757d}.tochi-dashboard-actions{margin-bottom:2rem}.tochi-primary-button{padding:.75rem 1.5rem;border:none;border-radius:5px;color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.tochi-primary-button:hover{opacity:.9;transform:translateY(-1px)}.tochi-quick-stats{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 10px #0000001a}.tochi-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.tochi-stat-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:5px}.tochi-stat-label{font-weight:600;color:#495057}.tochi-stat-value{font-weight:700;color:#2c3e50}.tochi-filters-section{background:#fff;border-radius:10px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 10px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;align-items:end}.tochi-filter-group{display:flex;flex-direction:column;gap:.5rem}.tochi-filter-group label{font-weight:600;color:#495057;font-size:.9rem}.tochi-filter-group select,.tochi-filter-group input{padding:.5rem;border:1px solid #ddd;border-radius:5px;min-width:150px}.tochi-search-group{flex:1;min-width:300px}.tochi-search-input{position:relative}.tochi-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#6c757d}.tochi-search-input input{width:100%;padding-left:2.5rem}.tochi-export-btn{padding:.5rem 1rem;border:1px solid #28a745;border-radius:5px;background:#fff;color:#28a745;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.tochi-export-btn:hover{background:#28a745;color:#fff}.tochi-registrations-table-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.tochi-table-header{padding:1rem 1.5rem;background:#f8f9fa;border-bottom:1px solid #e0e0e0;font-weight:600;color:#495057}.tochi-table-responsive{overflow-x:auto}.tochi-registrations-table{width:100%;border-collapse:collapse}.tochi-registrations-table th{background:#f8f9fa;padding:1rem;text-align:left;font-weight:600;color:#495057;border-bottom:1px solid #e0e0e0}.tochi-registrations-table td{padding:1rem;border-bottom:1px solid #f0f0f0}.tochi-registrations-table tr:hover{background:#f8f9fa}.tochi-student-info{display:flex;flex-direction:column}.tochi-student-info strong{color:#2c3e50}.tochi-student-info small{color:#6c757d;font-size:.8rem}.tochi-status-badge,.tochi-payment-badge{padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600;display:inline-block}.tochi-payment-badge.tochi-paid{background:#d4edda;color:#155724;border:1px solid #155724}.tochi-payment-badge.tochi-unpaid{background:#f8d7da;color:#721c24;border:1px solid #721c24}.tochi-exam-type-badge{padding:.25rem .5rem;background:#e9ecef;color:#495057;border-radius:5px;font-size:.8rem;font-weight:600}.tochi-subjects-list{display:flex;flex-wrap:wrap;gap:.25rem}.tochi-subject-tag{padding:.125rem .5rem;background:#e3f2fd;color:#1976d2;border-radius:10px;font-size:.7rem}.tochi-more-subjects{font-size:.7rem;color:#6c757d;font-style:italic}.tochi-action-buttons{display:flex;gap:.25rem}.tochi-action-btn{padding:.375rem;border:none;border-radius:3px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.tochi-view-btn{background:#17a2b8;color:#fff}.tochi-print-btn{background:#6c757d;color:#fff}.tochi-approve-btn{background:#28a745;color:#fff}.tochi-pay-btn{background:#ffc107;color:#212529}.tochi-action-btn:hover{opacity:.8;transform:scale(1.05)}.tochi-loading-container,.tochi-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#6c757d}.tochi-empty-state{text-align:center;padding:3rem;color:#6c757d}.tochi-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.tochi-details-view{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.tochi-details-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.tochi-back-button{padding:.5rem 1rem;border:1px solid #6c757d;border-radius:5px;background:#fff;color:#6c757d;cursor:pointer;transition:all .3s ease}.tochi-back-button:hover{background:#6c757d;color:#fff}.tochi-print-button{padding:.5rem 1rem;border:1px solid #007bff;border-radius:5px;background:#007bff;color:#fff;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.tochi-print-button:hover{background:#0056b3}.tochi-details-content{padding:1.5rem}.tochi-details-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #f0f0f0}.tochi-details-section:last-child{border-bottom:none;margin-bottom:0}.tochi-details-section h3{margin:0 0 1rem;color:#2c3e50;font-size:1.2rem}.tochi-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.tochi-info-item{display:flex;flex-direction:column;gap:.25rem}.tochi-info-item label{font-weight:600;color:#495057;font-size:.9rem}.tochi-info-item span{color:#2c3e50}.tochi-subjects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.tochi-subject-card{padding:.75rem;background:#f8f9fa;border-radius:5px;text-align:center;font-weight:500}.tochi-students-stats{margin-bottom:2rem}.tochi-students-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.tochi-students-table th{background:#f8f9fa;padding:1rem;text-align:left;font-weight:600;color:#495057;border-bottom:1px solid #e0e0e0}.tochi-students-table td{padding:1rem;border-bottom:1px solid #f0f0f0}.tochi-gender-badge{padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600}.tochi-gender-badge.male{background:#d1ecf1;color:#0c5460}.tochi-gender-badge.female{background:#f8d7da;color:#721c24}.tochi-settings-sections{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.tochi-settings-section{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 10px #0000001a}.tochi-settings-section h3{margin:0 0 1rem;color:#2c3e50}.tochi-fee-structures{display:flex;flex-direction:column;gap:1rem}.tochi-fee-card{padding:1rem;border:1px solid #e0e0e0;border-radius:5px;display:flex;justify-content:space-between;align-items:center}.tochi-fee-info h4{margin:0 0 .5rem;color:#2c3e50}.tochi-fee-info p{margin:.25rem 0;color:#6c757d}.tochi-system-info{display:flex;flex-direction:column;gap:1rem}.tochi-info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:5px}.tochi-info-item .tochi-label{font-weight:600;color:#495057}.tochi-info-item .tochi-value{color:#2c3e50;font-family:monospace}@media (max-width: 768px){.tochi-header-content{flex-direction:column;gap:1rem;align-items:start}.tochi-header-actions{width:100%;justify-content:space-between}.tochi-admin-navigation{flex-wrap:wrap}.tochi-nav-item{flex:1;min-width:120px;justify-content:center}.tochi-stats-grid{grid-template-columns:1fr}.tochi-filters-section{flex-direction:column;align-items:stretch}.tochi-filter-group,.tochi-search-group{min-width:auto}.tochi-settings-sections,.tochi-info-grid,.tochi-stat-row{grid-template-columns:1fr}.tochi-action-buttons{flex-direction:column}}.tochi-sync-btn{background-color:#17a2b8!important;color:#fff!important;border:none;padding:6px 8px;border-radius:4px;cursor:pointer;margin:0 2px;font-size:12px;transition:all .2s ease}.tochi-sync-btn:hover{background-color:#138496!important;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.tochi-manual-pay-btn{background-color:#28a745!important;color:#fff!important;border:none;padding:6px 8px;border-radius:4px;cursor:pointer;margin:0 2px;font-size:12px;transition:all .2s ease}.tochi-manual-pay-btn:hover{background-color:#218838!important;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.tochi-action-buttons{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.tochi-sync-btn.tochi-spinning{animation:spin 1s linear infinite}.tochi-payment-badge.tochi-paid{background-color:#d4edda;color:#155724;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700}.tochi-payment-badge.tochi-unpaid{background-color:#f8d7da;color:#721c24;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700}.tochi-status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700;text-transform:capitalize}@media (max-width: 768px){.tochi-action-buttons{flex-direction:column;gap:2px}.tochi-action-btn{padding:4px 6px;font-size:10px}}.johnsmith-uniform-store-container *{box-sizing:border-box;margin:0;padding:0}.johnsmith-uniform-store-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;overflow-x:hidden;position:relative}.johnsmith-uniform-store-container h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;color:#2c3e50;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.johnsmith-uniform-store-container h2{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;color:#34495e;margin-bottom:1.25rem;position:relative;padding-bottom:.5rem}.johnsmith-uniform-store-container h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#3498db,#2980b9);border-radius:2px}.johnsmith-uniform-store-container h3{font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:500;color:#2c3e50;margin-bottom:1rem}.johnsmith-uniform-store-container h4{font-size:clamp(1rem,2vw,1.125rem);font-weight:500;color:#34495e;margin-bottom:.75rem}.johnsmith-store-header{background:linear-gradient(135deg,#fff,#f8f9fa);padding:clamp(1rem,3vw,2rem);border-bottom:1px solid #e1e5e9;box-shadow:0 2px 15px #00000014;position:relative}.johnsmith-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.johnsmith-header-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.johnsmith-header-text{min-width:0;flex:1}.johnsmith-header-text h1{margin-bottom:.25rem;letter-spacing:-.5px}.johnsmith-header-text p{color:#6c757d;font-size:clamp(.875rem,2vw,1.1rem)}.johnsmith-header-right{display:flex;align-items:center;gap:clamp(.75rem,2vw,1.5rem);flex-wrap:wrap}.johnsmith-section-buttons{display:flex;gap:clamp(.5rem,2vw,1rem);flex-wrap:wrap}.johnsmith-section-button{padding:clamp(.625rem,2vw,.875rem) clamp(1rem,3vw,1.5rem);border:2px solid;border-radius:12px;font-weight:600;font-size:clamp(.813rem,2vw,1rem);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #0000001a;position:relative}.johnsmith-section-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.johnsmith-section-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.johnsmith-section-button-icon{width:clamp(16px,3vw,18px);height:clamp(16px,3vw,18px);flex-shrink:0}.johnsmith-cart-button{position:relative;padding:clamp(.625rem,2vw,.875rem) clamp(1rem,3vw,1.5rem);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:clamp(.813rem,2vw,1rem);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #0003}.johnsmith-cart-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.johnsmith-cart-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.johnsmith-cart-icon{width:clamp(18px,3vw,20px);height:clamp(18px,3vw,20px);flex-shrink:0}.johnsmith-cart-badge{position:absolute;top:-8px;right:-8px;background:#e74c3c;color:#fff;border-radius:50%;min-width:20px;height:20px;padding:0 4px;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.johnsmith-campus-display{display:flex;align-items:center}.johnsmith-campus-badge{display:flex;align-items:center;gap:.5rem;padding:clamp(.5rem,2vw,.75rem) clamp(.75rem,2vw,1rem);background:#fff;border-radius:10px;border:1px solid #e1e5e9;box-shadow:0 2px 6px #00000014}.johnsmith-campus-indicator{width:12px;height:12px;border-radius:50%;display:block;flex-shrink:0}.johnsmith-campus-name{font-weight:600;color:#2c3e50;font-size:clamp(.813rem,2vw,.9rem);white-space:nowrap}.johnsmith-store-main{padding:clamp(1rem,3vw,2rem);max-width:1400px;margin:0 auto;overflow:visible;position:relative}.johnsmith-search-container{margin-bottom:2rem;position:relative}.johnsmith-search-wrapper{max-width:600px;margin:0 auto}.johnsmith-search-input-container{position:relative;display:flex;align-items:center}.johnsmith-search-icon{position:absolute;left:1rem;width:20px;height:20px;color:#6c757d}.johnsmith-search-input{width:100%;padding:clamp(.875rem,2vw,1rem) clamp(.875rem,2vw,1rem) clamp(.875rem,2vw,1rem) clamp(2.5rem,5vw,3rem);border:2px solid #e9ecef;border-radius:12px;font-size:clamp(.875rem,2vw,1rem);transition:all .3s ease;background:#fff;box-shadow:0 2px 8px #0000000d;position:relative}.johnsmith-search-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.johnsmith-search-input:disabled{opacity:.6;cursor:not-allowed}.johnsmith-clear-search-button{position:absolute;right:1rem;background:none;border:none;padding:.5rem;cursor:pointer;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.johnsmith-clear-search-button:hover{background:#e9ecef}.johnsmith-clear-search-icon{width:16px;height:16px;color:#6c757d}.johnsmith-products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem;position:relative}.johnsmith-section-header{display:flex;align-items:center;gap:1rem}.johnsmith-section-header-icon{width:clamp(24px,4vw,32px);height:clamp(24px,4vw,32px);flex-shrink:0}.johnsmith-products-title{margin:0;color:#2c3e50}.johnsmith-products-count{color:#6c757d;font-weight:500;font-size:clamp(.813rem,2vw,1rem);background:#fff;padding:clamp(.375rem,1.5vw,.5rem) clamp(.75rem,2vw,1rem);border-radius:20px;border:1px solid #e1e5e9;box-shadow:0 2px 6px #0000000d;white-space:nowrap}.johnsmith-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(1rem,2vw,1.5rem);margin-bottom:2rem;position:relative}.johnsmith-product-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #00000014;border:1px solid #e1e5e9;transition:all .3s ease;position:relative}.johnsmith-product-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001f}.johnsmith-product-image-container{position:relative;height:clamp(150px,30vw,200px);overflow:hidden;background:#f8f9fa}.johnsmith-product-image{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.johnsmith-product-image.loading{opacity:0}.johnsmith-product-image.loaded{opacity:1}.johnsmith-image-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.johnsmith-image-loading-spinner{width:32px;height:32px;color:#3498db;animation:spin 1s linear infinite}.johnsmith-product-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6c757d;gap:.5rem}.johnsmith-product-placeholder-icon{width:48px;height:48px;color:#adb5bd}.johnsmith-out-of-stock-overlay{position:absolute;top:0;left:0;right:0;background:#e74c3ce6;color:#fff;padding:.5rem;text-align:center;font-weight:600;font-size:clamp(.75rem,2vw,.875rem)}.johnsmith-product-section-badge{position:absolute;top:1rem;left:1rem;display:flex;align-items:center;gap:.5rem;background:#ffffffe6;padding:.5rem .75rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 6px #0000001a}.johnsmith-product-section-icon{width:16px;height:16px;flex-shrink:0}.johnsmith-section-name{font-size:clamp(.688rem,1.5vw,.75rem);font-weight:600;color:#2c3e50;text-transform:uppercase;letter-spacing:.5px}.johnsmith-product-content{padding:clamp(1rem,2.5vw,1.5rem)}.johnsmith-product-name{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:600;color:#2c3e50;margin-bottom:.5rem;line-height:1.3}.johnsmith-product-details{color:#6c757d;font-size:clamp(.813rem,2vw,.875rem);margin-bottom:.75rem}.johnsmith-product-description{color:#495057;font-size:clamp(.813rem,2vw,.9rem);line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.johnsmith-product-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.5rem;flex-wrap:wrap}.johnsmith-product-price{font-size:clamp(1.125rem,3vw,1.375rem);font-weight:700;color:#27ae60}.johnsmith-product-stock{font-size:clamp(.75rem,2vw,.875rem);font-weight:600;padding:.25rem .75rem;border-radius:20px;white-space:nowrap}.johnsmith-product-stock.stock-high{background:#d5f4e6;color:#27ae60}.johnsmith-product-stock.stock-low{background:#fef3c7;color:#d97706}.johnsmith-product-stock.stock-out{background:#fee2e2;color:#dc2626}.johnsmith-add-to-cart-button{width:100%;padding:clamp(.875rem,2vw,1rem);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:clamp(.875rem,2vw,1rem);cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0003;position:relative}.johnsmith-add-to-cart-button:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.johnsmith-add-to-cart-button.disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.johnsmith-empty-state{text-align:center;padding:clamp(2rem,5vw,3rem);background:#fff;border-radius:16px;border:2px dashed #e1e5e9;grid-column:1 / -1;position:relative}.johnsmith-empty-icon{width:clamp(48px,10vw,64px);height:clamp(48px,10vw,64px);color:#adb5bd;margin-bottom:1rem}.johnsmith-empty-text{font-size:clamp(1rem,2.5vw,1.1rem);color:#6c757d;margin-bottom:1rem}.johnsmith-clear-search-action{background:#3498db;color:#fff;border:none;padding:clamp(.625rem,2vw,.75rem) clamp(1rem,3vw,1.5rem);border-radius:8px;font-weight:500;font-size:clamp(.875rem,2vw,1rem);cursor:pointer;transition:all .3s ease;position:relative}.johnsmith-clear-search-action:hover{background:#2980b9;transform:translateY(-1px)}.johnsmith-cart-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#000000b3!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:999999!important;padding:clamp(1rem,3vw,2rem)!important;overflow-y:auto!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;width:100vw!important;height:100vh!important}.johnsmith-cart-modal{background:#fff!important;border-radius:16px!important;width:100%!important;max-width:min(600px,calc(100vw - 2rem))!important;max-height:min(90vh,800px)!important;overflow:hidden!important;box-shadow:0 25px 80px #00000080!important;border:1px solid #e1e5e9!important;animation:modalSlideIn .3s ease-out!important;position:relative!important;z-index:1000000!important}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.johnsmith-cart-modal-header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:clamp(1rem,2.5vw,1.5rem) clamp(1.25rem,3vw,2rem)!important;border-bottom:1px solid #e1e5e9!important;background:linear-gradient(135deg,#f8f9fa,#e1e5e9)!important;position:sticky!important;top:0!important;z-index:1000001!important}.johnsmith-cart-modal-title{font-size:clamp(1.125rem,3vw,1.5rem)!important;font-weight:600!important;color:#2c3e50!important;margin:0!important}.johnsmith-cart-close-button{background:none!important;border:none!important;padding:.5rem!important;cursor:pointer!important;border-radius:8px!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1000002!important;flex-shrink:0!important}.johnsmith-cart-close-button:hover{background:#e9ecef!important;transform:rotate(90deg)!important}.johnsmith-close-icon{width:clamp(18px,3vw,20px)!important;height:clamp(18px,3vw,20px)!important;color:#6c757d!important}.johnsmith-cart-modal-content{padding:0!important;max-height:calc(90vh - clamp(60px,10vw,80px))!important;overflow-y:auto!important;position:relative!important;z-index:1000000!important}.johnsmith-cart-empty{text-align:center;padding:clamp(2rem,5vw,3rem) clamp(1rem,3vw,2rem);color:#6c757d}.johnsmith-cart-empty-icon{width:clamp(48px,10vw,64px);height:clamp(48px,10vw,64px);color:#adb5bd;margin-bottom:1rem}.johnsmith-cart-empty-text{font-size:clamp(1.063rem,2.5vw,1.25rem);font-weight:600;margin-bottom:.5rem}.johnsmith-cart-empty-subtext{font-size:clamp(.875rem,2vw,1rem);color:#868e96}.johnsmith-cart-with-items{padding:clamp(1rem,3vw,2rem);z-index:1000000}.johnsmith-cart-title{font-size:clamp(1.125rem,3vw,1.5rem);font-weight:600;color:#2c3e50;margin-bottom:1.5rem;text-align:center}.johnsmith-cart-items{display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1rem);margin-bottom:clamp(1.5rem,3vw,2rem);z-index:1000000}.johnsmith-cart-item{display:flex;justify-content:space-between;align-items:center;padding:clamp(.75rem,2vw,1rem);background:#f8f9fa;border-radius:12px;border:1px solid #e1e5e9;gap:clamp(.5rem,2vw,1rem)}.johnsmith-cart-item-left{display:flex;align-items:center;gap:clamp(.75rem,2vw,1rem);flex:1;min-width:0}.johnsmith-cart-item-image{width:clamp(50px,10vw,60px);height:clamp(50px,10vw,60px);object-fit:cover;border-radius:8px;border:1px solid #e1e5e9;flex-shrink:0}.johnsmith-cart-item-placeholder{width:clamp(50px,10vw,60px);height:clamp(50px,10vw,60px);background:#e9ecef;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #e1e5e9;flex-shrink:0}.johnsmith-cart-item-placeholder-icon{width:24px;height:24px;color:#adb5bd}.johnsmith-cart-item-info{flex:1;min-width:0}.johnsmith-cart-item-info h4{font-size:clamp(.875rem,2vw,1rem);margin-bottom:.25rem;color:#2c3e50;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.johnsmith-cart-item-info p{font-size:clamp(.75rem,2vw,.875rem);color:#6c757d;margin-bottom:.25rem}.johnsmith-cart-item-category{display:flex;align-items:center;gap:.5rem;font-size:clamp(.688rem,1.5vw,.8rem);color:#868e96}.johnsmith-cart-section-icon{width:14px;height:14px;flex-shrink:0}.johnsmith-cart-section-name{text-transform:capitalize}.johnsmith-cart-item-controls{display:flex;align-items:center;gap:clamp(.5rem,2vw,1rem);flex-shrink:0}.johnsmith-quantity-controls{display:flex;align-items:center;gap:.5rem;background:#fff;border-radius:8px;border:1px solid #e1e5e9;padding:.25rem}.johnsmith-quantity-button{background:none;border:none;padding:.5rem;cursor:pointer;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.johnsmith-quantity-button:hover:not(:disabled){background:#e9ecef}.johnsmith-quantity-button:disabled{opacity:.4;cursor:not-allowed}.johnsmith-quantity-icon{width:16px;height:16px}.johnsmith-quantity-display{font-weight:600;color:#2c3e50;min-width:clamp(25px,5vw,30px);text-align:center;font-size:clamp(.875rem,2vw,1rem)}.johnsmith-cart-item-total{font-weight:600;color:#27ae60;min-width:clamp(60px,12vw,80px);text-align:right;font-size:clamp(.875rem,2vw,1rem)}.johnsmith-remove-button{background:#e74c3c;color:#fff;border:none;padding:.5rem;cursor:pointer;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.johnsmith-remove-button:hover{background:#c0392b;transform:scale(1.1)}.johnsmith-remove-icon{width:16px;height:16px}.johnsmith-cart-summary{background:#f8f9fa;border-radius:12px;padding:clamp(1rem,2.5vw,1.5rem);border:1px solid #e1e5e9;z-index:1000000}.johnsmith-summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:1rem}.johnsmith-summary-label{color:#6c757d;font-weight:500;font-size:clamp(.875rem,2vw,1rem)}.johnsmith-summary-value{font-weight:600;color:#2c3e50;font-size:clamp(.875rem,2vw,1rem)}.johnsmith-summary-total{display:flex;justify-content:space-between;align-items:center;padding-top:clamp(.75rem,2vw,1rem);border-top:2px solid #e1e5e9;margin-top:clamp(.75rem,2vw,1rem);gap:1rem}.johnsmith-total-label{font-size:clamp(1rem,2.5vw,1.125rem);font-weight:600;color:#2c3e50}.johnsmith-total-amount{font-size:clamp(1.125rem,3vw,1.375rem);font-weight:700;color:#27ae60}.johnsmith-checkout-button{width:100%;padding:clamp(.875rem,2vw,1rem) clamp(1rem,3vw,1.5rem);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:clamp(.875rem,2vw,1rem);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:clamp(1rem,2.5vw,1.5rem);box-shadow:0 2px 8px #0003;position:relative}.johnsmith-checkout-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.johnsmith-checkout-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.johnsmith-processing-spinner{width:18px;height:18px;animation:spin 1s linear infinite}.johnsmith-checkout-icon{width:18px;height:18px;flex-shrink:0}.john-loading-container,.johnsmith-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(2rem,5vw,3rem);text-align:center;color:#6c757d;position:relative}.johnsmith-loading-spinner{width:clamp(40px,8vw,48px);height:clamp(40px,8vw,48px);border:4px solid #f3f4f6;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.johnsmith-loading-text{font-size:clamp(1rem,2.5vw,1.1rem);color:#6c757d}.johnsmith-error-container,.john-error-container{text-align:center;padding:clamp(2rem,5vw,3rem);background:#fff;border-radius:16px;border:1px solid #e1e5e9;box-shadow:0 4px 15px #0000000d;position:relative}.johnsmith-error-icon{width:clamp(48px,10vw,64px);height:clamp(48px,10vw,64px);color:#e74c3c;margin-bottom:1rem}.johnsmith-error-text{font-size:clamp(1rem,2.5vw,1.1rem);color:#2d3436;margin-bottom:1.5rem;line-height:1.5}.johnsmith-retry-button{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:clamp(.75rem,2vw,.875rem) clamp(1rem,3vw,1.5rem);border-radius:10px;font-weight:600;font-size:clamp(.875rem,2vw,1rem);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;margin:0 auto;box-shadow:0 2px 8px #3498db4d;position:relative}.johnsmith-retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #3498db66}.johnsmith-retry-icon{width:18px;height:18px}.john-auth-required{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:clamp(1rem,3vw,2rem);position:relative}.john-auth-message{text-align:center;background:#fff;padding:clamp(2rem,5vw,3rem);border-radius:20px;box-shadow:0 10px 40px #0000001a;border:1px solid #e1e5e9;max-width:500px;width:100%;position:relative}.john-auth-icon{width:clamp(48px,10vw,64px);height:clamp(48px,10vw,64px);color:#e74c3c;margin:0 auto 1.5rem}.john-auth-message h2{color:#2c3e50;margin-bottom:1rem}.john-auth-message p{color:#6c757d;margin-bottom:.5rem;font-size:clamp(.875rem,2vw,1rem)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.johnsmith-products-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}}@media (max-width: 768px){.johnsmith-uniform-store-container{padding:0}.johnsmith-store-header{padding:1.5rem 1rem}.johnsmith-header-content{flex-direction:column;align-items:stretch;gap:1rem}.johnsmith-header-right{justify-content:space-between}.johnsmith-section-buttons{justify-content:center}.johnsmith-store-main{padding:1rem}.johnsmith-products-header{flex-direction:column;align-items:flex-start}.johnsmith-products-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}.johnsmith-cart-modal-overlay{padding:1rem}.johnsmith-cart-modal{max-height:95vh}.johnsmith-cart-modal-header{padding:1.25rem 1.5rem}.johnsmith-cart-with-items{padding:1.5rem}.johnsmith-cart-item{flex-direction:column;align-items:stretch;gap:1rem}.johnsmith-cart-item-controls{justify-content:space-between}}@media (max-width: 480px){.johnsmith-products-grid{grid-template-columns:1fr}.johnsmith-cart-item-left{flex-direction:column;align-items:flex-start;text-align:left}.johnsmith-cart-item-image,.johnsmith-cart-item-placeholder{width:clamp(70px,15vw,80px);height:clamp(70px,15vw,80px)}.johnsmith-cart-item-controls{flex-direction:column;gap:.75rem;width:100%}.johnsmith-quantity-controls{align-self:flex-start}.johnsmith-cart-item-total{align-self:flex-end}}@media print{.johnsmith-cart-button,.johnsmith-section-buttons,.johnsmith-search-container{display:none}.johnsmith-uniform-store-container{background:#fff}.johnsmith-product-card,.johnsmith-cart-modal{box-shadow:none;border:1px solid #ddd}}@media (prefers-contrast: high){.johnsmith-uniform-store-container{color:#000;background:#fff}.johnsmith-product-card,.johnsmith-cart-modal{border:2px solid #000}}@media (prefers-reduced-motion: reduce){.johnsmith-uniform-store-container *{transition:none!important;animation:none!important}.johnsmith-product-card:hover,.johnsmith-section-button:hover,.johnsmith-cart-button:hover{transform:none!important}.johnsmith-cart-modal{animation:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #1a365d;--primary-dark: #2d3748;--primary-light: #4a5568;--secondary: #2b6cb0;--accent: #2d9cdb;--success: #38a169;--warning: #d69e2e;--error: #e53e3e;--background: #ffffff;--surface: #f7fafc;--border: #e2e8f0;--text-primary: #2d3748;--text-secondary: #4a5568;--text-muted: #718096;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--text-primary);line-height:1.6;background:var(--surface)}.touchlight-uniform-store-container{min-height:100vh;width:100%;background:var(--surface)}.touchlight-text-xs{font-size:.75rem;line-height:1rem}.touchlight-text-sm{font-size:.875rem;line-height:1.25rem}.touchlight-text-base{font-size:1rem;line-height:1.5rem}.touchlight-text-lg{font-size:1.125rem;line-height:1.75rem}.touchlight-text-xl{font-size:1.25rem;line-height:1.75rem}.touchlight-text-2xl{font-size:1.5rem;line-height:2rem}.touchlight-text-3xl{font-size:1.875rem;line-height:2.25rem}.touchlight-dashboard-header{background:var(--background);border-bottom:1px solid var(--border);padding:var(--spacing-lg) var(--spacing-md);width:100%}.touchlight-dashboard-header h1{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:var(--primary);margin:0 0 var(--spacing-lg) 0;text-align:center;line-height:1.2}.touchlight-campus-display{text-align:center;margin-bottom:var(--spacing-lg)}.touchlight-campus-display-title{font-size:.875rem;color:var(--text-muted);margin:0 0 var(--spacing-sm) 0;font-weight:500}.touchlight-campus-display-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;font-size:.875rem;min-width:120px}.touchlight-student-profile-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-md);box-shadow:var(--shadow-sm);width:calc(100% - 2rem);max-width:var(--container-lg);margin-left:auto;margin-right:auto}.touchlight-profile-info h3{font-size:clamp(1.125rem,3vw,1.25rem);font-weight:600;color:var(--primary);margin:0 0 var(--spacing-md) 0}.touchlight-profile-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md);font-size:.875rem}.touchlight-profile-details span{display:flex;flex-direction:column;gap:var(--spacing-xs)}.touchlight-profile-details strong{color:var(--text-secondary);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.touchlight-points-value{font-size:clamp(1.125rem,3vw,1.5rem);font-weight:700;color:var(--success)}.touchlight-dashboard-tabs{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-xl) auto;padding:0 var(--spacing-md);flex-wrap:wrap;max-width:var(--container-xl)}.touchlight-tab-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:var(--transition);white-space:nowrap;min-height:44px}.touchlight-tab-button:hover{background:var(--surface);border-color:var(--primary-light);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.touchlight-tab-button:active{transform:translateY(0)}.touchlight-tab-button.touchlight-active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.touchlight-tab-content{width:100%;max-width:var(--container-2xl);margin:0 auto;padding:0 var(--spacing-md) var(--spacing-xl)}.touchlight-order-section{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);align-items:start}.touchlight-meals-section{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.touchlight-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.touchlight-section-header h2{font-size:clamp(1.125rem,3vw,1.25rem);font-weight:600;color:var(--primary);margin:0}.touchlight-category-filters{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.touchlight-category-filter{padding:var(--spacing-sm) var(--spacing-md);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:var(--transition);white-space:nowrap;min-height:36px;display:inline-flex;align-items:center;justify-content:center}.touchlight-category-filter:hover{background:var(--surface);border-color:var(--primary-light);transform:translateY(-1px)}.touchlight-category-filter:active{transform:translateY(0)}.touchlight-category-filter.touchlight-active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.touchlight-meals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.touchlight-meal-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition);display:flex;flex-direction:column;box-shadow:var(--shadow-xs)}.touchlight-meal-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light);transform:translateY(-2px)}.touchlight-meal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.touchlight-meal-header h3{font-size:clamp(1rem,2.5vw,1.125rem);font-weight:600;color:var(--primary);margin:0;flex:1;line-height:1.4}.touchlight-meal-category{background:var(--surface);color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;white-space:nowrap;border:1px solid var(--border)}.touchlight-meal-description{color:var(--text-muted);margin-bottom:var(--spacing-lg);line-height:1.5;flex:1;font-size:.875rem}.touchlight-meal-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--spacing-md);margin-top:auto}.touchlight-meal-points{display:flex;flex-direction:column;gap:var(--spacing-xs)}.touchlight-meal-points .touchlight-points{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:700;color:var(--success)}.touchlight-meal-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm)}.touchlight-availability{font-size:.75rem;color:var(--text-muted);font-weight:500}.touchlight-add-to-cart-btn{padding:var(--spacing-md) var(--spacing-lg);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition);min-width:120px;min-height:44px;box-shadow:var(--shadow-sm)}.touchlight-add-to-cart-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.touchlight-add-to-cart-btn:active:not(:disabled){transform:translateY(0)}.touchlight-add-to-cart-btn:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.6}.touchlight-cart-section{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.touchlight-cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}.touchlight-cart-header h2{font-size:clamp(1.125rem,3vw,1.25rem);font-weight:600;color:var(--primary);margin:0}.touchlight-cart-count{background:var(--primary);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;min-width:28px;text-align:center}.touchlight-cart-items{max-height:500px;overflow-y:auto;margin-bottom:var(--spacing-lg);padding-right:var(--spacing-xs)}.touchlight-cart-item{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--surface);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border:1px solid var(--border);transition:var(--transition)}.touchlight-cart-item:hover{box-shadow:var(--shadow-sm);border-color:var(--primary-light)}.touchlight-item-details h4{font-size:.875rem;font-weight:600;color:var(--primary);margin:0 0 var(--spacing-xs) 0}.touchlight-item-meta{font-size:.75rem;color:var(--text-muted);margin:0}.touchlight-item-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.touchlight-quantity-control{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--background);border-radius:var(--radius-md);padding:var(--spacing-xs);border:1px solid var(--border)}.touchlight-qty-btn{width:32px;height:32px;border:none;background:none;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.125rem;font-weight:600;color:var(--text-secondary);transition:var(--transition);min-height:32px;min-width:32px}.touchlight-qty-btn:hover:not(:disabled){background:var(--surface);color:var(--primary)}.touchlight-qty-btn:disabled{opacity:.4;cursor:not-allowed}.touchlight-qty-display{font-weight:600;min-width:32px;text-align:center;color:var(--primary);font-size:.875rem}.touchlight-remove-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--error);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--transition);min-height:36px;white-space:nowrap}.touchlight-remove-btn:hover:not(:disabled){background:#c53030;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.touchlight-remove-btn:active:not(:disabled){transform:translateY(0)}.touchlight-cart-summary{border-top:2px solid var(--border);padding-top:var(--spacing-lg)}.touchlight-points-summary{margin-bottom:var(--spacing-lg)}.touchlight-summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;font-size:.875rem;color:var(--text-secondary)}.touchlight-summary-row strong{font-weight:600}.touchlight-summary-row.touchlight-remaining{border-top:1px solid var(--border);padding-top:var(--spacing-md);margin-top:var(--spacing-sm);font-weight:600;color:var(--primary);font-size:1rem}.touchlight-points-ok{color:var(--success);font-weight:700}.touchlight-points-low{color:var(--error);font-weight:700}.touchlight-generate-voucher-btn{width:100%;padding:var(--spacing-md) var(--spacing-xl);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:48px;box-shadow:var(--shadow-md)}.touchlight-generate-voucher-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.touchlight-generate-voucher-btn:active:not(:disabled){transform:translateY(0)}.touchlight-generate-voucher-btn:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.6;box-shadow:none}.touchlight-vouchers-section,.touchlight-transactions-section{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);max-width:var(--container-xl);margin:0 auto;box-shadow:var(--shadow-sm)}.touchlight-vouchers-section h2,.touchlight-transactions-section h2{font-size:clamp(1.125rem,3vw,1.25rem);font-weight:600;color:var(--primary);margin:0 0 var(--spacing-lg) 0}.touchlight-vouchers-list{display:grid;gap:var(--spacing-lg)}.touchlight-voucher-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-xs);transition:var(--transition)}.touchlight-voucher-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light)}.touchlight-voucher-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-md)}.touchlight-voucher-id{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--primary);flex-wrap:wrap}.touchlight-voucher-id code{background:var(--surface);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-family:SF Mono,Monaco,Cascadia Code,Courier New,monospace;font-weight:600;color:var(--text-secondary);border:1px solid var(--border);font-size:.8125rem;word-break:break-all}.touchlight-status-badge{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:capitalize;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.touchlight-status-generated{background:#fef5e7;color:#744210;border:1px solid #fed7aa}.touchlight-status-submitted{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.touchlight-status-confirmed{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.touchlight-status-completed{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.touchlight-status-cancelled{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.touchlight-voucher-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md);font-size:.875rem;color:var(--text-secondary)}.touchlight-voucher-details div{display:flex;flex-direction:column;gap:var(--spacing-xs)}.touchlight-voucher-details strong{color:var(--text-muted);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.touchlight-voucher-actions{border-top:1px solid var(--border);padding-top:var(--spacing-lg);margin-top:var(--spacing-md)}.touchlight-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.touchlight-btn-primary,.touchlight-btn-secondary{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:44px;white-space:nowrap}.touchlight-btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.touchlight-btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.touchlight-btn-primary:active:not(:disabled){transform:translateY(0)}.touchlight-btn-secondary{background:var(--text-muted);color:#fff;box-shadow:var(--shadow-xs)}.touchlight-btn-secondary:hover:not(:disabled){background:var(--text-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.touchlight-btn-secondary:active:not(:disabled){transform:translateY(0)}.touchlight-btn-primary:disabled,.touchlight-btn-secondary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.touchlight-transactions-table{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:var(--spacing-md);box-shadow:var(--shadow-xs)}.touchlight-transactions-table table{width:100%;border-collapse:collapse;background:var(--background);min-width:600px}.touchlight-transactions-table th,.touchlight-transactions-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border);font-size:.875rem;color:var(--text-secondary)}.touchlight-transactions-table th{background:var(--surface);font-weight:600;color:var(--primary);border-bottom:2px solid var(--border);white-space:nowrap}.touchlight-transactions-table tr:last-child td{border-bottom:none}.touchlight-transactions-table tr:hover{background:var(--surface)}.touchlight-transaction-type{background:var(--primary);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:capitalize;display:inline-block;white-space:nowrap}.touchlight-empty-cart,.touchlight-empty-state{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--text-muted)}.touchlight-empty-icon{font-size:clamp(2.5rem,6vw,3rem);margin-bottom:var(--spacing-md);opacity:.5}.touchlight-empty-cart p,.touchlight-empty-state p{font-size:.875rem;margin:0}.touchlight-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.touchlight-loading{opacity:.6;pointer-events:none}.touchlight-tab-button:focus-visible,.touchlight-category-filter:focus-visible,.touchlight-add-to-cart-btn:focus-visible,.touchlight-qty-btn:focus-visible,.touchlight-remove-btn:focus-visible,.touchlight-generate-voucher-btn:focus-visible,.touchlight-btn-primary:focus-visible,.touchlight-btn-secondary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.touchlight-cart-items::-webkit-scrollbar{width:8px;height:8px}.touchlight-cart-items::-webkit-scrollbar-track{background:var(--surface);border-radius:var(--radius-sm)}.touchlight-cart-items::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm)}.touchlight-cart-items::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.touchlight-transactions-table::-webkit-scrollbar{width:8px;height:8px}.touchlight-transactions-table::-webkit-scrollbar-track{background:var(--surface)}.touchlight-transactions-table::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm)}.touchlight-transactions-table::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (min-width: 1280px){.touchlight-order-section{grid-template-columns:1fr 420px}.touchlight-cart-section{position:sticky;top:var(--spacing-xl)}.touchlight-meals-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (min-width: 1024px) and (max-width: 1279px){.touchlight-order-section{grid-template-columns:1fr 380px}.touchlight-meals-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (min-width: 768px) and (max-width: 1023px){.touchlight-order-section{grid-template-columns:1fr}.touchlight-cart-section{position:static;order:-1}.touchlight-meals-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.touchlight-dashboard-tabs{gap:var(--spacing-sm)}.touchlight-tab-button{flex:1;min-width:0}.touchlight-voucher-details{grid-template-columns:repeat(2,1fr)}}@media (min-width: 640px) and (max-width: 767px){.touchlight-dashboard-header{padding:var(--spacing-md)}.touchlight-dashboard-header h1{font-size:1.75rem}.touchlight-order-section{grid-template-columns:1fr}.touchlight-cart-section{position:static;order:-1}.touchlight-meals-grid{grid-template-columns:1fr}.touchlight-dashboard-tabs{display:grid;grid-template-columns:repeat(2,1fr)}.touchlight-tab-button{width:100%}.touchlight-profile-details{grid-template-columns:repeat(2,1fr)}.touchlight-voucher-details{grid-template-columns:1fr}.touchlight-actions{display:grid;grid-template-columns:1fr}.touchlight-btn-primary,.touchlight-btn-secondary{width:100%}}@media (min-width: 480px) and (max-width: 639px){.touchlight-dashboard-header{padding:var(--spacing-md) var(--spacing-sm)}.touchlight-dashboard-header h1{font-size:1.5rem;margin-bottom:var(--spacing-md)}.touchlight-student-profile-card{padding:var(--spacing-md);margin:var(--spacing-sm)}.touchlight-profile-details{grid-template-columns:1fr;gap:var(--spacing-md)}.touchlight-dashboard-tabs{display:flex;flex-direction:column;gap:var(--spacing-sm)}.touchlight-tab-button{width:100%;justify-content:center}.touchlight-tab-content{padding:0 var(--spacing-sm) var(--spacing-lg)}.touchlight-order-section{grid-template-columns:1fr;gap:var(--spacing-md)}.touchlight-cart-section{position:static;order:-1}.touchlight-meals-section,.touchlight-cart-section,.touchlight-vouchers-section,.touchlight-transactions-section{padding:var(--spacing-md)}.touchlight-section-header{flex-direction:column;align-items:flex-start}.touchlight-category-filters{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--spacing-xs)}.touchlight-meals-grid{grid-template-columns:1fr}.touchlight-meal-card{padding:var(--spacing-md)}.touchlight-meal-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.touchlight-meal-category{align-self:flex-start}.touchlight-meal-footer{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.touchlight-meal-actions{align-items:stretch}.touchlight-add-to-cart-btn{width:100%}.touchlight-cart-item{padding:var(--spacing-md)}.touchlight-item-controls{flex-direction:row;justify-content:space-between}.touchlight-voucher-header{flex-direction:column;align-items:flex-start}.touchlight-voucher-details{grid-template-columns:1fr}.touchlight-actions{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm)}.touchlight-btn-primary,.touchlight-btn-secondary{width:100%}.touchlight-transactions-table{font-size:.8125rem}.touchlight-transactions-table th,.touchlight-transactions-table td{padding:var(--spacing-sm)}}@media (max-width: 479px){:root{font-size:14px}.touchlight-dashboard-header{padding:var(--spacing-sm)}.touchlight-dashboard-header h1{font-size:1.375rem;margin-bottom:var(--spacing-sm)}.touchlight-campus-display{margin-bottom:var(--spacing-md)}.touchlight-campus-display-badge{font-size:.8125rem;padding:var(--spacing-xs) var(--spacing-sm)}.touchlight-student-profile-card{padding:var(--spacing-sm);margin:var(--spacing-xs)}.touchlight-profile-info h3{font-size:1rem;margin-bottom:var(--spacing-sm)}.touchlight-profile-details{grid-template-columns:1fr;gap:var(--spacing-sm)}.touchlight-dashboard-tabs{display:flex;flex-direction:column;gap:var(--spacing-xs);margin:var(--spacing-md) auto}.touchlight-tab-button{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:.8125rem}.touchlight-tab-content{padding:0 var(--spacing-xs) var(--spacing-md)}.touchlight-order-section{grid-template-columns:1fr;gap:var(--spacing-sm)}.touchlight-cart-section{position:static;order:-1}.touchlight-meals-section,.touchlight-cart-section,.touchlight-vouchers-section,.touchlight-transactions-section{padding:var(--spacing-sm);border-radius:var(--radius-md)}.touchlight-section-header{flex-direction:column;align-items:flex-start;margin-bottom:var(--spacing-md);gap:var(--spacing-sm)}.touchlight-section-header h2{font-size:1rem}.touchlight-category-filters{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--spacing-xs);-webkit-overflow-scrolling:touch}.touchlight-category-filter{font-size:.8125rem;padding:var(--spacing-xs) var(--spacing-sm)}.touchlight-meals-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.touchlight-meal-card{padding:var(--spacing-sm)}.touchlight-meal-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.touchlight-meal-header h3{font-size:.9375rem}.touchlight-meal-category{padding:.125rem var(--spacing-sm);font-size:.6875rem}.touchlight-meal-description{font-size:.8125rem;margin-bottom:var(--spacing-md)}.touchlight-meal-footer{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.touchlight-meal-points .touchlight-points{font-size:1rem}.touchlight-meal-actions{align-items:stretch;gap:var(--spacing-xs)}.touchlight-availability{font-size:.6875rem}.touchlight-add-to-cart-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:.8125rem;min-height:40px}.touchlight-cart-header h2{font-size:1rem}.touchlight-cart-items{max-height:350px;margin-bottom:var(--spacing-md)}.touchlight-cart-item{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.touchlight-item-details h4{font-size:.8125rem}.touchlight-item-meta{font-size:.6875rem}.touchlight-item-controls{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.touchlight-quantity-control{justify-content:center}.touchlight-remove-btn{width:100%;padding:var(--spacing-sm);font-size:.6875rem;min-height:32px}.touchlight-cart-summary{padding-top:var(--spacing-md)}.touchlight-summary-row{font-size:.8125rem;padding:var(--spacing-xs) 0}.touchlight-summary-row.touchlight-remaining{font-size:.875rem;padding-top:var(--spacing-sm)}.touchlight-generate-voucher-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:.8125rem;min-height:44px}.touchlight-vouchers-section h2,.touchlight-transactions-section h2{font-size:1rem;margin-bottom:var(--spacing-md)}.touchlight-voucher-card{padding:var(--spacing-sm)}.touchlight-voucher-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.touchlight-voucher-id{font-size:.8125rem;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.touchlight-voucher-id code{font-size:.75rem;padding:.125rem var(--spacing-xs);max-width:100%;overflow-wrap:break-word}.touchlight-status-badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:.6875rem}.touchlight-voucher-details{grid-template-columns:1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:.8125rem}.touchlight-voucher-details strong{font-size:.6875rem}.touchlight-voucher-actions{padding-top:var(--spacing-md)}.touchlight-actions{display:grid;grid-template-columns:1fr;gap:var(--spacing-xs)}.touchlight-btn-primary,.touchlight-btn-secondary{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:.8125rem;min-height:40px}.touchlight-transactions-table{font-size:.75rem}.touchlight-transactions-table th,.touchlight-transactions-table td{padding:var(--spacing-xs) var(--spacing-sm)}.touchlight-transaction-type{padding:.125rem var(--spacing-xs);font-size:.6875rem}.touchlight-empty-cart,.touchlight-empty-state{padding:var(--spacing-xl) var(--spacing-md)}.touchlight-empty-icon{font-size:2rem}.touchlight-empty-cart p,.touchlight-empty-state p{font-size:.8125rem}}@media (max-width: 359px){:root{font-size:13px}.touchlight-dashboard-header h1{font-size:1.25rem}.touchlight-student-profile-card{width:calc(100% - 1rem)}.touchlight-meals-grid{gap:var(--spacing-sm)}.touchlight-cart-items{max-height:300px}.touchlight-qty-btn{width:28px;height:28px;min-width:28px;min-height:28px}.touchlight-qty-display{min-width:28px}}@media (max-height: 500px) and (orientation: landscape){.touchlight-cart-items{max-height:200px}.touchlight-dashboard-header{padding:var(--spacing-sm) var(--spacing-md)}.touchlight-dashboard-header h1{margin-bottom:var(--spacing-sm)}.touchlight-dashboard-tabs{margin:var(--spacing-md) auto}}@media print{.touchlight-dashboard-tabs,.touchlight-add-to-cart-btn,.touchlight-generate-voucher-btn,.touchlight-btn-primary,.touchlight-btn-secondary,.touchlight-remove-btn,.touchlight-quantity-control{display:none}.touchlight-order-section{grid-template-columns:1fr}.touchlight-cart-section{page-break-before:always}*{box-shadow:none!important}}@media (prefers-contrast: high){:root{--border: #000000;--text-muted: #4a5568}.touchlight-meal-card,.touchlight-cart-item,.touchlight-voucher-card{border-width:2px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.touchlight-meal-card:hover,.touchlight-tab-button:hover,.touchlight-add-to-cart-btn:hover{transform:none}}.kingsley-waec-registration-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f8f9fa;min-height:100vh}.kingsley-waec-registration-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 15px #0000001a}.kingsley-header-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.kingsley-header-title-section{flex:1}.kingsley-header-content h1{margin:0 0 .5rem;font-size:2rem;font-weight:700}.kingsley-header-subtitle{margin:0;opacity:.9;font-size:1.1rem}.kingsley-header-actions{display:flex;align-items:center;gap:1rem}.kingsley-campus-badge{background:#fff3;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kingsley-campus-switch-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kingsley-campus-switch-btn:hover{background:#ffffff4d}.kingsley-header-icon{font-size:2.5rem;opacity:.9}.kingsley-student-info-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 10px #00000014}.kingsley-student-info-card h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;color:#495057;border-bottom:2px solid #007bff;padding-bottom:.5rem}.kingsley-card-icon{color:#007bff}.kingsley-student-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.kingsley-detail-item{padding:.75rem;background:#f8f9fa;border-radius:6px;border-left:4px solid #007bff}.kingsley-form-navigation{display:flex;overflow-x:auto;gap:.5rem;margin-bottom:2rem;padding:.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014}.kingsley-nav-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:2px solid;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-size:.9rem;font-weight:600}.kingsley-nav-tab:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.kingsley-nav-tab.kingsley-active{color:#fff}.kingsley-nav-tab-icon{font-size:1rem}.kingsley-waec-registration-form{background:#fff;border-radius:12px;box-shadow:0 2px 20px #0000001a;overflow:hidden}.kingsley-form-section{padding:2rem;border-bottom:1px solid #e9ecef}.kingsley-form-section:last-of-type{border-bottom:none}.kingsley-section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 1.5rem;color:#495057;font-size:1.3rem;font-weight:600}.kingsley-section-icon{color:#007bff}.kingsley-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:1.5rem}.kingsley-form-group{margin-bottom:1.5rem}.kingsley-form-group.kingsley-full-width{grid-column:1 / -1}.kingsley-form-label{display:block;margin-bottom:.5rem;font-weight:600;color:#495057}.kingsley-subject-count{font-weight:400;color:#6c757d;font-size:.9em;margin-left:.5rem}.kingsley-age-display{font-weight:400;color:#28a745;font-size:.9em;margin-left:.5rem}.kingsley-form-input,.kingsley-form-select,.kingsley-form-textarea{width:100%;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:all .3s ease;box-sizing:border-box;font-family:inherit}.kingsley-form-input:focus,.kingsley-form-select:focus,.kingsley-form-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.kingsley-form-input.kingsley-is-invalid,.kingsley-form-select.kingsley-is-invalid,.kingsley-form-textarea.kingsley-is-invalid{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.kingsley-form-textarea{resize:vertical;min-height:100px}.kingsley-error-text{color:#dc3545;font-size:.875rem;margin-top:.25rem;font-weight:500}.kingsley-field-hint{color:#6c757d;font-size:.875rem;margin-top:.25rem;font-style:italic}.kingsley-subjects-categories{display:flex;flex-direction:column;gap:1.5rem}.kingsley-subject-category{border:1px solid #e9ecef;border-radius:8px;padding:1rem;background:#f8f9fa}.kingsley-subject-category-title{margin:0 0 1rem;color:#495057;font-size:1.1rem;font-weight:600;border-bottom:2px solid #007bff;padding-bottom:.5rem}.kingsley-subject-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.kingsley-checkbox-label{display:flex;align-items:center;gap:.5rem;padding:.75rem;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;transition:all .3s ease;background:#fff}.kingsley-checkbox-label:hover{background:#e7f3ff;border-color:#007bff;transform:translateY(-1px)}.kingsley-checkbox-label input[type=checkbox]{display:none}.kingsley-checkmark{width:20px;height:20px;border:2px solid #6c757d;border-radius:4px;position:relative;transition:all .3s ease;flex-shrink:0}.kingsley-checkbox-label input[type=checkbox]:checked+.kingsley-checkmark{background:#007bff;border-color:#007bff}.kingsley-checkbox-label input[type=checkbox]:checked+.kingsley-checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.kingsley-checkbox-label input[type=checkbox]:disabled+.kingsley-checkmark{background:#f8f9fa;border-color:#dee2e6;opacity:.6}.kingsley-checkbox-label input[type=checkbox]:disabled+.kingsley-checkmark:after{color:#6c757d}.kingsley-checkbox-label.kingsley-large{align-items:flex-start}.kingsley-checkbox-label.kingsley-large .kingsley-checkbox-content{display:flex;flex-direction:column;gap:.25rem}.kingsley-checkbox-label.kingsley-large .kingsley-checkbox-content strong{color:#495057}.kingsley-checkbox-label.kingsley-large .kingsley-checkbox-content p{margin:0;color:#6c757d;font-size:.875rem}.kingsley-subject-selection-info{background:#e7f3ff;padding:1rem;border-radius:6px;margin-top:1rem;border-left:4px solid #007bff}.kingsley-subject-selection-info p{margin:.5rem 0;color:#0056b3;font-size:.9rem}.kingsley-subject-selection-info p:first-child{margin-top:0}.kingsley-subject-selection-info p:last-child{margin-bottom:0}.kingsley-parent-sections{display:flex;flex-direction:column;gap:2rem}.kingsley-parent-section{border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;background:#f8f9fa}.kingsley-parent-section h4{margin:0 0 1rem;color:#495057;font-size:1.1rem;font-weight:600;border-bottom:2px solid #28a745;padding-bottom:.5rem}.kingsley-special-needs-grid{display:flex;flex-direction:column;gap:1.5rem}.kingsley-special-needs-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.kingsley-payment-section{background:#f8f9ff;border-left:4px solid #007bff}.kingsley-payment-summary{background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e9ecef}.kingsley-payment-details{margin-bottom:2rem}.kingsley-payment-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f1f3f4}.kingsley-payment-item.kingsley-total{border-bottom:none;border-top:2px solid #28a745;margin-top:.5rem;padding-top:1rem;font-size:1.2rem;font-weight:700;color:#28a745}.kingsley-registration-summary{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.kingsley-registration-summary h4{margin:0 0 1rem;color:#495057;font-size:1.1rem;font-weight:600}.kingsley-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem}.kingsley-summary-item{padding:.5rem;background:#fff;border-radius:4px;border-left:3px solid #007bff}.kingsley-payment-notice{background:#e7f3ff;padding:1rem;border-radius:6px;border-left:4px solid #007bff}.kingsley-payment-notice p{margin:.5rem 0;color:#0056b3;font-size:.9rem}.kingsley-payment-notice p:first-child{margin-top:0}.kingsley-payment-notice p:last-child{margin-bottom:0}.kingsley-section-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e9ecef}.kingsley-prev-section-btn,.kingsley-next-section-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.kingsley-prev-section-btn{background:#6c757d;color:#fff}.kingsley-prev-section-btn:hover{background:#545b62}.kingsley-next-section-btn{background:#007bff;color:#fff}.kingsley-next-section-btn:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.kingsley-form-actions-section{padding:2rem;background:#f8f9fa;border-top:1px solid #e9ecef}.kingsley-form-actions{display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.kingsley-primary-button,.kingsley-secondary-button{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;min-width:200px;justify-content:center}.kingsley-primary-button{background:#007bff;color:#fff}.kingsley-primary-button:hover:not(:disabled){background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.kingsley-secondary-button{background:#6c757d;color:#fff}.kingsley-secondary-button:hover:not(:disabled){background:#545b62;transform:translateY(-2px)}.kingsley-primary-button:disabled,.kingsley-secondary-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.kingsley-form-footer{text-align:center;padding-top:1.5rem;border-top:1px solid #dee2e6}.kingsley-form-help{margin:0 0 1rem;color:#6c757d;font-size:.9rem}.kingsley-form-help p{margin:.25rem 0}.kingsley-campus-info{margin:0;font-weight:600;color:#495057;display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.kingsley-campus-info p{margin:.25rem 0}.kingsley-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;text-align:center;background:#fff;border-radius:12px;box-shadow:0 2px 20px #0000001a;margin:2rem auto;max-width:500px}.kingsley-loading-container p{margin-top:1rem;color:#495057;font-size:1.1rem}.kingsley-loading-subtext{color:#6c757d!important;font-size:.9rem!important;margin-top:.5rem!important}.kingsley-error-container{background:#fff;border-radius:12px;box-shadow:0 2px 20px #0000001a;padding:2rem;margin:2rem 0}@media (max-width: 768px){.kingsley-waec-registration-container{padding:10px}.kingsley-header-content{flex-direction:column;text-align:center;gap:1rem}.kingsley-header-actions{flex-direction:column;width:100%}.kingsley-campus-switch-btn{width:100%}.kingsley-header-content h1{font-size:1.5rem}.kingsley-form-section{padding:1rem}.kingsley-form-grid,.kingsley-subject-checkboxes{grid-template-columns:1fr}.kingsley-form-navigation{flex-wrap:wrap}.kingsley-nav-tab{flex:1;min-width:120px;justify-content:center}.kingsley-section-navigation{flex-direction:column;gap:1rem}.kingsley-prev-section-btn,.kingsley-next-section-btn{width:100%}.kingsley-form-actions{flex-direction:column}.kingsley-primary-button,.kingsley-secondary-button{width:100%;min-width:auto}.kingsley-campus-info{flex-direction:column;gap:.5rem}.kingsley-student-details,.kingsley-special-needs-options,.kingsley-summary-grid{grid-template-columns:1fr}}@media (max-width: 480px){.kingsley-waec-registration-header{padding:1rem}.kingsley-header-content h1{font-size:1.25rem}.kingsley-form-navigation{flex-direction:column}.kingsley-nav-tab{width:100%}.kingsley-subject-category{padding:.75rem}.kingsley-parent-section{padding:1rem}}.kingsley-form-section{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kingsley-form-navigation::-webkit-scrollbar{height:6px}.kingsley-form-navigation::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.kingsley-form-navigation::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.kingsley-form-navigation::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.alex-store-page{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow-x:hidden}.alex-store-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 70%,rgba(120,119,198,.15) 0%,transparent 50%),radial-gradient(circle at 85% 30%,rgba(255,119,198,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(120,219,255,.1) 0%,transparent 60%);pointer-events:none;z-index:0}.alex-store-main-content{position:relative;z-index:1;padding:80px 40px 60px;max-width:1200px;margin:0 auto}.alex-store-welcome-section{text-align:center;margin-bottom:80px;animation:alex-fadeInUp .8s ease-out}.alex-store-welcome-title{font-size:4em;font-weight:800;color:#fff;margin-bottom:24px;text-shadow:0 8px 24px rgba(0,0,0,.3);letter-spacing:-.02em;line-height:1.1;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.alex-store-welcome-tagline{font-size:1.4em;color:#ffffffe6;line-height:1.6;max-width:600px;margin:0 auto;font-weight:500;text-shadow:0 2px 8px rgba(0,0,0,.2)}.alex-store-selection-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px;max-width:900px;margin:0 auto}.alex-store-card{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:50px 40px;text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3,0 0 0 1px #ffffff1a;animation:alex-fadeInUp .8s ease-out .2s both}.alex-store-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s}.alex-store-card:hover:before{left:100%}.alex-store-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #0003,inset 0 1px #ffffff4d,0 0 0 1px #fff3;background:#fff3}.alex-store-card:active{transform:translateY(-4px) scale(1.01);transition:all .1s ease}.alex-store-card-icon{font-size:4em;margin-bottom:24px;display:block;text-align:center;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));transition:transform .3s ease}.alex-store-card:hover .alex-store-card-icon{transform:scale(1.1) rotate(5deg)}.alex-store-card-title{font-size:2.2em;font-weight:700;color:#fff;margin-bottom:16px;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.3);letter-spacing:-.01em}.alex-store-card-description{font-size:1.1em;color:#ffffffe6;line-height:1.6;text-align:center;margin-bottom:32px;font-weight:500}.alex-store-navigate-button{width:100%;padding:18px 24px;background:#fffffff2;color:#1a1d29;border:none;border-radius:16px;font-size:1.1em;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #00000026,0 2px 8px #0000001a;position:relative;overflow:hidden;letter-spacing:.02em}.alex-store-navigate-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}.alex-store-card:hover .alex-store-navigate-button:before{left:100%}.alex-store-card:hover .alex-store-navigate-button{background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #0003,0 4px 12px #00000026}.alex-store-navigate-button:active{transform:translateY(0);transition:all .1s ease}.alex-store-uniform-card{background:linear-gradient(135deg,#8b5cf633,#a855f726,#c084fc1a);border:1px solid rgba(139,92,246,.3)}.alex-store-uniform-card:hover{background:linear-gradient(135deg,#8b5cf64d,#a855f740,#c084fc33)}.alex-store-uniform-card .alex-store-navigate-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 16px #8b5cf64d,0 2px 8px #8b5cf633}.alex-store-uniform-card:hover .alex-store-navigate-button{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 8px 24px #8b5cf666,0 4px 12px #8b5cf64d}.alex-store-meal-card{background:linear-gradient(135deg,#10b98133,#05966926,#34d3991a);border:1px solid rgba(16,185,129,.3)}.alex-store-meal-card:hover{background:linear-gradient(135deg,#10b9814d,#05966940,#34d39933)}.alex-store-meal-card .alex-store-navigate-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 16px #10b9814d,0 2px 8px #10b98133}.alex-store-meal-card:hover .alex-store-navigate-button{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 24px #10b98166,0 4px 12px #10b9814d}@keyframes alex-fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes alex-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.alex-store-card{animation:alex-float 6s ease-in-out infinite}.alex-store-uniform-card{animation-delay:0s}.alex-store-meal-card{animation-delay:3s}@media (max-width: 968px){.alex-store-selection-container{grid-template-columns:1fr;max-width:500px;gap:30px}.alex-store-main-content{padding:60px 30px 40px}.alex-store-welcome-title{font-size:3em}.alex-store-welcome-tagline{font-size:1.2em}}@media (max-width: 768px){.alex-store-main-content{padding:50px 20px 30px}.alex-store-welcome-title{font-size:2.5em;margin-bottom:20px}.alex-store-welcome-tagline{font-size:1.1em}.alex-store-card{padding:40px 30px}.alex-store-card-title{font-size:1.8em}.alex-store-card-icon{font-size:3.5em}}@media (max-width: 480px){.alex-store-main-content{padding:40px 16px 20px}.alex-store-welcome-title{font-size:2em}.alex-store-welcome-tagline{font-size:1em}.alex-store-card{padding:30px 24px}.alex-store-card-title{font-size:1.6em}.alex-store-card-icon{font-size:3em}.alex-store-navigate-button{padding:16px 20px;font-size:1em}}.alex-store-card:focus{outline:none;box-shadow:0 0 0 3px #ffffff80,0 20px 60px #0003}.alex-store-navigate-button:focus{outline:none;box-shadow:0 0 0 3px #ffffff80,0 8px 24px #0003}@media (prefers-reduced-motion: reduce){.alex-store-card,.alex-store-card-icon,.alex-store-navigate-button,.alex-store-welcome-section{animation:none;transition:none}.alex-store-card:hover,.alex-store-card:hover .alex-store-navigate-button{transform:none}}@keyframes alex-shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.alex-store-card.alex-loading{animation:alex-shimmer 1.5s infinite linear;background:linear-gradient(to right,#ffffff1a 8%,#fff3 18%,#ffffff1a 33%);background-size:800px 104px}.alex-store-page::-webkit-scrollbar{width:8px}.alex-store-page::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.alex-store-page::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ffffff4d,#fff3);border-radius:4px}.alex-store-page::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#fff6,#ffffff4d)}/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-600:oklch(57.7% .245 27.325);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-500:oklch(68.5% .169 237.323);--color-indigo-500:oklch(58.5% .233 277.117);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm: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;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-\[64px\]{top:64px}.right-0{right:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-6{margin-top:calc(var(--spacing)*6)}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.h-10{height:calc(var(--spacing)*10)}.h-full{height:100%}.w-10{width:calc(var(--spacing)*10)}.w-64{width:calc(var(--spacing)*64)}.w-full{width:100%}.max-w-\[1200px\]{max-width:1200px}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.bg-black{background-color:var(--color-black)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-sky-300{background-color:var(--color-sky-300)}.bg-white{background-color:var(--color-white)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-sky-100{--tw-gradient-from:var(--color-sky-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-sky-300{--tw-gradient-from:var(--color-sky-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-indigo-500{--tw-gradient-to:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-sky-50{--tw-gradient-to:var(--color-sky-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-6{padding:calc(var(--spacing)*6)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\[\#2c3e50\]{color:#2c3e50}.text-\[\#3a3a7c\]{color:#3a3a7c}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-red-600{color:var(--color-red-600)}.text-sky-500{color:var(--color-sky-500)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition\!{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover:hover){.group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-sky-500:hover{background-color:var(--color-sky-500)}.hover\:text-\[\#3498db\]:hover{color:#3498db}.hover\:text-white:hover{color:var(--color-white)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:40rem){.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-14{height:calc(var(--spacing)*14)}.sm\:w-14{width:calc(var(--spacing)*14)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:px-8{padding-inline:calc(var(--spacing)*8)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:64rem){.lg\:px-8{padding-inline:calc(var(--spacing)*8)}.lg\:px-12{padding-inline:calc(var(--spacing)*12)}}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}