@import"https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700;800&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css";body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn{padding:8px 16px;border-radius:4px;cursor:pointer}.btn-primary{background-color:#3b82f6;color:#fff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 15px}.main-layout{min-height:100vh;width:100%}.main-content{min-height:70vh;width:100%}.text-center{text-align:center}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.loading-cover{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#89cff0;z-index:9999;overflow:hidden}.loading-content{position:relative;width:100%;height:100%}.school-bus{position:absolute;top:50%;left:-100px;transform:translateY(-50%);animation:driveBus 5s linear infinite}@keyframes driveBus{0%{left:-100px}to{left:calc(100% + 100px)}}.bus-body{width:160px;height:70px;background-color:#ffd800;border-radius:10px;position:relative}.bus-window{position:absolute;background-color:#add8e6;border:2px solid #333}.bus-window.front{width:30px;height:25px;top:10px;left:10px;border-radius:5px}.bus-window.middle{width:30px;height:25px;top:10px;left:50px;border-radius:5px}.bus-window.back{width:30px;height:25px;top:10px;left:90px;border-radius:5px}.bus-wheel{position:absolute;width:25px;height:25px;background-color:#333;border-radius:50%;bottom:-12px;animation:rotateWheel 1s linear infinite}@keyframes rotateWheel{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bus-wheel.front{left:20px}.bus-wheel.back{right:20px}.bus-light{position:absolute;width:10px;height:10px;background-color:#fff;border-radius:50%;bottom:20px;left:0;animation:blinkLight 1s ease-in-out infinite}@keyframes blinkLight{0%,to{opacity:1}50%{opacity:.5}}.loading-text{position:absolute;top:65%;left:50%;transform:translate(-50%);font-family:Comic Sans MS,cursive,sans-serif;font-size:28px;color:#ff6b6b;letter-spacing:5px}.loading-text span{display:inline-block;animation:bounce 1s ease infinite alternate}.loading-text span:nth-child(2){animation-delay:.1s}.loading-text span:nth-child(3){animation-delay:.2s}.loading-text span:nth-child(4){animation-delay:.3s}.loading-text span:nth-child(5){animation-delay:.4s}.loading-text span:nth-child(6){animation-delay:.5s}.loading-text span:nth-child(7){animation-delay:.6s}.loading-text span:nth-child(8){animation-delay:.7s}.loading-text span:nth-child(9){animation-delay:.8s}.loading-text span:nth-child(10){animation-delay:.9s}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-15px)}}.clouds{width:100%;position:absolute;top:20%}.cloud{position:absolute;background-color:#fff;border-radius:50px}.cloud1{width:100px;height:40px;left:20%;animation:floatCloud 15s linear infinite}.cloud1:after{width:40px;height:40px;top:-20px;right:15px}.cloud2{width:120px;height:40px;left:50%;animation:floatCloud 18s linear infinite;animation-delay:-5s}.cloud2:before{width:60px;height:60px;top:-30px;left:15px}.cloud2:after{width:50px;height:50px;top:-25px;right:15px}.cloud3{width:80px;height:30px;left:70%;animation:floatCloud 12s linear infinite;animation-delay:-8s}.cloud3:before{width:40px;height:40px;top:-20px;left:10px}.cloud3:after{width:30px;height:30px;top:-15px;right:10px}@keyframes floatCloud{0%{transform:translate(100vw)}to{transform:translate(-100px)}}.processing-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:10000}.processing-container{background-color:#fff;border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:center;box-shadow:0 8px 32px #00000026;max-width:300px;width:100%}.spinner-container{margin-bottom:16px}.processing-spinner{width:50px;height:50px;border:4px solid rgba(76,175,80,.2);border-radius:50%;border-top-color:#4caf50;animation:spin 1s linear infinite}.processing-text{text-align:center;font-family:Nunito,sans-serif}.processing-text p{margin:0 0 4px;font-size:16px;font-weight:600;color:#333}.processing-dots{display:inline-flex}.processing-dots .dot{font-size:24px;line-height:0;font-weight:700;animation:dots 1.5s infinite;color:#4caf50}.dot1{animation-delay:0s!important}.dot2{animation-delay:.3s!important}.dot3{animation-delay:.6s!important}@keyframes dots{0%,20%{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}80%,to{opacity:0;transform:translateY(0)}}.notification-bell-container{position:relative;margin-right:10px}.notification-bell-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;padding:5px;border-radius:50%;transition:background-color .3s;background-color:#fff3}.notification-bell-button:hover{background-color:#fff6}.notification-bell-button svg{width:24px;height:24px;color:#bf360c}@keyframes bellRing{0%{transform:rotate(0)}10%{transform:rotate(10deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(8deg)}40%{transform:rotate(-8deg)}50%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}70%{transform:rotate(3deg)}80%{transform:rotate(-3deg)}90%{transform:rotate(1deg)}to{transform:rotate(0)}}.notification-bell-button.new-notification{animation:bellRing 1s ease}.notification-bell-button.new-notification svg{color:#ff4d4f}.notification-badge{position:absolute;top:-5px;right:-5px;background-color:#ff4d4f;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border:2px solid white}.notification-modal{position:absolute;top:calc(100% + 1rem);right:-220px;width:320px;max-height:80vh;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #00000026;z-index:1002;overflow:hidden;animation:notification-appear .2s ease-out;transform-origin:top right;border:1px solid rgba(255,138,101,.2);display:flex;flex-direction:column;will-change:transform,opacity}@keyframes notification-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.notification-header{padding:12px 16px;background:linear-gradient(to right,#fff8e1,#fffde7);border-bottom:1px solid #ffe0b2;display:flex;justify-content:space-between;align-items:center}.notification-header h3{margin:0;font-size:16px;color:#e64a19}.refresh-button{background:none;border:none;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#bf360c;border-radius:50%;transition:all .3s}.refresh-button:hover{background-color:#ff8a651a}.refresh-button svg{width:18px;height:18px}.refresh-button.refreshing svg{animation:spin 1s linear infinite}.notification-tabs{display:flex;border-bottom:1px solid #f0f0f0}.notification-tab{flex:1;padding:10px;text-align:center;background:none;border:none;cursor:pointer;font-size:14px;color:#666;font-weight:500;transition:all .2s ease;position:relative}.notification-tab:hover{color:#e64a19;background-color:#ff8a650d}.notification-tab.active{color:#e64a19;font-weight:600}.notification-tab.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#ff8a65}.notification-content{height:auto;max-height:340px;overflow-y:auto;flex:1;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.notification-content::-webkit-scrollbar{width:8px}.notification-content::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.notification-content::-webkit-scrollbar-thumb{background:#ffcc80;border-radius:3px}.notification-content::-webkit-scrollbar-thumb:hover{background:#ffb74d}.notification-list{list-style-type:none;padding:0;margin:0}.notification-item{padding:12px 16px;border-bottom:1px solid #f5f5f5;cursor:pointer;position:relative;transition:background-color .3s;display:flex;align-items:center;justify-content:space-between;height:68px;box-sizing:border-box}.notification-item:hover{background-color:#f9f9f9}.notification-item.unread{background-color:#fff8e1}.notification-item.unread:hover{background-color:#fff4d4}.notification-item-content{flex:1;overflow:hidden}.notification-item h4{margin:0 0 5px;font-size:14px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-item p{margin:0;font-size:13px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;position:relative}.notification-item:after{content:"Read more";position:absolute;right:16px;bottom:10px;font-size:11px;color:#ff8a65;opacity:0;transition:opacity .2s}.notification-item:hover:after{opacity:1}.notification-dot{width:10px;height:10px;background-color:#ff4d4f;border-radius:50%;margin-left:10px;flex-shrink:0}.notification-empty{padding:20px;text-align:center;color:#999;height:100%;display:flex;align-items:center;justify-content:center}.notification-loading{padding:20px;text-align:center;color:#999;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.spinner{width:24px;height:24px;border:3px solid rgba(255,138,101,.3);border-radius:50%;border-top:3px solid #ff8a65;animation:spin 1s linear infinite;margin-bottom:10px}.notification-footer{padding:10px 16px;border-top:1px solid #f0f0f0;text-align:right}.notification-footer button{background:linear-gradient(to bottom,#ffcc80,#ffb74d);color:#bf360c;border:none;padding:6px 12px;border-radius:4px;font-weight:600;cursor:pointer;transition:all .3s;font-size:13px}.notification-footer button:hover{background:linear-gradient(to bottom,#ffb74d,#ffa726)}.notification-detail{display:flex;flex-direction:column;height:auto;max-height:340px;overflow-y:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;animation:detail-appear .15s ease-out}@keyframes detail-appear{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.notification-detail::-webkit-scrollbar{width:8px}.notification-detail::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.notification-detail::-webkit-scrollbar-thumb{background:#ffcc80;border-radius:3px}.notification-detail::-webkit-scrollbar-thumb:hover{background:#ffb74d}.notification-detail-header{padding:12px 16px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center}.notification-back-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-right:10px;padding:5px;border-radius:50%;transition:background-color .2s}.notification-back-button:hover{background-color:#ff8a651a}.notification-back-button svg{width:20px;height:20px;color:#bf360c;transition:transform .2s}.notification-back-button:hover svg{transform:translate(-2px)}.notification-detail-header h4{margin:0;font-size:16px;color:#e64a19;font-weight:600}.notification-detail-content{padding:16px;flex:1}.notification-detail-content p{margin:0 0 16px;font-size:14px;color:#333;line-height:1.5}.notification-date{font-size:12px;color:#999;text-align:right}.navbar{background:linear-gradient(to right,#ffecd2,#fcb69f);padding:.75rem 1rem;box-shadow:0 4px 15px #00000026;position:fixed;top:0;left:0;right:0;z-index:1000}.navbar-spacer{height:74px}.navbar-container{max-width:1500px;margin:0 0 0 80px;display:flex;justify-content:space-between;align-items:center}.navbar-logo{display:flex;align-items:center;text-decoration:none;transform:translateY(0);transition:transform .3s}.navbar-logo:hover{transform:translateY(-3px)}.logo-image{width:50px;height:50px;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#fff,#f5f5f5);border-radius:50%;margin-right:12px;box-shadow:0 2px 8px #0000001a,inset 0 0 0 3px #ffd0b0;border:2px solid #fff;transition:all .3s}.navbar-logo:hover .logo-image{box-shadow:0 4px 12px #00000026,inset 0 0 0 3px #ffaa80;transform:rotate(10deg)}.logo-image svg{width:32px;height:32px;color:#ff8a65}.logo-text{display:flex;flex-direction:column}.logo-title{font-size:1.25rem;font-weight:700;color:#e64a19;margin:0;line-height:1.2;text-shadow:1px 1px 0 #fff;letter-spacing:.5px}.logo-subtitle{font-size:.875rem;color:#bf360c;margin:0;font-weight:600;letter-spacing:.3px}.navbar-links{display:none}@media (min-width: 768px){.navbar-links{display:flex;align-items:center;gap:2rem}}.navbar-link{position:relative;text-decoration:none;font-size:1rem;font-weight:600;color:#bf360c;padding:.5rem .75rem;border-radius:20px;transition:all .3s ease;text-shadow:.5px .5px 0 rgba(255,255,255,.5)}.navbar-link:hover{color:#e64a19;background-color:#ffffff4d;transform:translateY(-2px)}.navbar-link:before{content:"";position:absolute;bottom:-5px;left:50%;width:0;height:4px;background:#ff8a65;border-radius:4px;transition:width .3s ease,left .3s ease}.navbar-link:hover:before{width:80%;left:10%}.navbar-link.active{color:#e64a19;background-color:#fff6}.navbar-link.active:before{width:80%;left:10%;background:#e64a19}.navbar-decoration{position:absolute;bottom:-10px;left:0;width:100%;height:10px;background-repeat:repeat-x;background-size:40px 10px;background-image:linear-gradient(45deg,#ff8a65 25%,transparent 25%),linear-gradient(-45deg,#ff8a65 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ff8a65 75%),linear-gradient(-45deg,transparent 75%,#ff8a65 75%);background-position:0 0,0 5px,20px 5px,20px 0}.navbar-link:after{content:"";display:inline-block;width:6px;height:6px;background-color:#ff8a65;border-radius:50%;margin-left:6px;opacity:0;transform:scale(0);transition:all .3s}.navbar-link:hover:after,.navbar-link.active:after{opacity:1;transform:scale(1)}.navbar-actions{display:none}@media (min-width: 768px){.navbar-actions{display:flex;align-items:center;gap:1.5rem}}.action-link{text-decoration:none;color:#bf360c;font-weight:600;font-size:.875rem;padding:.5rem .75rem;border-radius:1rem;transition:all .3s ease;border:1px solid transparent}.action-link:hover{background-color:#ffffff80;color:#e64a19;border-color:#ff8a654d;transform:translateY(-2px)}.action-button{background:linear-gradient(to bottom,#ffcc80,#ffb74d);color:#bf360c;border:none;padding:.5rem 1rem;border-radius:1rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;border:1px solid rgba(255,255,255,.5)}.action-button:hover{background:linear-gradient(to bottom,#ffb74d,#ffa726);color:#e64a19;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.mobile-menu-button{display:flex;align-items:center;justify-content:center;padding:.5rem;background-color:#ffffff4d;border-radius:.5rem;border:1px solid rgba(255,255,255,.5);cursor:pointer;transition:all .3s}.mobile-menu-button:hover{background-color:#ffffff80;transform:translateY(-2px)}@media (min-width: 768px){.mobile-menu-button{display:none}}.mobile-menu-button svg{width:24px;height:24px;color:#bf360c;transition:transform .3s}.mobile-menu-button:hover svg{transform:rotate(90deg)}.mobile-menu{background:linear-gradient(to bottom,#fff9c4,#fff8e1);padding:0;border-radius:0 0 1rem 1rem;max-height:0;overflow:hidden;transition:max-height .4s ease-in-out,padding .3s ease;position:fixed;top:75px;left:0;right:0;z-index:999;box-shadow:0 4px 15px #0000001a}.mobile-menu.open{max-height:500px;padding:1rem}.mobile-links{display:flex;flex-direction:column;gap:.5rem}.mobile-link{display:block;padding:.75rem 1rem;text-decoration:none;color:#bf360c;font-weight:600;border-radius:.5rem;transition:all .3s ease;border-left:3px solid transparent}.mobile-link:hover{background-color:#ff8a651a;border-left-color:#ff8a65;padding-left:1.25rem}.mobile-link.active{background-color:#ff8a6533;color:#e64a19;border-left-color:#e64a19;padding-left:1.25rem}.mobile-actions{margin-top:1rem;padding-top:1rem;border-top:2px dashed #ffcc80;display:flex;flex-direction:column;gap:.5rem}.mobile-user{display:flex;align-items:center;padding:.75rem;background-color:#ffffff80;border-radius:.75rem;margin-bottom:.5rem;box-shadow:0 2px 5px #0000000d;border:1px solid rgba(255,255,255,.8)}.mobile-avatar{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#ff8a65,#ff5722);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;margin-right:.75rem;box-shadow:0 2px 5px #0000001a;border:2px solid white}.mobile-user-info{display:flex;flex-direction:column}.mobile-user-name{font-weight:600;color:#bf360c}.mobile-user-email{font-size:.75rem;color:#e64a19}.cloud-container{position:absolute;top:-30px;width:100%;left:0;height:30px;overflow:hidden;z-index:1001}.cloud{position:absolute;background-color:#fff;border-radius:30px;opacity:.8;box-shadow:0 2px 5px #0000000d}.cloud:before,.cloud:after{content:"";position:absolute;background-color:#fff;border-radius:50%}.cloud-1{width:60px;height:20px;top:5px;left:10%;animation:float-cloud 35s linear infinite}.cloud-1:before{width:25px;height:25px;top:-10px;left:10px}.cloud-1:after{width:20px;height:20px;top:-8px;left:30px}.cloud-2{width:80px;height:25px;top:3px;left:30%;animation:float-cloud 40s linear infinite;animation-delay:5s}.cloud-2:before{width:30px;height:30px;top:-12px;left:15px}.cloud-2:after{width:25px;height:25px;top:-10px;left:40px}.cloud-3{width:50px;height:15px;top:8px;left:60%;animation:float-cloud 30s linear infinite;animation-delay:10s}.cloud-3:before{width:20px;height:20px;top:-8px;left:10px}.cloud-3:after{width:15px;height:15px;top:-6px;left:25px}.cloud-4{width:70px;height:22px;top:4px;left:80%;animation:float-cloud 38s linear infinite;animation-delay:15s}.cloud-4:before{width:28px;height:28px;top:-12px;left:12px}.cloud-4:after{width:22px;height:22px;top:-9px;left:35px}@keyframes float-cloud{0%{transform:translate(-100px)}to{transform:translate(calc(100vw + 100px))}}.navbar:before{content:"";position:absolute;top:-5px;left:0;width:100%;height:5px;background:linear-gradient(to right,#ff5252,#ff4081,#e040fb,#7c4dff,#536dfe,#448aff,#40c4ff,#18ffff,#64ffda,#69f0ae,#b2ff59,#eeff41,#ff0,#ffd740,#ffab40,#ff6e40);z-index:1001}.star-container{position:absolute;bottom:-15px;width:100%;height:30px;overflow:hidden;z-index:1001}.star{position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #ffeb3b;transform:rotate(180deg);opacity:.7;animation:twinkle 3s infinite}.star:after{content:"";position:absolute;top:0;left:-5px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:10px solid #ffeb3b;transform:rotate(72deg)}.star-1{left:10%;animation-delay:0s}.star-2{left:25%;animation-delay:.5s}.star-3{left:40%;animation-delay:1s}.star-4{left:60%;animation-delay:1.5s}.star-5{left:75%;animation-delay:2s}.star-6{left:90%;animation-delay:2.5s}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8) rotate(180deg)}50%{opacity:.8;transform:scale(1.2) rotate(180deg)}}.floating-clouds-container{position:absolute;height:40px;width:100%;left:0;top:100%;overflow:hidden;z-index:100;pointer-events:none}.floating-cloud{position:absolute;background-color:#fff;border-radius:50px;opacity:.9;box-shadow:0 2px 8px #0000000d;top:0}.floating-cloud:before,.floating-cloud:after{content:"";position:absolute;background-color:#fff;border-radius:50%}.float-cloud-1{width:100px;height:28px;top:5px;left:0;animation:float-below 30s linear infinite}.float-cloud-1:before{width:35px;height:35px;top:-15px;left:15px}.float-cloud-1:after{width:30px;height:30px;top:-12px;left:50px}.float-cloud-2{width:120px;height:32px;top:15px;left:-120px;animation:float-below 34s linear infinite;animation-delay:5s}.float-cloud-2:before{width:40px;height:40px;top:-18px;left:20px}.float-cloud-2:after{width:35px;height:35px;top:-15px;left:60px}.float-cloud-3{width:80px;height:25px;top:8px;left:-80px;animation:float-below 28s linear infinite;animation-delay:12s}.float-cloud-3:before{width:32px;height:32px;top:-15px;left:12px}.float-cloud-3:after{width:28px;height:28px;top:-13px;left:42px}.float-cloud-4{width:110px;height:30px;top:12px;left:-110px;animation:float-below 32s linear infinite;animation-delay:18s}.float-cloud-4:before{width:38px;height:38px;top:-17px;left:18px}.float-cloud-4:after{width:32px;height:32px;top:-15px;left:55px}@keyframes float-below{0%{transform:translate(-150px)}to{transform:translate(calc(100vw + 150px))}}.user-dropdown-container{position:relative}.user-dropdown-toggle{display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:1.5rem;transition:all .3s ease;background-color:#fff3}.user-dropdown-toggle:hover{background-color:#fff6}.user-avatar{width:2rem;height:2rem;background:linear-gradient(135deg,#ff8a65,#ff5722);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;box-shadow:0 2px 5px #0000001a;border:2px solid white;margin-right:.5rem}.user-name{color:#bf360c;font-weight:600;margin-right:.25rem}.dropdown-arrow{width:16px;height:16px;color:#bf360c;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:-7px;background-color:#fff;border-radius:.75rem;box-shadow:0 4px 15px #00000026;min-width:220px;z-index:1002;overflow:hidden;animation:dropdown-appear .2s ease-out;transform-origin:top right;border:1px solid rgba(255,138,101,.2)}@keyframes dropdown-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dropdown-user-details{display:flex;align-items:center;padding:1rem;background:linear-gradient(to right,#fff8e1,#fffde7)}.dropdown-avatar{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#ff8a65,#ff5722);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;box-shadow:0 2px 5px #0000001a;border:2px solid white;margin-right:.75rem}.dropdown-user-info{display:flex;flex-direction:column}.dropdown-user-name{color:#bf360c;font-weight:600;margin-bottom:.25rem}.dropdown-user-email{color:#e64a19;font-size:.75rem}.dropdown-divider{height:1px;background-color:#ffe0b2;margin:0}.dropdown-item{display:flex;align-items:center;padding:.75rem 1rem;color:#bf360c;text-decoration:none;transition:all .2s ease;cursor:pointer;background:none;border:none;width:100%;text-align:left;font-weight:500;font-size:.9rem;border-left:3px solid transparent}.dropdown-item:hover{background-color:#fff8e1;border-left-color:#ff8a65}.dropdown-item svg{width:1.25rem;height:1.25rem;margin-right:.75rem;color:#ff8a65}@media (max-width: 992px){.user-name{display:none}.user-dropdown-toggle{padding:.25rem}}.auth-buttons{display:flex;gap:10px;align-items:center}.btn{font-weight:600;font-size:.9rem;padding:.5rem 1rem;border-radius:20px;text-decoration:none;transition:all .3s ease;display:flex;align-items:center;box-shadow:0 2px 5px #0000001a}.btn-login{background-color:#fff9;color:#e64a19;border:2px solid #ffab91}.btn-login:hover{background-color:#fffc;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-login:before{content:"";display:inline-block;width:18px;height:18px;margin-right:6px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e64a19'%3E%3Cpath d='M11 7L9.6 8.4l2.6 2.6H2v2h10.2l-2.6 2.6L11 17l5-5-5-5zm9 12h-8v2h8c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-8v2h8v14z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.btn-register{background:linear-gradient(to bottom,#ff8a65,#ff5722);color:#fff;border:2px solid rgba(255,255,255,.6)}.btn-register:hover{background:linear-gradient(to bottom,#ff7043,#f4511e);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn-register:before{content:"";display:inline-block;width:18px;height:18px;margin-right:6px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm-9-2V7H4v3H1v2h3v3h2v-3h3v-2H6zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.mobile-menu .mobile-actions a.mobile-link{display:flex;align-items:center}.mobile-menu .mobile-actions a.mobile-link:before{content:"";display:inline-block;width:20px;height:20px;margin-right:8px}.mobile-menu .mobile-actions a.mobile-link:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23bf360c'%3E%3Cpath d='M11 7L9.6 8.4l2.6 2.6H2v2h10.2l-2.6 2.6L11 17l5-5-5-5zm9 12h-8v2h8c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-8v2h8v14z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.mobile-menu .mobile-actions a.mobile-link:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23bf360c'%3E%3Cpath d='M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm-9-2V7H4v3H1v2h3v3h2v-3h3v-2H6zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.footer{position:relative;background:linear-gradient(to bottom,#e3f2fd,#bbdefb);padding-top:100px;color:#455a64;width:100%;overflow:hidden}.footer-wave{position:absolute;top:0;left:0;width:100%;height:100px;z-index:2}.footer-wave svg{display:block;width:100%;height:100%}.footer-cloud{background-color:#fff;border-radius:50px;box-shadow:0 8px 15px #0000001a;opacity:.85;position:absolute;z-index:1}.footer-cloud:before,.footer-cloud:after{content:"";position:absolute;background-color:#fff;border-radius:50%}.cloud-1{width:180px;height:60px;top:40px;right:10%;animation:float-cloud 30s linear infinite}.cloud-2{width:120px;height:40px;top:120px;left:15%;animation:float-cloud 25s linear infinite reverse}.cloud-3{width:150px;height:50px;top:60px;left:35%;animation:float-cloud 35s linear infinite;animation-delay:5s}@keyframes float-cloud{0%{transform:translate(-5vw)}to{transform:translate(105vw)}}.footer-content{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;padding:2rem;z-index:2}.footer-section{flex:1;min-width:300px;margin-bottom:2rem;padding:0 1rem}.footer-logo{display:flex;align-items:center;margin-bottom:1rem}.logo-icon{width:50px;height:50px;background:linear-gradient(135deg,#ff9800,#ff5722);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;box-shadow:0 4px 8px #ff572233}.logo-icon svg{width:30px;height:30px;color:#fff}.footer-logo h2{font-size:1.8rem;font-weight:700;color:#ff5722;margin:0}.about-text{font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;color:#546e7a}.social-icons{display:flex;gap:1rem}.social-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:all .3s;color:#fff}.facebook{background-color:#4267b2}.twitter{background-color:#1da1f2}.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.youtube{background-color:red}.social-icon:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.footer-section h3{font-size:1.3rem;color:#37474f;margin-bottom:.5rem;font-weight:600}.footer-underline{height:3px;width:80px;background:linear-gradient(to right,#ff9800,#8bc34a);margin-bottom:1.2rem;border-radius:3px}.links ul{list-style-type:none;padding:0}.links li{margin-bottom:.8rem;display:flex;align-items:center}.links li:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#ff9800;margin-right:.8rem;transition:all .3s}.links li:hover:before{background-color:#ff5722;transform:scale(1.3)}.links a{color:#546e7a;font-size:.95rem;transition:all .3s}.links a:hover{color:#ff5722;transform:translate(5px)}.contact-info{display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;align-items:center}.contact-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;color:#fff}.contact-icon svg{width:20px;height:20px}.location{background-color:#4caf50}.phone{background-color:#2196f3}.email{background-color:#ff9800}.hours{background-color:#9c27b0}.contact-item p{margin:0;font-size:.95rem;color:#546e7a}.footer-cta{text-align:center;padding:2rem;background-color:#ffffffb3;border-radius:10px;margin:0 2rem 2rem;position:relative;z-index:2;box-shadow:0 6px 15px #00000014}.footer-cta h3{font-size:1.4rem;color:#37474f;margin-bottom:1.2rem}.enroll-button{display:inline-flex;align-items:center;background:linear-gradient(45deg,#ff9800,#f57c00);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 8px #f57c004d}.enroll-button span{margin-right:.5rem}.enroll-button svg{transition:transform .3s;width:20px;height:20px}.enroll-button:hover{background:linear-gradient(45deg,#fb8c00,#ef6c00);box-shadow:0 6px 12px #f57c0066;transform:translateY(-3px)}.enroll-button:hover svg{transform:translate(3px)}.footer-bottom{background-color:#81d4fa;padding:1rem 0;position:relative;z-index:2}.footer-bottom:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,#f44336,#ff9800,#ffeb3b,#4caf50,#2196f3,#3f51b5,#9c27b0)}.footer-bottom-content{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.copyright{color:#37474f;font-size:.9rem;text-align:center;margin:0}.copyright-highlight{color:#ff5722;font-weight:600}.copyright-divider{margin:0 .5rem;color:#ff9800}.school-supplies,.crayon-box{display:flex;align-items:flex-end;gap:5px}.pencil{width:6px;height:35px;border-radius:3px;position:relative;transform:rotate(-15deg);margin:0 2px}.pencil:before{content:"";position:absolute;top:-6px;left:0;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:6px solid #f5f5f5}.pencil:after{content:"";position:absolute;bottom:0;left:0;width:6px;height:8px;background-color:#ffecb3;border-radius:0 0 3px 3px}.pencil-red{background-color:#f44336}.pencil-green{background-color:#4caf50}.pencil-blue{background-color:#2196f3}.crayon{width:6px;height:30px;border-radius:3px 3px 0 0;transform:rotate(15deg);margin:0 2px}.crayon-red{background-color:#f44336}.crayon-yellow{background-color:#ffc107}.crayon-blue{background-color:#2196f3}@media (max-width: 600px){.footer-bottom-content{flex-direction:column;gap:15px;padding:.5rem 1rem}.school-supplies{order:1}.copyright{order:2}.crayon-box{order:3}}.scroll-to-top-btn{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background-color:#ff9800;color:#fff;border:none;box-shadow:0 4px 10px #0003;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;padding:0;transition:all .3s ease;animation:bounce-in .5s}.scroll-to-top-btn:hover{transform:translateY(-5px);background-color:#f57c00;box-shadow:0 6px 15px #00000040}.scroll-to-top-btn:active{transform:translateY(0)}.scroll-to-top-btn svg{width:30px;height:30px}.balloon-container{position:absolute;top:-35px;left:50%;transform:translate(-50%)}.balloon{width:30px;height:35px;background:radial-gradient(circle at 70% 35%,#f44336,#d32f2f);border-radius:50%/60% 60% 40% 40%;animation:float 3s ease-in-out infinite}.balloon:after{content:"";position:absolute;bottom:-3px;left:12px;width:6px;height:6px;background:#d32f2f;border-radius:50%}.balloon-string{position:absolute;top:30px;left:15px;width:1.5px;height:20px;background-color:#bdbdbd}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}.scroll-to-top-btn:focus{outline:none;box-shadow:0 0 0 3px #ff980080,0 4px 10px #0003}@media (max-width: 768px){.scroll-to-top-btn{width:50px;height:50px;bottom:20px;right:20px}.scroll-to-top-btn svg{width:24px;height:24px}.balloon{width:25px;height:30px}}.page-loading-content.hidden{visibility:hidden;opacity:0;height:0;overflow:hidden}.page-loading-content{transition:opacity .3s ease-out;opacity:1}.staff-sidebar{width:260px;min-width:260px;background-color:#fff;box-shadow:0 0 15px #0000000d;border-radius:10px;margin-left:20px;margin-right:20px;transition:all .3s ease;position:sticky;top:80px;height:calc(100vh - 120px);display:flex;flex-direction:column;overflow-y:auto;z-index:10;flex-shrink:0}.sidebar-header{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f0f0}.sidebar-title{font-size:18px;font-weight:600;color:#333;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s ease}.sidebar-toggle{background:none;border:none;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px;border-radius:5px;transition:background-color .2s;min-width:30px;min-height:30px}.sidebar-toggle:hover{background-color:#f0f0f0}.sidebar-toggle svg{width:20px;height:20px}.sidebar-nav{padding:10px 0;display:flex;flex-direction:column}.sidebar-link{display:flex;align-items:center;padding:12px 20px;color:#555;text-decoration:none;transition:background-color .2s,color .2s;border-left:3px solid transparent;margin:2px 0}.sidebar-icon{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;margin-right:10px;transition:margin .3s ease}.sidebar-icon svg{width:20px;height:20px;color:inherit}.sidebar-text{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s ease}.sidebar-link:hover{background-color:#f5f7fa;color:#4a6cf7}.sidebar-link.active{color:#4a6cf7;background-color:#eef1ff;border-left:3px solid #4a6cf7}.sidebar-collapsed .staff-sidebar{width:70px;min-width:70px;margin-right:20px;overflow:visible}.sidebar-collapsed .sidebar-title{opacity:0;width:0;margin:0}.sidebar-collapsed .sidebar-icon{margin-right:0}.sidebar-collapsed .sidebar-text{opacity:0;width:0;margin:0}.sidebar-collapsed .sidebar-link{justify-content:center;padding:12px}.sidebar-collapsed .sidebar-link{position:relative}.sidebar-collapsed .sidebar-link:hover:after{content:attr(aria-label);position:absolute;left:100%;top:50%;transform:translateY(-50%);background-color:#000000bf;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:100;margin-left:10px}@media (max-width: 768px){.staff-sidebar{position:fixed;left:0;top:70px;height:calc(100vh - 70px);margin-left:0;transform:translate(-100%);z-index:1000;border-radius:0}.staff-layout .staff-sidebar{transform:translate(0)}.sidebar-collapsed .staff-sidebar{transform:translate(-100%);width:260px;min-width:260px}}.staff-layout{display:flex;flex-direction:column;min-height:100vh}.staff-container{display:flex;flex:1;padding-top:20px;background-color:#f5f7fa}.staff-content{flex:1;padding:0 20px 20px;transition:margin-left .3s ease;min-width:0;overflow-x:hidden}@media (max-width: 768px){.staff-content{margin-left:0!important;padding:0 15px 15px;width:100%}}.admin-navbar-wrapper{background:#fff;min-height:100vh}.admin-layout{min-height:100vh;background:transparent}.admin-sider{background:linear-gradient(180deg,#6b8afd,#a5b4fc,#c4b5fd);box-shadow:2px 0 8px #1d23290d;border-right:1.5px solid #e8f0fe}.admin-logo{height:64px;display:flex;align-items:center;justify-content:center;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.admin-logo h2{color:#fff;margin:0;font-size:18px;transition:all .3s}.admin-header{display:none}.admin-content{margin:88px 24px 24px;padding:24px;background:#fff;min-height:280px;border-radius:12px;box-shadow:0 1px 8px #6b8afd14}.navbar-decoration{z-index:2}.header-left{display:flex;align-items:center;gap:16px}.header-left h1{margin:0;color:#001529;font-size:20px}.trigger-button{font-size:18px;padding:0 12px;cursor:pointer;transition:color .3s}.trigger-button:hover{color:#6b8afd}.header-right{display:flex;align-items:center;gap:16px}.notification-badge{cursor:pointer}.notification-button{font-size:18px;padding:0 12px}.user-profile{display:flex;align-items:center;gap:8px;cursor:pointer;padding:0 8px;border-radius:4px;transition:background-color .3s}.user-profile:hover{background-color:#00000006}.username{font-size:14px;color:#001529}.admin-sider .ant-menu{background:transparent!important}.admin-sider .ant-menu-item{border-radius:8px;margin:6px 8px;font-weight:500;color:#fff!important;transition:background .2s,color .2s}.admin-sider .ant-menu-item-selected{background:#fff3!important;color:#fff!important}.admin-sider .ant-menu-item:hover{background:#ffffff26!important;color:#fff!important}.admin-sider .ant-menu-item .anticon,.admin-sider .ant-menu-item-selected .anticon,.admin-sider .ant-menu-item:hover .anticon{color:#fff!important}.home-container{margin-top:-1px;padding-top:0;background-color:#f9f7fe;min-height:100vh;overflow:hidden;position:relative;font-family:Comic Sans MS,Bubblegum Sans,Nunito,sans-serif}.home-cloud{position:absolute;background-color:#fffc;border-radius:50px;z-index:4;pointer-events:none}.home-cloud:before,.home-cloud:after{content:"";position:absolute;background-color:#fffc;border-radius:50%}.cloud1{width:180px;height:60px;top:10%;right:15%;animation:float-cloud 15s linear infinite}.cloud1:before{width:70px;height:70px;top:-35px;left:35px}.cloud1:after{width:60px;height:60px;top:-30px;right:35px}.cloud2{width:130px;height:45px;bottom:40%;left:10%;animation:float-cloud 20s linear infinite reverse}.cloud2:before{width:55px;height:55px;top:-30px;left:25px}.cloud2:after{width:45px;height:45px;top:-25px;right:25px}.cloud3{width:100px;height:35px;top:25%;left:20%;animation:float-cloud 18s linear infinite}.cloud3:before{width:40px;height:40px;top:-20px;left:20px}.cloud3:after{width:35px;height:35px;top:-18px;right:20px}.home-balloon{position:absolute;width:60px;height:75px;border-radius:50%;z-index:4;pointer-events:none}.balloon1{background-color:#ff6b6b;top:15%;right:30%;animation:float-balloon 8s ease-in-out infinite}.balloon2{background-color:#4ecdc4;top:30%;left:5%;animation:float-balloon 12s ease-in-out infinite 1s}.home-sun{position:absolute;width:100px;height:100px;background:radial-gradient(circle at center,#ffeb3b,#ff9800);border-radius:50%;top:5%;right:5%;box-shadow:0 0 30px #ff980099;z-index:4;animation:sun-pulse 3s infinite alternate;pointer-events:none}@keyframes float-cloud{0%{transform:translate(-20px)}50%{transform:translate(20px)}to{transform:translate(-20px)}}@keyframes float-balloon{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes sun-pulse{0%{transform:scale(1);box-shadow:0 0 30px #ff980099}to{transform:scale(1.1);box-shadow:0 0 40px #ff9800cc}}.home-slideshow-container{width:100%;height:600px;position:relative;overflow:hidden;margin-bottom:0;box-shadow:0 10px 20px #0000001a}.home-slides-wrapper{display:flex;width:100%;height:100%;transition:transform .6s ease-in-out}.home-slide{min-width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.home-slide-image-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.home-slide-image{width:100%;height:100%;object-fit:cover}.home-slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#0000001a,#0000004d);z-index:2}.home-slide-arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background-color:#fffc;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#333;font-size:1.5rem;z-index:10;box-shadow:0 3px 10px #0003;transition:all .3s}.home-slide-arrow svg{width:30px;height:30px}.prev-arrow{left:20px}.next-arrow{right:20px}.home-slide-arrow:hover{background-color:#fff;transform:translateY(-50%) scale(1.1)}.home-slide-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.home-slide-dot{width:15px;height:15px;border-radius:50%;background-color:#fff9;border:none;cursor:pointer;transition:all .3s}.home-slide-dot.active{background-color:#ff9800;transform:scale(1.2)}.home-slide-rainbow{position:absolute;bottom:0;left:0;width:100%;height:8px;background:linear-gradient(to right,#f44336,#ff9800,#ffeb3b,#4caf50,#2196f3,#3f51b5,#9c27b0);z-index:5}.home-content-container{position:relative;padding:0;max-width:100%;margin:0 auto;background:url('data:image/svg+xml;utf8,<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="20" cy="20" r="3" fill="%23FFEB3B22"/><circle cx="50" cy="80" r="4" fill="%234CAF5022"/><circle cx="80" cy="40" r="3" fill="%23E91E6322"/><circle cx="40" cy="40" r="2" fill="%232196F322"/></svg>')}.home-welcome-section,.home-features-section,.home-stats-section,.home-testimonials-section,.home-cta-section{padding:5rem 2rem;margin:0 auto;max-width:1280px}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.home-section-header{text-align:center;margin-bottom:3rem}.home-section-title{font-size:2.5rem;font-weight:700;color:#7048e8;margin-bottom:1rem;position:relative;display:inline-block}.home-section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(to right,#ff9800,#4caf50,#2196f3);border-radius:2px}.home-section-subtitle{font-size:1.2rem;color:#666;max-width:700px;margin:0 auto}.home-welcome-section{position:relative;text-align:center;padding-top:6rem;padding-bottom:6rem;background:linear-gradient(to bottom,#f3e9ff,#fff);border-radius:0 0 50% 50%/100px;overflow:hidden}.home-welcome-bubbles{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:0}.bubble{position:absolute;border-radius:50%;opacity:.6}.bubble1{width:80px;height:80px;background-color:#ffeb3b;top:20%;left:10%;animation:bubble-float 8s infinite ease-in-out}.bubble2{width:60px;height:60px;background-color:#4caf50;top:60%;right:15%;animation:bubble-float 10s infinite ease-in-out 1s}.bubble3{width:40px;height:40px;background-color:#2196f3;top:30%;right:30%;animation:bubble-float 6s infinite ease-in-out 2s}@keyframes bubble-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}.home-title-wrapper{margin-bottom:2rem;position:relative;z-index:1}.home-main-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem;color:#5f27cd;letter-spacing:-.5px}.text-rainbow{background:linear-gradient(to right,#ff6b6b,#ffda79,#74b9ff,#a29bfe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.home-subtitle{font-size:1.8rem;font-weight:500;color:#555;margin-bottom:1.5rem}.home-title-decoration{display:flex;justify-content:center;margin:1.5rem 0}.crayon{height:4px;width:25px;margin:0 5px;border-radius:4px}.crayon-red{background-color:#ff6b6b}.crayon-yellow{background-color:#ffda79}.crayon-green{background-color:#7bed9f}.crayon-blue{background-color:#74b9ff}.crayon-purple{background-color:#a29bfe}.home-intro-text{font-size:1.2rem;line-height:1.8;color:#666;max-width:800px;margin:0 auto;position:relative;z-index:1}.home-features-section{background-color:#fff;position:relative;z-index:1;padding-top:7rem}.home-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2.5rem}.home-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000000d;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;position:relative;z-index:1;border:3px solid transparent}.home-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px #0000001a}.home-card:nth-child(1){border-color:#ff9800}.home-card:nth-child(2){border-color:#4caf50}.home-card:nth-child(3){border-color:#9c27b0}.home-card-image-wrapper{height:120px;display:flex;justify-content:center;align-items:center;position:relative}.home-card-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px #0000001a}.student-icon{background:linear-gradient(145deg,#ff9800,#ffb74d)}.classroom-icon{background:linear-gradient(145deg,#4caf50,#81c784)}.enrollment-icon{background:linear-gradient(145deg,#9c27b0,#ba68c8)}.home-card-icon svg{width:40px;height:40px;color:#fff}.home-card-content{padding:2rem}.home-card-title{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:1rem}.home-card-text{font-size:1rem;line-height:1.7;color:#666;margin-bottom:1.5rem}.home-card-link-container{margin-top:auto}.home-card-link{display:flex;align-items:center;font-weight:600;text-decoration:none;transition:all .2s}.home-card-link svg{margin-left:8px;transition:transform .2s}.student-link{color:#ff9800}.classroom-link{color:#4caf50}.enrollment-link{color:#9c27b0}.home-card-link:hover{opacity:.85}.home-card-link:hover svg{transform:translate(5px)}.home-stats-section{background:linear-gradient(to bottom,#fff,#f5f0ff);position:relative;overflow:hidden;padding-top:7rem}.home-stats-container{border-radius:20px;overflow:hidden;margin-top:2rem;position:relative}.home-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2rem}.home-stat-card{background:#fff;padding:2.5rem 1.5rem;border-radius:20px;text-align:center;position:relative;box-shadow:0 10px 20px #0000000d;transition:transform .3s ease;border:2px dashed #e0e0e0}.home-stat-card:hover{transform:translateY(-10px)}.home-stat-icon{width:70px;height:70px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.students-stat-icon{background:linear-gradient(145deg,#ff9800,#ffb74d);box-shadow:0 5px 15px #ff98004d}.classrooms-stat-icon{background:linear-gradient(145deg,#4caf50,#81c784);box-shadow:0 5px 15px #4caf504d}.teachers-stat-icon{background:linear-gradient(145deg,#2196f3,#64b5f6);box-shadow:0 5px 15px #2196f34d}.waiting-stat-icon{background:linear-gradient(145deg,#f06292,#f48fb1);box-shadow:0 5px 15px #f062924d}.home-stat-icon svg{width:35px;height:35px}.home-stat-number{font-size:2.8rem;font-weight:800;margin-bottom:.5rem;animation:bounce .5s ease-out}.home-stat-card:nth-child(1) .home-stat-number{color:#ff9800}.home-stat-card:nth-child(2) .home-stat-number{color:#4caf50}.home-stat-card:nth-child(3) .home-stat-number{color:#2196f3}.home-stat-card:nth-child(4) .home-stat-number{color:#f06292}.home-stat-label{font-size:1rem;font-weight:600;color:#555;margin-bottom:1.2rem}.home-stat-progress{width:100%;height:8px;background-color:#f1f1f1;border-radius:4px;overflow:hidden}.home-stat-progress span{display:block;height:100%;border-radius:4px;transition:width 1.5s ease}.home-stat-card:nth-child(1) .home-stat-progress span{background:linear-gradient(to right,#ff9800,#ffb74d)}.home-stat-card:nth-child(2) .home-stat-progress span{background:linear-gradient(to right,#4caf50,#81c784)}.home-stat-card:nth-child(3) .home-stat-progress span{background:linear-gradient(to right,#2196f3,#64b5f6)}.home-stat-card:nth-child(4) .home-stat-progress span{background:linear-gradient(to right,#f06292,#f48fb1)}.home-testimonials-section{background-color:#fff;position:relative;padding-top:7rem}.home-testimonials-section:before{content:"";position:absolute;width:100%;height:100px;top:0;left:0;background-image:url('data:image/svg+xml;utf8,<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><path d="M0,0 Q50,100 100,0" fill="%23f5f0ff"/></svg>');background-size:100% 100px;background-repeat:no-repeat}.home-testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2.5rem}.home-testimonial-card{background-color:#fff;padding:2.5rem;border-radius:20px;position:relative;box-shadow:0 10px 20px #0000000d;transition:transform .3s ease;border:2px solid #f0f0f0}.home-testimonial-card:hover{transform:translateY(-10px)}.home-testimonial-card:before{content:"";position:absolute;top:20px;left:20px;font-size:5rem;line-height:0;color:#9c27b01a;font-family:Georgia,serif}.home-testimonial-quote{font-size:1.1rem;line-height:1.8;color:#555;margin-bottom:1.5rem;position:relative;z-index:1;font-style:italic}.home-testimonial-author{display:flex;flex-direction:column;gap:.3rem}.home-testimonial-name{font-weight:700;font-size:1.1rem;color:#333}.home-testimonial-role{color:#666;font-size:.9rem}.home-cta-section{padding:0;margin:5rem auto}.home-cta-background{background:linear-gradient(to right,#ff9800,#f44336);border-radius:30px;padding:5rem 2rem;position:relative;overflow:hidden;box-shadow:0 20px 40px #ff980033}.home-cta-background:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:radial-gradient(circle,#ffffff1a,#fff0 70%);transform:rotate(-15deg)}.cta-decoration{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.cta-star{position:absolute;background-color:#fffc;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.star1{width:30px;height:30px;top:20%;left:10%;animation:twinkle 3s infinite alternate}.star2{width:20px;height:20px;bottom:30%;right:15%;animation:twinkle 2s infinite alternate 1s}.star3{width:25px;height:25px;bottom:20%;left:30%;animation:twinkle 4s infinite alternate .5s}@keyframes twinkle{0%{opacity:.4;transform:scale(1)}to{opacity:1;transform:scale(1.3)}}.home-cta-content{max-width:700px;margin:0 auto;text-align:center;position:relative;z-index:2}.home-cta-title{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.home-cta-text{font-size:1.2rem;color:#ffffffe6;margin-bottom:2.5rem}.home-cta-buttons{display:flex;gap:1.5rem;justify-content:center}.home-cta-button{padding:1rem 2.5rem;border-radius:50px;font-weight:700;font-size:1.1rem;text-decoration:none;transition:all .3s ease;box-shadow:0 5px 15px #0000001a}.home-cta-button.primary{background-color:#fff;color:#ff9800}.home-cta-button.primary:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 20px #00000026}.home-cta-button.secondary{background-color:transparent;color:#fff;border:3px solid white}.home-cta-button.secondary:hover{background-color:#ffffff1a;transform:translateY(-5px) scale(1.05)}@keyframes countUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.counter{animation:countUp .5s ease-out forwards}@media (max-width: 768px){.home-main-title{font-size:2.5rem}.home-subtitle{font-size:1.5rem}.home-section-title{font-size:2rem}.home-stats-grid,.home-testimonials-grid{grid-template-columns:1fr}.home-cta-buttons{flex-direction:column;gap:1rem;max-width:300px;margin:0 auto}.home-welcome-section,.home-features-section,.home-stats-section,.home-testimonials-section,.home-cta-section{padding:3rem 1.5rem}.home-stat-card,.home-testimonial-card{padding:2rem 1.5rem}.home-cloud,.home-balloon,.home-sun{display:none}.home-slideshow-container{height:400px}}@media (max-width: 480px){.home-main-title{font-size:2rem}.home-subtitle{font-size:1.2rem}.home-card-grid{grid-template-columns:1fr}.home-slideshow-container{height:300px}.home-welcome-section{border-radius:0 0 25% 25%/50px}}.login-page{min-height:100vh;width:100%;background:linear-gradient(to right,#2c3e50,#3498db,#9dd5f5);display:flex;align-items:center;justify-content:center;padding:3rem 1rem;position:relative;overflow:hidden}.login-decoration{position:absolute;z-index:1}.sun-element{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at center,#ffeb3b,#ff9800);top:15%;right:15%;z-index:1;animation:sun-glow 8s infinite alternate;position:relative}.sun-element:before{content:"";position:absolute;top:-15px;left:-15px;right:-15px;bottom:-15px;background:radial-gradient(circle at center,#ffff00b3 30%,#ffd70080,#ffa50000 70%);border-radius:50%;z-index:-1;animation:sun-shimmer 5s infinite alternate}.sun-element:after{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;background:radial-gradient(circle at center,#fff0,#ffffff80 50%,#fff0 70%);border-radius:50%;z-index:-1;opacity:.7;animation:sun-sparkle 3s infinite}@keyframes sun-glow{0%{box-shadow:0 0 50px #ff980099,0 0 30px #ffd70066;transform:scale(1)}to{box-shadow:0 0 70px #ff9800cc,0 0 40px #ffd70099;transform:scale(1.05)}}@keyframes sun-shimmer{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1.05);opacity:.7}}@keyframes sun-sparkle{0%,to{opacity:.3}50%{opacity:.8}}.sun-ray-container{position:absolute;width:100%;height:100%;top:0;left:0;animation:rotate-rays 20s linear infinite}.login-rainbow{position:absolute;height:10px;width:100%;left:0;background:linear-gradient(to right,#f44336,#ff9800,#ffeb3b,#4caf50,#2196f3,#3f51b5,#9c27b0);z-index:2}.login-container{width:100%;max-width:1000px;display:flex;position:relative;z-index:5}.login-card{flex:1;background-color:#fffffff2;border-radius:20px;padding:2.5rem;box-shadow:0 15px 30px #00000026;max-width:600px;margin:0 auto;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(to right,#ff9800,#8bc34a);border-radius:20px 20px 0 0}.login-underline{display:none}.login-header{text-align:center;margin-bottom:2rem}.login-logo{width:70px;height:70px;background:linear-gradient(135deg,#ff8a65,#ff5722);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 6px 12px #ff572233}.login-logo svg{width:40px;height:40px;color:#fff}.login-title{font-size:2rem;font-weight:700;color:#ff5722;margin-bottom:.5rem}.login-subtitle{font-size:1.25rem;color:#ff8a65;margin-bottom:1rem;font-weight:600}.login-error{background-color:#ffebee;color:#d32f2f;padding:1rem;border-radius:10px;margin-bottom:1.5rem;display:flex;align-items:center;border-left:4px solid #d32f2f}.login-error svg{width:24px;height:24px;color:#d32f2f;margin-right:.75rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-input-group{display:flex;flex-direction:column}.login-label{display:flex;align-items:center;font-weight:600;color:#455a64;margin-bottom:.5rem;font-size:1rem}.login-label svg{width:20px;height:20px;margin-right:.5rem;color:#ff8a65}.login-input{padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;transition:all .3s;background-color:#fff}.login-input:focus{border-color:#ff8a65;box-shadow:0 0 0 3px #ff8a6533;outline:none}.login-input::placeholder{color:#bdbdbd}.login-options{display:flex;justify-content:space-between;align-items:center}.login-remember{display:flex;align-items:center}.remember-checkbox{width:18px;height:18px;border-radius:4px;margin-right:.5rem;accent-color:#ff8a65}.remember-label{font-size:.9rem;color:#546e7a}.forgot-link{font-size:.9rem;color:#ff8a65;text-decoration:none;font-weight:600;transition:color .3s}.forgot-link:hover{color:#ff5722;text-decoration:underline}.login-button{background:linear-gradient(to right,#ff8a65,#ff5722);color:#fff;border:none;padding:1rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 8px #ff572233;margin-top:1rem}.login-button:hover{background:linear-gradient(to right,#ff7043,#f4511e);box-shadow:0 6px 12px #ff57224d;transform:translateY(-2px)}.login-button:disabled{background:#e0e0e0;color:#9e9e9e;box-shadow:none;cursor:not-allowed;transform:none}.login-register{text-align:center;margin-top:1.5rem;font-size:.9rem;color:#546e7a}.register-link{color:#ff8a65;font-weight:600;text-decoration:none;margin-left:.5rem;transition:color .3s}.register-link:hover{color:#ff5722;text-decoration:underline}.login-decoration-container{display:none}.pencil-container{display:flex;justify-content:center;gap:10px;transform:rotate(-15deg);margin-top:2rem}.pencil{width:12px;height:120px;border-radius:6px;position:relative}.pencil:before{content:"";position:absolute;top:-15px;left:0;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:15px solid #f5f5f5}.pencil:after{content:"";position:absolute;bottom:0;left:0;width:12px;height:15px;background-color:#ffecb3;border-radius:0 0 6px 6px}.pencil-red{background-color:#f44336;animation:float-pencil 4s infinite alternate}.pencil-blue{background-color:#2196f3;animation:float-pencil 4s infinite alternate;animation-delay:.5s}.pencil-green{background-color:#4caf50;animation:float-pencil 4s infinite alternate;animation-delay:1s}.pencil-yellow{background-color:#ffc107;animation:float-pencil 4s infinite alternate;animation-delay:1.5s}@keyframes float-pencil{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.book-stack{position:relative;height:100px;width:150px;margin:2rem 0}.book{position:absolute;width:150px;height:20px;border-radius:2px 10px 10px 2px;box-shadow:3px 3px 5px #0000001a}.book-blue{background-color:#2196f3;bottom:0;transform:rotate(0);z-index:3}.book-red{background-color:#f44336;bottom:15px;transform:rotate(-5deg);z-index:2}.book-green{background-color:#4caf50;bottom:25px;transform:rotate(-10deg);z-index:1}.crayon-box{display:flex;gap:8px;align-items:flex-end;margin-bottom:2rem}.crayon{width:10px;height:60px;border-radius:5px 5px 0 0}.crayon-red{background-color:#f44336;height:40px;animation:crayon-bounce 2s infinite alternate}.crayon-orange{background-color:#ff9800;height:50px;animation:crayon-bounce 2s infinite alternate;animation-delay:.2s}.crayon-yellow{background-color:#ffc107;height:45px;animation:crayon-bounce 2s infinite alternate;animation-delay:.4s}.crayon-green{background-color:#4caf50;height:55px;animation:crayon-bounce 2s infinite alternate;animation-delay:.6s}.crayon-blue{background-color:#2196f3;height:35px;animation:crayon-bounce 2s infinite alternate;animation-delay:.8s}.crayon-purple{background-color:#9c27b0;height:48px;animation:crayon-bounce 2s infinite alternate;animation-delay:1s}@keyframes crayon-bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.login-footer{position:absolute;bottom:0;left:0;width:100%;height:10px;background:linear-gradient(to right,#f44336,#ff9800,#ffc107,#4caf50,#2196f3,#3f51b5,#9c27b0);z-index:1}@media (max-width: 992px){.login-container{flex-direction:column;max-width:600px}.login-decoration-container{display:none}}@media (max-width: 576px){.login-form-wrapper{padding:2rem 1.5rem}.login-title{font-size:1.5rem}.login-subtitle{font-size:1rem}.login-options{flex-direction:column;align-items:flex-start;gap:1rem}}.success-popup{display:none}.success-toast{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#43a047,#66bb6a);color:#fff;border-radius:10px;box-shadow:0 5px 15px #0003;display:flex;overflow:hidden;min-width:300px;max-width:400px;z-index:1000;animation:slide-in-right .5s ease forwards}.success-toast-icon{background-color:#fff3;padding:15px;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}.success-toast-icon svg{width:24px;height:24px;color:#fff}.success-toast-content{padding:15px;display:flex;flex-direction:column}.success-toast-title{font-weight:600;font-size:16px;margin-bottom:4px}.success-toast-message{font-size:14px;opacity:.9}.success-toast-progress{position:absolute;bottom:0;left:0;height:3px;background-color:#ffffffb3;width:0;animation:progress 1.5s linear forwards}@keyframes slide-in-right{0%{transform:translate(100%) translateY(-10px);opacity:0}60%{transform:translate(-10px) translateY(0)}to{transform:translate(0) translateY(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes progress{0%{width:0}to{width:100%}}.custom-toast-container{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:12px;left:50%;transform:translate(-50%)}.custom-toast-container.top-right{top:90px;right:16px;left:auto;transform:none}.custom-toast-container.top-left{top:16px;left:16px}.custom-toast-container.bottom-right{bottom:16px;right:16px}.custom-toast-container.bottom-left{bottom:16px;left:16px}.custom-toast-container.top-center{top:16px}.custom-toast-container.center{top:50%;transform:translate(-50%,-50%)}.custom-toast-container.bottom-center{bottom:16px}.custom-toast{display:flex;position:relative;min-width:280px;max-width:380px;padding:16px;border-radius:12px;background-color:#fff;box-shadow:0 6px 16px #0000001f;overflow:hidden;animation:slide-in .4s ease-out forwards}@keyframes slide-in{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.custom-toast-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:16px;border-radius:50%}.custom-toast-icon svg{width:24px;height:24px}.success-icon{color:#4caf50;background-color:#4caf501a;padding:8px}.error-icon{color:#f44336;background-color:#f443361a;padding:8px}.warning-icon{color:#ff9800;background-color:#ff98001a;padding:8px}.info-icon{color:#2196f3;background-color:#2196f31a;padding:8px}.custom-toast-content{flex:1;display:flex;flex-direction:column}.custom-toast-title{font-weight:700;font-size:16px;margin-bottom:4px;color:#333;font-family:Nunito,sans-serif}.custom-toast-message{font-size:14px;color:#555;line-height:1.4;font-family:Nunito,sans-serif}.custom-toast-progress{position:absolute;left:0;bottom:0;height:4px;transition:width .1s linear}.success-progress{background-color:#4caf50}.error-progress{background-color:#f44336}.warning-progress{background-color:#ff9800}.info-progress{background-color:#2196f3}.success-toast{min-width:320px;padding:16px 20px;border-radius:12px;background-color:#4caf50;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;border-left:none;box-shadow:0 4px 12px #0003;animation:slide-in-from-top .4s ease-out forwards}@keyframes slide-in-from-top{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.success-toast .custom-toast-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:0;margin-bottom:8px;color:#fff;background-color:transparent;padding:0}.success-toast .custom-toast-content{display:flex;flex-direction:column;align-items:center;width:100%}.success-toast .custom-toast-title{font-weight:700;font-size:20px;margin-bottom:4px;color:#fff}.success-toast .custom-toast-message{font-size:16px;color:#ffffffe6;line-height:1.4}.success-toast .custom-toast-progress{display:none}.error-toast,.warning-toast,.info-toast{display:flex;position:relative;min-width:280px;max-width:380px;padding:16px;border-radius:12px;background-color:#fff;box-shadow:0 6px 16px #0000001f;overflow:hidden;animation:slide-in .4s ease-out forwards}.error-toast{border-color:#f44336}.warning-toast{border-color:#ff9800}.info-toast{border-color:#2196f3}@keyframes progress-decrease{0%{width:100%}to{width:0%}}.custom-toast-progress{animation:progress-decrease linear forwards;animation-duration:inherit}.toast-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9998;animation:fade-in .3s ease forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.custom-toast-container.center{z-index:9999}.register-page{min-height:100vh;width:100%;background:linear-gradient(to right,#2c3e50,#3498db,#9dd5f5);display:flex;align-items:center;justify-content:center;padding:3rem 1rem;position:relative;overflow:hidden}.day-night-separator{position:absolute;width:100%;height:100%;background:linear-gradient(to right,#2c3e50cc,#3498db99,#9dd5f566);top:0;left:0;z-index:0}.sun-element{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at center,#ffeb3b,#ff9800);top:15%;right:15%;box-shadow:0 0 70px #ff9800cc;z-index:1;animation:sun-glow 8s infinite alternate}.sun-rays-container{position:absolute;width:100%;height:100%;top:0;left:0;animation:rotate-rays 20s linear infinite;transform-origin:center center}.sun-ray{position:absolute;background-color:#ffeb3b66;top:50%;left:50%;transform-origin:0 0}.ray-1{width:100px;height:2px;transform:rotate(0)}.ray-2{width:90px;height:2px;transform:rotate(45deg)}.ray-3{width:80px;height:2px;transform:rotate(90deg)}.ray-4{width:90px;height:2px;transform:rotate(135deg)}.ray-5{width:100px;height:2px;transform:rotate(180deg)}.ray-6{width:90px;height:2px;transform:rotate(225deg)}.ray-7{width:80px;height:2px;transform:rotate(270deg)}.ray-8{width:90px;height:2px;transform:rotate(315deg)}@keyframes sun-glow{0%{box-shadow:0 0 70px #ff980099;transform:scale(1)}to{box-shadow:0 0 100px #ff9800cc;transform:scale(1.05)}}@keyframes rotate-rays{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.moon-element{position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f5f5f5,#e0e0e0);top:20%;left:15%;box-shadow:0 0 40px #ffffff80;z-index:1;animation:moon-glow 8s infinite alternate}.moon-crater{position:absolute;background-color:#c8c8c880;border-radius:50%}.crater-1{width:25px;height:25px;top:30px;left:25px}.crater-2{width:15px;height:15px;top:60px;left:65px}.crater-3{width:20px;height:20px;top:75px;left:40px}@keyframes moon-glow{0%{box-shadow:0 0 40px #ffffff80;transform:scale(1)}to{box-shadow:0 0 60px #ffffffb3;transform:scale(1.03)}}.stars-container{position:absolute;width:40%;height:100%;top:0;left:0;z-index:1}.star{position:absolute;background-color:#fff;border-radius:50%;animation:twinkle 4s infinite alternate}.star-1{width:3px;height:3px;top:15%;left:20%;animation-delay:0s}.star-2{width:2px;height:2px;top:25%;left:10%;animation-delay:.5s}.star-3{width:4px;height:4px;top:35%;left:25%;animation-delay:1s}.star-4{width:2px;height:2px;top:45%;left:15%;animation-delay:1.5s}.star-5{width:3px;height:3px;top:55%;left:5%;animation-delay:2s}.star-6{width:4px;height:4px;top:65%;left:30%;animation-delay:2.5s}.star-7{width:2px;height:2px;top:75%;left:12%;animation-delay:3s}.star-8{width:3px;height:3px;top:85%;left:22%;animation-delay:3.5s}@keyframes twinkle{0%{opacity:.3;transform:scale(1)}to{opacity:1;transform:scale(1.3)}}.register-rainbow{position:absolute;height:10px;width:100%;left:0;background:linear-gradient(to right,#f44336,#ff9800,#ffeb3b,#4caf50,#2196f3,#3f51b5,#9c27b0);z-index:2}.top-rainbow{top:0}.bottom-rainbow{bottom:0}.register-cloud{position:absolute;background-color:#fff;border-radius:50px;opacity:.85;box-shadow:0 5px 15px #0000001a;z-index:2}.register-cloud:before,.register-cloud:after{content:"";position:absolute;background-color:#fff;border-radius:50%}.cloud-1{width:180px;height:60px;top:45%;right:25%;animation:float-cloud 15s ease-in-out infinite}.cloud-1:before{width:80px;height:80px;top:-40px;left:25px}.cloud-1:after{width:60px;height:60px;top:-30px;right:25px}.cloud-2{width:120px;height:40px;bottom:25%;right:15%;animation:float-cloud 18s ease-in-out infinite reverse}.cloud-2:before{width:50px;height:50px;top:-25px;left:20px}.cloud-2:after{width:40px;height:40px;top:-20px;right:15px}.cloud-3{width:150px;height:50px;bottom:30%;left:35%;animation:float-cloud 20s ease-in-out infinite;animation-delay:5s}.cloud-3:before{width:65px;height:65px;top:-30px;left:25px}.cloud-3:after{width:55px;height:55px;top:-25px;right:20px}@keyframes float-cloud{0%,to{transform:translate(0)}50%{transform:translate(30px)}}.register-container{width:100%;max-width:1000px;display:flex;position:relative;z-index:5}.register-card{flex:1;background-color:#fffffff2;border-radius:20px;padding:2.5rem;box-shadow:0 15px 30px #00000026;max-width:600px;margin:0 auto;position:relative;overflow:hidden}.register-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(to right,#ff9800,#8bc34a);border-radius:20px 20px 0 0}.register-header{text-align:center;margin-bottom:2rem}.register-logo{width:70px;height:70px;background:linear-gradient(135deg,#ff9800,#ff5722);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 6px 12px #ff572233}.register-logo svg{width:40px;height:40px;color:#fff}.register-title{font-size:2rem;font-weight:700;color:#43a047;margin-bottom:.5rem}.register-subtitle{font-size:1rem;color:#7cb342;margin-bottom:1rem}.color-dots{display:flex;justify-content:center;gap:12px;margin-top:15px}.dot{width:15px;height:15px;border-radius:50%;animation:bounce 2s infinite alternate}.dot-red{background-color:#f44336;animation-delay:0s}.dot-yellow{background-color:#ffeb3b;animation-delay:.2s}.dot-green{background-color:#4caf50;animation-delay:.4s}.dot-blue{background-color:#2196f3;animation-delay:.6s}.dot-purple{background-color:#9c27b0;animation-delay:.8s}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.register-error{background-color:#ffebee;color:#d32f2f;padding:1rem;border-radius:10px;margin-bottom:1.5rem;display:flex;align-items:center;border-left:4px solid #d32f2f}.register-error svg{width:24px;height:24px;color:#d32f2f;margin-right:.75rem}.register-form{display:flex;flex-direction:column;gap:1.25rem}.form-input-group{display:flex;flex-direction:column}.form-label{display:flex;align-items:center;font-weight:600;color:#455a64;margin-bottom:.5rem;font-size:1rem}.form-label svg{width:20px;height:20px;margin-right:.5rem;color:#43a047}.form-input{padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;transition:all .3s;background-color:#fff}.form-input:focus{border-color:#43a047;box-shadow:0 0 0 3px #43a04733;outline:none}.form-input::placeholder{color:#bdbdbd}.register-button{background:linear-gradient(45deg,#ff9800,#f57c00);color:#fff;border:none;padding:1rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 8px #f57c004d;margin-top:1rem;display:flex;align-items:center;justify-content:center}.register-button span{margin-right:.5rem}.register-button svg{width:20px;height:20px;transition:transform .3s}.register-button:hover{background:linear-gradient(45deg,#fb8c00,#ef6c00);box-shadow:0 6px 12px #f57c0066;transform:translateY(-2px)}.register-button:hover svg{transform:translate(3px)}.register-footer{margin-top:2rem;text-align:center;color:#455a64;font-size:.9rem}.login-link{display:inline-flex;align-items:center;color:#ff9800;font-weight:600;text-decoration:none;margin-top:.5rem;transition:all .3s}.login-link svg{width:18px;height:18px;margin-left:.25rem;transition:transform .3s}.login-link:hover{color:#f57c00}.login-link:hover svg{transform:translate(3px)}.animated-elements{position:fixed;bottom:30px;left:0;width:100%;height:80px;pointer-events:none;z-index:2;overflow:hidden}.required-star{color:red;margin-left:2px}@media (max-width: 768px){.register-card{padding:2rem 1.5rem}.register-title{font-size:1.75rem}.sun-element,.moon-element{transform:scale(.7)}.cloud-1,.cloud-2{display:none}}@media (max-width: 480px){.register-card{padding:1.5rem 1rem}.register-title{font-size:1.5rem}.form-label{font-size:.9rem}.form-input{padding:.6rem .8rem;font-size:.9rem}.sun-element,.moon-element{transform:scale(.5)}}.password-strength-container{margin-top:8px}.password-strength-meter{height:6px;background-color:#e0e0e0;border-radius:3px;margin-bottom:5px}.password-strength-bar{height:100%;border-radius:3px;transition:width .3s ease,background-color .3s ease}.strength-none{width:0}.strength-weak{background-color:#f44336}.strength-fair{background-color:#ff9800}.strength-good{background-color:#ffc107}.strength-strong{background-color:#4caf50}.password-strength-text{font-size:.8rem;color:#757575}.password-input-container{position:relative;display:flex;align-items:center}.password-toggle-btn{position:absolute;right:12px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:#757575;transition:color .2s}.password-toggle-btn:hover{color:#455a64}.password-toggle-btn svg{width:22px;height:22px;color:#757575}.password-toggle-btn:hover svg{color:#455a64}.password-input-container .form-input{padding-right:40px;width:100%}:root{--primary-color: #ff7043;--primary-color-dark: #f4511e;--primary-color-light: #ffccbc;--primary-rgb: 255, 112, 67;--accent-color: #5c6bc0;--accent-color-light: #d1c4e9;--accent-rgb: 92, 107, 192;--success-color: #4caf50;--success-color-light: #e8f5e9;--success-rgb: 76, 175, 80;--warning-color: #ffb300;--warning-color-light: #fff8e1;--warning-rgb: 255, 179, 0;--danger-color: #f44336;--danger-color-light: #ffebee;--danger-rgb: 244, 67, 54;--text-color: #37474f;--text-color-dark: #263238;--text-color-muted: #607d8b;--card-bg-color: #ffffff;--card-border-color: #eceff1;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--anim-duration-fast: .2s;--anim-duration-normal: .3s;--anim-duration-slow: .5s}.profile-container{max-width:1280px;margin:30px auto;padding:0 1.5rem 3rem}.profile-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#4a5568}.profile-loading-spinner{width:50px;height:50px;border-radius:50%;border:3px solid rgba(255,138,101,.2);border-top-color:#ff8a65;animation:spinner 1s linear infinite;margin-bottom:1rem}@keyframes spinner{to{transform:rotate(360deg)}}.profile-message{position:relative;display:flex;align-items:center;padding:1rem 3rem 1rem 1.5rem;margin:1.5rem 0;border-radius:8px;font-size:1rem;animation:slideDown .5s ease-out;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.profile-message.success{background-color:#e8f5e9;border-left:4px solid #4caf50;color:#2e7d32;animation:successMessage .5s ease-out}@keyframes successMessage{0%{transform:translateY(-20px);opacity:0}50%{transform:translateY(10px)}75%{transform:translateY(-5px)}to{transform:translateY(0);opacity:1}}.profile-message.error{background-color:#ffebee;border-left:4px solid #f44336;color:#c62828}.message-icon{width:28px;height:28px;margin-right:15px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.message-icon svg{width:24px;height:24px}.profile-message.success .message-icon{color:#4caf50}.profile-message.error .message-icon{color:#f44336}.message-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;width:24px;height:24px;opacity:.5;transition:opacity .2s;padding:0;display:flex;align-items:center;justify-content:center}.message-close:hover{opacity:.8}.message-close svg{width:16px;height:16px}@keyframes highlightSuccess{0%{background-color:#4caf504d}to{background-color:transparent}}.field-updated{animation:highlightSuccess 2s ease-out}.profile-header-banner{background:linear-gradient(135deg,#ff8a65,#ff7043);border-radius:12px;height:180px;margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #ff8a654d;display:flex;align-items:flex-end}.profile-header-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.6}.profile-header-content{padding:2rem;color:#fff;position:relative;z-index:2}.profile-header-content h1{font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.profile-header-content p{font-size:1.1rem;margin:.5rem 0 0;opacity:.9;max-width:600px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.profile-layout{display:grid;grid-template-columns:280px 1fr;gap:2rem}@media (max-width: 1024px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{margin-bottom:2rem}}.profile-sidebar{display:flex;flex-direction:column;gap:1.5rem}.profile-avatar-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000000d;text-align:center;position:relative;border:1px solid #f0f0f0}.profile-avatar-container{width:120px;height:120px;margin:0 auto 1.5rem;position:relative}.profile-avatar{width:120px;height:120px;background:linear-gradient(135deg,#ff8a65,#ff7043);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem;font-weight:600;box-shadow:0 8px 20px #ff8a654d;position:relative;z-index:1;border:4px solid white}.profile-avatar-overlay{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:opacity .3s;z-index:2}.profile-avatar-overlay svg{width:40px;height:40px;color:#fff}.profile-avatar-container:hover .profile-avatar-overlay{opacity:1}.profile-name{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:#2d3748}.profile-role-badge{display:inline-block;background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#c05621;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:1rem}.profile-stats{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.profile-stat{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:#f8f9fa;border-radius:8px}.stat-label{display:flex;align-items:center;font-size:.85rem;color:#4a5568;font-weight:500}.stat-label svg{width:16px;height:16px;margin-right:.5rem;color:#718096}.stat-value{font-size:.85rem;color:#2d3748;font-weight:500;display:flex;align-items:center}.status-indicator{width:8px;height:8px;border-radius:50%;margin-right:6px}.status-indicator.active{background-color:#48bb78}.sidebar-menu{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d;border:1px solid #f0f0f0}.sidebar-menu-item{display:flex;align-items:center;padding:1rem 1.5rem;color:#4a5568;font-weight:500;transition:all .2s;border-left:3px solid transparent;cursor:pointer;position:relative}.sidebar-menu-item:not(:last-child){border-bottom:1px solid #f0f0f0}.sidebar-menu-item svg{width:20px;height:20px;margin-right:12px;color:#718096}.sidebar-menu-item:hover{background-color:#f8f9fa;color:#ff7043}.sidebar-menu-item:hover svg{color:#ff7043}.sidebar-menu-item.active{background-color:#fff8f6;color:#ff7043;font-weight:600;border-left-color:#ff7043}.sidebar-menu-item.active svg{color:#ff7043}.sidebar-menu-item.active:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background-color:var(--primary-color);border-top-right-radius:4px;border-bottom-right-radius:4px}.profile-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #f0f0f0;overflow:hidden}.content-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #f0f0f0}.content-header h2{font-size:1.5rem;font-weight:600;margin:0;color:#2d3748}.edit-profile-btn{display:flex;align-items:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 10px #ff704333}.edit-profile-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #ff70434d}.edit-profile-btn svg{width:18px;height:18px;margin-right:8px}.edit-actions{display:flex;align-items:center;gap:1rem}.save-profile-btn,.cancel-edit-btn{display:flex;align-items:center;justify-content:center;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.save-profile-btn{background:linear-gradient(135deg,#4caf50,#43a047);color:#fff;box-shadow:0 4px 10px #4caf5033}.save-profile-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #4caf504d}.save-profile-btn svg{width:18px;height:18px;margin-right:8px}.save-profile-btn:disabled{background:linear-gradient(135deg,#a5d6a7,#81c784);cursor:not-allowed;transform:none}.cancel-edit-btn{background:#f5f5f5;color:#555;box-shadow:0 4px 10px #0000000d}.cancel-edit-btn:hover{background:#e0e0e0;transform:translateY(-2px)}.cancel-edit-btn svg{width:18px;height:18px;margin-right:8px}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinner .8s linear infinite;margin-right:8px}.profile-form{padding:2rem}.form-section{margin-bottom:2.5rem}.form-section:last-child{margin-bottom:0}.section-title{display:flex;align-items:center;font-size:1.2rem;color:#2d3748;margin:0 0 1.5rem;font-weight:600}.section-title svg{width:20px;height:20px;margin-right:10px;color:#ff7043}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:#4a5568;font-size:.95rem}.input-with-icon svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#a0aec0;pointer-events:none;z-index:1}.input-with-icon input,.input-with-icon .readonly-field{padding-left:45px!important;height:46px;display:flex;align-items:center}.input-note{padding-left:45px;font-size:.8rem;color:#718096;margin-top:.75rem;font-style:italic}input[type=text],input[type=email],input[type=tel],textarea{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s;background-color:#fff}input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,textarea:focus{border-color:#ff7043;outline:none;box-shadow:0 0 0 3px #ff704326}.readonly-field{background-color:#f8f9fa!important;color:#718096;cursor:not-allowed}textarea{min-height:120px;resize:vertical}.profile-data{padding:.75rem 1rem;min-height:45px;display:flex;align-items:center;color:#2d3748;background-color:#f8f9fa;border-radius:8px}.bio-data{min-height:120px;align-items:flex-start}.bio-data p{margin:0;line-height:1.6}@media (max-width: 768px){.profile-header-content h1{font-size:1.75rem}.profile-header-content p{font-size:1rem}.content-header{flex-direction:column;align-items:flex-start;gap:1rem}.edit-profile-btn,.edit-actions{width:100%}.edit-actions{flex-direction:column;gap:.75rem}.save-profile-btn,.cancel-edit-btn{width:100%}.cancel-edit-btn{order:1}.save-profile-btn{order:0}}.child-profile-management{width:100%}.content-header{position:relative}.content-header:after{content:"";position:absolute;bottom:-1px;left:2rem;right:2rem;height:1px;background:linear-gradient(90deg,#fff0,#eceff1 15%,#eceff1 85%,#fff0)}.children-grid{display:flex;flex-direction:column;gap:16px;margin-top:24px;padding:0 24px 24px;max-height:480px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffb74d #f5f5f5}.children-grid::-webkit-scrollbar{width:8px}.children-grid::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.children-grid::-webkit-scrollbar-thumb{background:#ffcc80;border-radius:4px}.children-grid::-webkit-scrollbar-thumb:hover{background:#ffb74d}.child-card-row{display:flex;align-items:center;padding:16px 24px;gap:20px;width:100%;min-height:92px;box-sizing:border-box}.child-card-row .child-avatar{width:60px;height:60px;margin-right:0}.child-card-row .child-info{width:180px;min-width:180px}.child-card-row .child-name{font-size:1.1rem;margin:0 0 4px}.child-card-row .child-dob{font-size:.85rem;margin:0}.child-details-row{display:flex;align-items:center;gap:24px;flex:1}.child-details-row p{display:flex;align-items:center;gap:8px;margin:0;font-size:.9rem;color:var(--text-color)}.child-details-row p svg{color:var(--primary-color)}.child-card-row .child-actions{position:static;display:flex;gap:10px}@media (max-width: 992px){.child-details-row{flex-wrap:wrap;gap:12px}.child-card-row{flex-wrap:wrap}.child-card-row .child-info{width:calc(100% - 80px);min-width:auto}.child-details-row{width:100%;margin-top:12px}}@media (max-width: 768px){.child-card-row .child-actions{margin-left:auto;margin-top:12px}}.child-card{background-color:var(--card-bg-color);border-radius:var(--border-radius-md);padding:24px;box-shadow:var(--shadow-sm);display:flex;position:relative;transition:transform var(--anim-duration-normal),box-shadow var(--anim-duration-normal);overflow:hidden;border:1px solid var(--card-border-color)}.child-card:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(to bottom,var(--primary-color),var(--primary-color-dark));opacity:0;transition:opacity var(--anim-duration-normal)}.child-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.child-card:hover:before{opacity:1}.child-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color-light) 0%,var(--accent-color) 100%);display:flex;align-items:center;justify-content:center;margin-right:20px;flex-shrink:0;box-shadow:0 4px 8px #0000001a;border:3px solid #fff;color:#fff}.child-avatar svg,.child-avatar .svg-inline--fa{width:42px;height:42px;color:#fff}.child-info{flex:1}.child-name{font-size:1.25rem;margin:0 0 6px;color:var(--text-color-dark);font-weight:600}.child-dob{font-size:.95rem;color:var(--text-color-muted);margin-bottom:12px;display:flex;align-items:center}.child-dob:before{content:"";display:inline-block;width:8px;height:8px;background-color:var(--primary-color);border-radius:50%;margin-right:8px}.child-details{font-size:.9rem;color:var(--text-color);margin-top:8px;background-color:rgba(var(--accent-rgb),.05);padding:12px;border-radius:var(--border-radius-sm);border:1px solid rgba(var(--accent-rgb),.1)}.child-details p{margin:6px 0;display:flex;align-items:flex-start}.child-details p strong{color:var(--accent-color);min-width:100px;display:inline-block}.child-actions{position:absolute;top:18px;right:18px;display:flex;gap:10px}.edit-child-btn,.delete-child-btn{background:none;border:none;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--anim-duration-fast);box-shadow:var(--shadow-sm)}.edit-child-btn{background-color:rgba(var(--primary-rgb),.1);color:var(--primary-color)}.delete-child-btn{background-color:rgba(var(--danger-rgb),.1);color:var(--danger-color)}.edit-child-btn:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.delete-child-btn:hover{background-color:var(--danger-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.edit-child-btn svg,.delete-child-btn svg{width:20px;height:20px;transition:color var(--anim-duration-fast)}.empty-children-state{text-align:center;padding:48px 24px;background-color:var(--card-bg-color);border-radius:var(--border-radius-md);margin:24px;border:2px dashed rgba(var(--primary-rgb),.2);box-shadow:var(--shadow-sm)}.empty-icon{width:100px;height:100px;margin:0 auto 24px;background:linear-gradient(135deg,var(--primary-color-light) 0%,var(--primary-color) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px rgba(var(--primary-rgb),.2);animation:pulse 3s infinite;color:#fff}.empty-icon svg{width:50px;height:50px;color:#fff}.empty-children-state h3{font-size:1.6rem;margin:0 0 16px;color:var(--text-color-dark)}.empty-children-state p{color:var(--text-color-muted);margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.5}.add-first-child-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#fff;border:none;padding:14px 28px;border-radius:var(--border-radius-md);font-weight:600;font-size:1.1rem;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all var(--anim-duration-normal);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.add-first-child-btn:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(var(--primary-rgb),.4)}.add-first-child-btn svg{width:24px;height:24px}.profile-form-container{padding:24px}.profile-form-container h3{margin-top:0;margin-bottom:24px;font-size:1.4rem;color:var(--text-color-dark);position:relative;padding-bottom:12px}.profile-form-container h3:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:3px;background:linear-gradient(90deg,var(--primary-color),rgba(var(--primary-rgb),.3));border-radius:3px}.child-add-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#fff;border:none;padding:10px 20px;border-radius:var(--border-radius-md);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all var(--anim-duration-normal);box-shadow:0 4px 12px rgba(var(--primary-rgb),.2)}.child-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--primary-rgb),.3)}.child-add-btn svg{width:20px;height:20px}.form-group label{font-weight:600;margin-bottom:8px;color:var(--text-color-dark);display:flex;align-items:center}.form-group label:after{content:"";margin-left:4px}.form-group label[for$="*"]:after,.form-group label[for$="*"]+.input-with-icon:before{content:"*";color:var(--danger-color);margin-left:4px;font-size:1.2em}.radio-group{display:flex;gap:24px;margin-top:12px}.radio-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 16px;background-color:#f5f5f5;border-radius:var(--border-radius-sm);transition:all var(--anim-duration-fast);font-weight:500}.radio-label:hover{background-color:#eee}.radio-label input{cursor:pointer;width:18px;height:18px;accent-color:var(--primary-color)}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--primary-color);pointer-events:none;z-index:1}.input-with-icon input,.input-with-icon .readonly-field{padding-left:48px!important;height:50px;display:flex;align-items:center;border-radius:var(--border-radius-md);border:1px solid var(--card-border-color);font-size:1rem;width:100%;transition:all var(--anim-duration-fast)}.input-with-icon input:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15);outline:none}textarea{padding:12px;font-size:1rem;border-radius:var(--border-radius-md);border:1px solid var(--card-border-color);resize:vertical;width:100%;min-height:100px;transition:all var(--anim-duration-fast);font-family:inherit}@media (max-width: 768px){.children-grid{grid-template-columns:1fr;padding:0 16px 16px}.child-card{padding:18px;flex-direction:column}.child-avatar{width:64px;height:64px;margin-right:0;margin-bottom:16px}.child-actions{top:14px;right:14px}.child-details{padding:10px}.child-details p strong{min-width:80px}.empty-children-state{padding:32px 16px}.empty-icon{width:80px;height:80px;margin-bottom:16px}.empty-icon svg{width:40px;height:40px}.empty-children-state h3{font-size:1.4rem}.empty-children-state p{font-size:1rem}.add-first-child-btn{padding:12px 24px;font-size:1rem}}.radio-label.active{background-color:rgba(var(--primary-rgb),.15);border:1px solid rgba(var(--primary-rgb),.3);font-weight:600;color:var(--primary-color-dark)}.child-contact{display:flex;align-items:center}.child-contact:before{content:"";display:inline-block;width:8px;height:8px;background-color:var(--accent-color);border-radius:50%;margin-right:8px}.edit-child-btn:hover:after,.delete-child-btn:hover:after{content:attr(title);position:absolute;top:-30px;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:1;transition:opacity .2s}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .3s ease-out}.modal-content{background-color:#fff;border-radius:var(--border-radius-md);width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;border-bottom:1px solid var(--card-border-color);background:linear-gradient(90deg,rgba(var(--primary-rgb),.1),#fff)}.modal-header h3{margin:0;font-size:1.3rem;color:var(--text-color-dark);font-weight:600}.modal-close-btn{background:none;border:none;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--anim-duration-fast)}.modal-close-btn:hover{background-color:#0000000d}.modal-close-btn svg{width:20px;height:20px;color:var(--text-color-muted)}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--card-border-color)}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.modal-overlay{padding:16px}.modal-content{max-height:95vh}.modal-header,.modal-body{padding:1rem}.modal-footer{flex-direction:column-reverse;gap:8px}.modal-footer button{width:100%}}.input-with-icon .svg-inline--fa{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--primary-color);pointer-events:none;z-index:1}.message-icon .svg-inline--fa{width:24px;height:24px}.message-close .svg-inline--fa{width:16px;height:16px}.modal-close-btn .svg-inline--fa{width:20px;height:20px;color:var(--text-color-muted)}.edit-child-btn .svg-inline--fa,.delete-child-btn .svg-inline--fa{width:20px;height:20px;transition:color var(--anim-duration-fast)}.change-password-form{padding:1.5rem 2rem;background-color:var(--card-bg-color);border-radius:var(--border-radius-md)}.password-input{position:relative}.toggle-password-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-color-muted);padding:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:background-color var(--anim-duration-fast);z-index:2}.toggle-password-btn:hover{background-color:#0000000d}.toggle-password-btn .svg-inline--fa{width:18px;height:18px}.form-error{color:var(--danger-color);font-size:.85rem;margin-top:.5rem;display:flex;align-items:center}.password-requirements{margin-top:1rem;background-color:rgba(var(--primary-rgb),.05);padding:1rem;border-radius:var(--border-radius-sm);border-left:3px solid rgba(var(--primary-rgb),.3)}.password-requirements p{margin:0 0 .5rem;font-size:.9rem;color:var(--text-color-dark);font-weight:600}.password-requirements ul{margin:0;padding-left:1.25rem}.password-requirements li{margin-bottom:.25rem;font-size:.85rem;color:var(--text-color-muted);position:relative}.password-requirements li.valid{color:var(--success-color)}.password-requirements li.valid:before{content:"✓";color:var(--success-color);position:absolute;left:-1rem}.form-actions{margin-top:2rem;display:flex;justify-content:flex-end}.security-section{background-color:#fff;border-radius:var(--border-radius-md)}.security-settings{padding:1.5rem 2rem}.security-section-header{margin-bottom:2rem;border-bottom:1px dashed rgba(var(--primary-rgb),.2);padding-bottom:1.5rem}.security-section-header h3{font-size:1.2rem;margin:0 0 .75rem;color:var(--text-color-dark);display:flex;align-items:center}.security-section-header h3 .svg-inline--fa{margin-right:.75rem;color:var(--primary-color)}.security-description{color:var(--text-color-muted);font-size:.95rem;margin:.5rem 0 0;max-width:600px}.password-strength-container{margin-top:.75rem}.password-strength-meter{height:6px;background-color:#e2e8f0;border-radius:3px;margin-bottom:6px}.password-strength-bar{height:100%;border-radius:3px;transition:width .3s ease}.strength-none{width:0%}.strength-weak{width:20%;background-color:#ef4444}.strength-fair{width:40%;background-color:#f59e0b}.strength-good{width:60%;background-color:#10b981}.strength-strong{width:100%;background:linear-gradient(90deg,#10b981,#059669)}.password-strength-text{display:block;font-size:.8rem;color:#64748b;text-align:right}.child-detail-modal{max-width:900px}.child-detail-preview{background-color:#f8fafc;border-radius:12px;padding:24px;margin-bottom:30px;border:1px solid #e2e8f0}.child-profile-header{display:flex;gap:24px;margin-bottom:24px}.child-avatar-large{width:120px;height:120px;border-radius:12px;overflow:hidden;flex-shrink:0;box-shadow:0 4px 12px #0000001a;border:4px solid white}.child-avatar-large img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color-light) 0%,var(--primary-color) 100%);color:#fff}.child-header-info{flex-grow:1}.child-header-info h2{margin:0 0 12px;font-size:1.8rem;color:var(--text-color-dark)}.child-badges{display:flex;gap:12px;margin-bottom:16px}.gender-badge,.city-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:500}.gender-badge{background-color:rgba(var(--accent-rgb),.1);color:var(--accent-color)}.gender-badge.male{background-color:#4299e11a;color:#3182ce}.gender-badge.female{background-color:#ec48991a;color:#db2777}.city-badge{background-color:rgba(var(--primary-rgb),.1);color:var(--primary-color)}.city-badge svg{margin-right:6px}.birth-info{display:flex;align-items:center;gap:10px;color:var(--text-color);font-size:1rem}.birth-info svg{color:var(--primary-color)}.birth-certificate-section{margin-bottom:24px}.birth-certificate-section h4,.parent-info-section h4,.form-section-title{font-size:1.1rem;margin:0 0 16px;color:var(--text-color-dark);display:flex;align-items:center;gap:10px}.birth-certificate-section h4 svg,.parent-info-section h4 svg,.form-section-title svg{color:var(--primary-color)}.certificate-preview{max-width:400px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;cursor:pointer;position:relative;transition:transform .3s ease}.certificate-preview:hover{transform:translateY(-5px)}.certificate-image{max-width:100%;display:block}.certificate-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;opacity:0;transition:opacity .3s ease}.certificate-preview:hover .certificate-overlay{opacity:1}.certificate-overlay svg{margin-right:8px}.parent-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-item{background:#fff;border-radius:8px;padding:16px;border:1px solid #e2e8f0}.info-item label{display:block;font-size:.9rem;color:var(--text-color-muted);margin-bottom:8px}.info-value{font-weight:600;color:var(--text-color-dark)}@media (max-width: 768px){.child-profile-header{flex-direction:column;align-items:center;text-align:center}.child-badges,.birth-info{justify-content:center}.certificate-preview{margin:0 auto}.parent-info-grid{grid-template-columns:1fr}}.section-divider{height:1px;background:linear-gradient(to right,transparent,rgba(var(--accent-rgb),.2),transparent);margin:28px 0 24px}.avatar-preview{margin-top:12px;text-align:center}.avatar-preview img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 4px 12px #0000001a}.certificate-preview-small{margin-top:12px;position:relative;max-width:200px;border-radius:6px;overflow:hidden;box-shadow:0 4px 8px #0000001a;cursor:pointer}.certificate-preview-small img{max-width:100%;height:auto;display:block}.certificate-overlay-small{position:absolute;bottom:0;left:0;right:0;padding:8px 0;background:#0009;color:#fff;text-align:center;font-size:14px;opacity:0;transition:opacity .3s}.certificate-overlay-small a{color:#fff;text-decoration:none}.certificate-preview-small:hover .certificate-overlay-small{opacity:1}.form-section-title{font-size:1.1rem;margin:0 0 16px;color:var(--text-color-dark);display:flex;align-items:center;gap:10px;border-bottom:1px dashed #e2e8f0;padding-bottom:10px}.form-section-title svg{color:var(--primary-color)}@media (max-width: 768px){.certificate-preview-small{margin:12px auto 0}}.file-upload-container{display:flex;align-items:center;gap:10px;margin-bottom:10px}.file-input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.file-upload-btn{padding:10px 16px;background-color:#f1f5f9;border:1px dashed #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.9rem;transition:all .2s}.file-upload-btn:hover{background-color:#e2e8f0;color:#1e293b}.file-name{font-size:.9rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.certificate-preview-small{cursor:pointer}.certificate-preview-small img{max-height:200px;border-radius:8px;box-shadow:0 4px 6px #0000001a}.input-label-icon{margin-right:6px;color:var(--primary-color)}.radio-label svg{margin-right:4px}.file-upload-btn{display:flex;align-items:center;gap:8px}.file-upload-btn svg{font-size:1rem}.enroll-child-btn{background-color:rgba(var(--success-rgb),.1);color:var(--success-color);border:none;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--anim-duration-fast);box-shadow:var(--shadow-sm)}.enroll-child-btn:hover{background-color:var(--success-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.enroll-child-btn svg{width:20px;height:20px;transition:color var(--anim-duration-fast)}.enroll-child-btn:hover:after{content:attr(title);position:absolute;top:-30px;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:1;transition:opacity .2s}.required-field:after{content:"*";color:var(--danger-color);margin-left:4px}.input-error{border-color:var(--danger-color)!important}.form-error-message{color:var(--danger-color);font-size:.85rem;margin-top:.35rem;display:flex;align-items:center}.form-error-message:before{margin-right:4px;font-size:.85rem}.form-note{margin-top:1.5rem;padding:.75rem;background-color:rgba(var(--info-rgb),.1);border-radius:6px;color:var(--text-color);font-size:.9rem}.form-note svg{color:var(--info-color);margin-right:6px}.input-error-border{border-color:var(--danger-color)!important}.toast-container{position:fixed;top:20px;right:20px;z-index:1000;max-width:350px;width:100%}.toast-message{background-color:#fff;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;animation:toastIn .5s ease forwards;position:relative;overflow:hidden}.toast-message.exiting{animation:toastOut .5s ease forwards}.toast-message.success{border-left:4px solid #4caf50}.toast-message.success:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#4caf50;animation:progressBar 5s linear forwards}.toast-message.error{border-left:4px solid #f44336}.toast-message.error:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#f44336;animation:progressBar 5s linear forwards}.toast-icon{margin-right:12px;flex-shrink:0}.toast-icon.success{color:#4caf50}.toast-icon.error{color:#f44336}.toast-content{flex:1}.toast-title{font-weight:600;margin:0 0 4px;color:#333}.toast-message p{margin:0;color:#666}.toast-close{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;color:#999;padding:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px}@keyframes toastIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes progressBar{0%{width:100%}to{width:0%}}.news-page-container{margin-top:-1px;padding-top:0;background:linear-gradient(to bottom,#e6f2ff,#f3e6ff);min-height:100vh;overflow:hidden;position:relative}.decoration-star{position:absolute;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);opacity:.6}.star1{top:100px;right:100px;width:60px;height:60px;background-color:#ffeb3b;animation:twinkle 3s infinite}.star2{top:300px;left:150px;width:40px;height:40px;background-color:#ff9800;animation:twinkle 4s infinite}.decoration-cloud{position:absolute;border-radius:50%;background:#fff;opacity:.7}.cloud1{top:180px;right:80px;width:100px;height:50px;animation:float-cloud 10s infinite}.cloud2{bottom:120px;left:140px;width:80px;height:40px;animation:float-cloud 15s reverse infinite}.cloud1:before,.cloud1:after,.cloud2:before,.cloud2:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud1:before{width:50px;height:50px;top:-25px;left:15px}.cloud1:after{width:40px;height:40px;top:-10px;right:15px}.cloud2:before{width:40px;height:40px;top:-20px;left:10px}.cloud2:after{width:30px;height:30px;top:-8px;right:10px}.header-container{display:flex;justify-content:center;margin-bottom:2rem;padding:2rem 2rem 0}.header-content{position:relative;text-align:center;max-width:800px}.main-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:.5rem;color:#7b1fa2}@media (min-width: 768px){.main-title{font-size:3rem}}.title-underline{height:.5rem;width:10rem;background:linear-gradient(to right,gold,#f06292,#9c27b0);border-radius:1rem;margin:0 auto 1rem}.intro-text{font-size:1.125rem;color:#666;text-align:center;margin:1rem auto;max-width:42rem}.news-content-layout{display:flex;flex-direction:column;padding:0 2rem 2rem}@media (min-width: 1024px){.news-content-layout{flex-direction:row;gap:2rem}}.news-sidebar{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem;margin-bottom:2rem;position:relative;overflow:hidden}@media (min-width: 1024px){.news-sidebar{width:300px;min-width:300px;margin-bottom:0;align-self:flex-start;position:sticky;top:2rem}}.sidebar-content{position:relative;z-index:2}.sidebar-section{margin-bottom:2rem}.sidebar-title{font-size:1.5rem;font-weight:700;color:#7b1fa2;margin-bottom:1rem;text-align:center}.sidebar-subtitle{font-size:1.25rem;font-weight:600;color:#2196f3;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px dashed #bbdefb}.search-input-container{position:relative}input[type=text].search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #bbdefb;border-radius:2rem;font-size:1rem;background-color:#f5f9ff;transition:border-color .3s,box-shadow .3s}.search-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f340}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#666}.category-filters{display:flex;flex-direction:column;gap:.75rem}.category-checkbox{position:relative}.checkbox-label{display:flex;align-items:center;cursor:pointer}.category-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-custom{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:2px solid #bbdefb;border-radius:.25rem;margin-right:.75rem;background-color:#f8faff;transition:all .2s}.checkbox-icon{width:1rem;height:1rem;color:#fff;opacity:0;transition:opacity .2s}.category-input:checked~.checkbox-custom{background-color:#4caf50;border-color:#4caf50}.category-input:checked~.checkbox-custom .checkbox-icon{opacity:1}.checkbox-text{font-size:1rem;color:#333}.clear-filters-button{display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem;background-color:#f8faff;border:2px dashed #f06292;border-radius:.5rem;color:#f06292;font-weight:600;cursor:pointer;transition:all .3s}.clear-filters-button:hover{background-color:#fce4ec}.button-icon{width:1.25rem;height:1.25rem;margin-right:.5rem}.sidebar-decoration{position:absolute;bottom:0;left:0;width:100%;height:120px;overflow:hidden;z-index:1;opacity:.15}.sidebar-balloon{position:absolute;border-radius:50%;background:#f06292;width:30px;height:30px;bottom:-15px}.sidebar-balloon:before{content:"";position:absolute;width:4px;height:40px;background:#333;bottom:-30px;left:50%;transform:translate(-50%)}.balloon-1{left:20%;animation:float-balloon 8s infinite;background:#f06292}.balloon-2{left:50%;animation:float-balloon 10s infinite;background:#2196f3;animation-delay:1s}.balloon-3{left:80%;animation:float-balloon 9s infinite;background:gold;animation-delay:2s}@keyframes float-balloon{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.news-main-content{flex:1}.news-card-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 640px){.news-card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.news-card-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1536px){.news-card-grid{grid-template-columns:repeat(4,1fr)}}.news-card{border-radius:1rem;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a;transition:transform .3s,box-shadow .3s;background:#fff;display:flex;flex-direction:column}.news-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.card-pink{border-top:5px solid #f06292}.card-blue{border-top:5px solid #2196f3}.card-yellow{border-top:5px solid #ffd700}.card-green{border-top:5px solid #4caf50}.card-purple{border-top:5px solid #9c27b0}.card-orange{border-top:5px solid #ff9800}.news-card-image-container{position:relative;height:180px;overflow:hidden}.news-card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s}.news-card:hover .news-card-image{transform:scale(1.05)}.news-card-category{position:absolute;bottom:0;right:0;background:#0009;color:#fff;padding:5px 10px;font-size:.75rem;border-top-left-radius:.5rem}.news-card-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.news-card-date{color:#666;font-size:.875rem;margin-bottom:.5rem}.news-card-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:#333}.news-card-excerpt{color:#666;font-size:.95rem;margin-bottom:1.5rem;flex-grow:1}.news-card-button{display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;border:none;border-radius:.5rem;font-weight:600;color:#fff;cursor:pointer;transition:background-color .3s;width:100%;margin-top:auto}.button-icon{width:1.25rem;height:1.25rem;margin-left:.5rem}.button-pink{background-color:#f06292}.button-pink:hover{background-color:#ec407a}.button-blue{background-color:#2196f3}.button-blue:hover{background-color:#1e88e5}.button-yellow{background-color:gold;color:#333}.button-yellow:hover{background-color:#ffc400}.button-green{background-color:#4caf50}.button-green:hover{background-color:#43a047}.button-purple{background-color:#9c27b0}.button-purple:hover{background-color:#8e24aa}.button-orange{background-color:#ff9800}.button-orange:hover{background-color:#fb8c00}.no-results{grid-column:1 / -1;text-align:center;padding:3rem;background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a}.no-results-icon{width:3rem;height:3rem;color:#bbdefb;margin-bottom:1rem}.no-results h3{font-size:1.5rem;color:#333;margin-bottom:.5rem}.no-results p{color:#666;margin-bottom:1.5rem}.no-results .clear-filters-button{display:inline-flex;width:auto;padding:.75rem 1.5rem}@keyframes twinkle{0%,to{opacity:.6}50%{opacity:1}}@keyframes float-cloud{0%,to{transform:translate(0)}50%{transform:translate(20px)}}.rainbow-footer{height:10px;width:100%;background:linear-gradient(to right,#f06292,#ba68c8,#2196f3,#4caf50,gold,#ff9800);position:relative;bottom:0;margin-top:3rem}@media (max-width: 768px){.decoration-star,.decoration-cloud{display:none}.news-card-grid{gap:1.5rem}.main-title{font-size:2rem}.news-content-layout{padding:0 1rem 1rem}.header-container{padding:1rem 1rem 0}}.not-found-page-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;padding:125px 20px 20px;background:linear-gradient(135deg,#e0f7fa,#b2ebf2);font-family:Comic Sans MS,cursive,sans-serif;overflow:hidden;position:relative}.not-found-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:800px}.not-found-content{text-align:center;padding:2rem;position:relative;z-index:1}.error-number{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem}.number{font-size:8rem;font-weight:700;color:#ff6b6b;text-shadow:3px 3px 0 #fff,-3px 3px 0 #fff,-3px -3px 0 #fff,3px -3px 0 #fff}.zero{width:120px;height:120px;background:#ffd93d;border-radius:50%;position:relative;border:8px solid #fff;box-shadow:0 0 20px #0000001a}.sad-face{position:absolute;width:100%;height:100%;left:0;top:0}.eyes{display:flex;justify-content:space-around;position:absolute;width:80%;top:35%;left:10%}.eye{width:12px;height:12px;background:#333;border-radius:50%;animation:blink 3s infinite}@keyframes blink{0%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}.mouth{position:absolute;width:40%;height:20px;border-top:8px solid #333;border-radius:50%;bottom:20%;left:30%}.error-title{font-size:2.5rem;color:#ff6b6b;margin-bottom:1rem;animation:bounce 1s ease infinite}.error-message-not-found{font-size:1.5rem;color:#4a4a4a;margin-bottom:2rem}.home-button{display:inline-block;padding:1rem 2rem;background:#4caf50;color:#fff;border-radius:50px;text-decoration:none;font-size:1.2rem;transition:transform .3s ease,box-shadow .3s ease;border:4px solid #fff;box-shadow:0 4px 15px #0000001a}.home-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026}.button-content{display:flex;align-items:center;gap:.5rem}.button-icon{font-size:1.5rem}.balloons{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.balloon{position:absolute;width:40px;height:50px;border-radius:50%;animation:float 15s infinite}.balloon:before{content:"";position:absolute;width:2px;height:30px;background:#0003;bottom:-30px;left:50%;transform:translate(-50%)}.balloon-1{background:#ff6b6b;left:10%;animation-delay:0s}.balloon-2{background:#4caf50;left:50%;animation-delay:-5s}.balloon-3{background:#ffd93d;right:10%;animation-delay:-10s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-50px) rotate(5deg)}50%{transform:translateY(-100px) rotate(-5deg)}75%{transform:translateY(-50px) rotate(5deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 768px){.number{font-size:6rem}.zero{width:90px;height:90px}.error-title{font-size:2rem}.error-message{font-size:1.2rem}}@media (max-width: 480px){.number{font-size:4rem}.zero{width:60px;height:60px}.error-title{font-size:1.5rem}.error-message{font-size:1rem}.home-button{padding:.8rem 1.5rem;font-size:1rem}}.reset-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem}.success-icon{width:4rem;height:4rem;color:#4caf50;margin-bottom:1rem}.reset-success h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#333}.reset-success p{color:#666;margin-bottom:1.5rem}.back-to-login{color:#5c6bc0;text-decoration:none;font-weight:500;transition:color .2s}.back-to-login:hover{color:#3f51b5;text-decoration:underline}.forgot-footer{display:flex;justify-content:space-between;margin-top:1rem;width:100%}.success-icon{animation:check-animation .5s ease-in-out}@keyframes check-animation{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.reset-success p{font-weight:500}.reset-success p strong{color:#333}@media (max-width: 480px){.login-input-group{margin-bottom:1.5rem}.forgot-footer{flex-direction:column;align-items:center;gap:1rem}}.confirm-email-page{min-height:100vh;width:100%;background:linear-gradient(to right,#2c3e50,#3498db,#9dd5f5);display:flex;align-items:center;justify-content:center;padding:3rem 1rem;position:relative;overflow:hidden}.day-night-separator{height:8px;background:linear-gradient(90deg,#ffa07a,coral,tomato,#ff4500,gold,orange,#ff8c00,#ff7f00);width:100%}.confirm-rainbow{position:absolute;height:10px;width:100%;left:0;background:linear-gradient(to right,#f44336,#ff9800,#ffeb3b,#4caf50,#2196f3,#3f51b5,#9c27b0);z-index:2}.top-rainbow{position:absolute;top:0;left:0;right:0}.bottom-rainbow{position:absolute;bottom:0;left:0;right:0}.confirm-container{display:flex;justify-content:center;align-items:center;flex:1;padding:2rem}.confirm-card{background-color:#fff;border-radius:16px;box-shadow:0 8px 30px #0000001f;width:100%;max-width:500px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.confirm-header{display:flex;flex-direction:column;align-items:center;text-align:center}.confirm-logo{width:60px;height:60px;border-radius:50%;background-color:#4caf50;display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.confirm-logo svg{width:36px;height:36px;color:#fff}.confirm-title{font-size:2rem;font-weight:700;color:#333;margin-bottom:.5rem;font-family:Nunito,sans-serif}.confirm-subtitle{font-size:1rem;color:#666;margin-bottom:1.5rem;font-family:Nunito,sans-serif}.color-dots{display:flex;gap:8px;margin-bottom:.5rem}.dot{width:12px;height:12px;border-radius:50%}.dot-red{background-color:#f44336}.dot-yellow{background-color:#ffeb3b}.dot-green{background-color:#4caf50}.dot-blue{background-color:#2196f3}.dot-purple{background-color:#9c27b0}.confirm-error{display:flex;align-items:center;gap:10px;padding:12px;border-radius:8px;background-color:#f443361a;color:#f44336;margin:.5rem 0}.confirm-error svg{width:24px;height:24px}.confirm-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.login-button{padding:12px;background-color:#4caf50;border:none;color:#fff;font-weight:600;font-size:1rem;border-radius:8px;cursor:pointer;transition:all .2s;width:100%}.login-button:hover{background-color:#3a9e3d}.redirect-message{text-align:center;color:#666;font-size:.9rem}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.about-us-container{width:100%;overflow-x:hidden;color:#4a4a4a}.about-hero-section{position:relative;height:500px;background-image:url(https://vinschool.edu.vn/wp-content/uploads/2023/08/14/Du-an-moi-4.png);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;margin-bottom:60px}.about-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080}.about-hero-content{position:relative;z-index:1;max-width:800px;padding:0 20px}.about-hero-content h1{font-size:3.5rem;font-weight:700;margin-bottom:15px;font-family:Comic Sans MS,cursive,sans-serif;color:#fff}.about-title-underline{height:4px;width:80px;background:linear-gradient(90deg,#ff9f43,#ff6b6b);margin:0 auto 25px;border-radius:2px}.about-hero-content p{font-size:1.5rem;font-weight:300}.about-section{padding:80px 0;position:relative}.about-section-container{max-width:1200px;margin:0 auto;padding:0 20px}.about-section-header{text-align:center;margin-bottom:50px}.about-section-header h2{font-size:2.5rem;color:#5f7adb;font-family:Comic Sans MS,cursive,sans-serif;margin-bottom:15px}.about-section-underline{height:4px;width:60px;background:linear-gradient(90deg,#ff9f43,#ff6b6b);margin:0 auto;border-radius:2px}.about-story-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.about-story-image{position:relative}.about-story-image img{width:100%;border-radius:10px;box-shadow:0 5px 20px #0000001a}.about-image-decoration{position:absolute;width:100%;height:100%;top:15px;left:15px;border:4px solid #FDCB6E;border-radius:10px;z-index:-1}.about-story-text p{margin-bottom:20px;line-height:1.7;font-size:1.1rem}.about-philosophy-section{background-color:#f9f9ff;position:relative}.about-rainbow-top,.about-rainbow-bottom{height:15px;width:100%;position:absolute;left:0;background:linear-gradient(90deg,#ff6b6b,#ff6b6b 16.6%,#fdcb6e 16.6%,#fdcb6e 33.2%,#6bcb77 33.2%,#6bcb77 49.8%,#4cacbc 49.8%,#4cacbc 66.4%,#5f7adb 66.4%,#5f7adb 83%,#a86bd1 83%,#a86bd1)}.about-rainbow-top{top:0}.about-rainbow-bottom{bottom:0}.about-philosophy-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.about-philosophy-card{background-color:#fff;border-radius:15px;padding:30px;box-shadow:0 5px 20px #0000000d;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.about-philosophy-card:hover{transform:translateY(-10px);box-shadow:0 8px 25px #0000001a}.about-card-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.about-card-icon svg{width:35px;height:35px}.about-play-icon{background-color:#ffe8e8;color:#ff6b6b}.about-individual-icon{background-color:#eaeaff;color:#5f7adb}.about-community-icon{background-color:#e6ffea;color:#6bcb77}.about-philosophy-card h3{margin-bottom:15px;color:#333}.about-philosophy-card p{color:#666;line-height:1.6}.about-team-intro{text-align:center;max-width:700px;margin:0 auto 40px;font-size:1.2rem}.about-team-members{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:40px;margin-bottom:50px}.about-team-member{display:flex;flex-direction:column;background-color:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #00000014}.about-member-image{height:250px;overflow:hidden}.about-member-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.about-team-member:hover .about-member-image img{transform:scale(1.05)}.about-member-info{padding:25px}.about-member-info h3{margin-bottom:5px;color:#333}.about-member-title{color:#5f7adb;font-weight:600;margin-bottom:15px}.about-member-description{color:#666;line-height:1.6}.about-team-cta{text-align:center;margin-top:30px}.about-btn-primary{background:linear-gradient(135deg,#5f7adb,#a86bd1);color:#fff;border:none;padding:12px 30px;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 15px #5f7adb4d}.about-btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #5f7adb66}.about-btn-secondary{background-color:transparent;color:#5f7adb;border:2px solid #5F7ADB;padding:10px 28px;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;margin-left:15px;transition:background-color .3s ease,color .3s ease}.about-btn-secondary:hover{background-color:#5f7adb;color:#fff}.about-facilities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px}.about-facility-item{padding:25px;border-radius:15px;background-color:#fff;box-shadow:0 5px 20px #0000000d;text-align:center;transition:transform .3s ease}.about-facility-item:hover{transform:translateY(-5px)}.about-facility-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#ff9f43,#ff6b6b);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 15px}.about-facility-icon svg{width:30px;height:30px}.about-facility-item h3{margin-bottom:10px;color:#333}.about-facility-item p{color:#666;line-height:1.6}.about-values-section{background-color:#f9f9ff;position:relative;overflow:hidden}.about-values-list{display:flex;flex-direction:column;gap:30px}.about-value-item{display:flex;gap:25px;align-items:flex-start}.about-value-number{font-size:2.5rem;font-weight:700;color:#5f7adb;opacity:.5;line-height:1}.about-value-content h3{margin-bottom:10px;color:#333}.about-value-content p{color:#666;line-height:1.6}.about-testimonials-slider{max-width:900px;margin:0 auto}.about-testimonial{background-color:#fff;border-radius:15px;padding:40px;box-shadow:0 5px 20px #0000000d;text-align:center}.about-quote-icon{width:50px;height:50px;border-radius:50%;background-color:#eaeaff;color:#5f7adb;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.about-quote-icon svg{width:25px;height:25px}.about-testimonial-text{font-size:1.2rem;line-height:1.7;color:#333;margin-bottom:25px;font-style:italic}.about-testimonial-author{color:#666}.about-author-name{font-weight:600;margin-bottom:5px}.about-author-relation{color:#777}.about-cta-section{background-color:#5f7adb;color:#fff;text-align:center;padding:60px 0}.about-cta-content{font-size:2.5rem;margin-bottom:15px;color:#fff}.about-cta-content p{font-size:1.2rem;margin-bottom:30px}.about-cta-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.about-cta-section .about-btn-primary{background:#fff;color:#5f7adb;box-shadow:0 4px 15px #ffffff4d}.about-cta-section .about-btn-primary:hover{box-shadow:0 6px 20px #fff6}.about-cta-section .about-btn-secondary{border-color:#fff;color:#fff}.about-cta-section .about-btn-secondary:hover{background-color:#fff;color:#5f7adb}.about-rainbow-decoration{height:12px;width:200px;position:absolute;right:50px;bottom:30px;background:linear-gradient(90deg,#ff6b6b,#fdcb6e,#6bcb77,#4cacbc,#5f7adb,#a86bd1);border-radius:6px}@media (max-width: 992px){.about-story-content{grid-template-columns:1fr}.about-story-image{margin-bottom:30px}.about-hero-content h1{font-size:3rem}.about-team-members{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.about-hero-section{height:400px}.about-hero-content h1{font-size:2.5rem}.about-hero-content p{font-size:1.2rem}.about-section-header h2{font-size:2rem}.about-value-item{flex-direction:column;gap:10px}.about-cta-buttons{flex-direction:column;align-items:center}.about-btn-secondary{margin-left:0;margin-top:15px}}@media (max-width: 480px){.about-hero-section{height:350px}.about-hero-content h1{font-size:2rem}.about-hero-content p{font-size:1rem}.about-section{padding:50px 0}.about-philosophy-cards{grid-template-columns:1fr}.about-testimonial{padding:25px}.about-testimonial-text{font-size:1rem}}.contact-container{width:100%;overflow-x:hidden;color:#4a4a4a}.contact-hero-section{position:relative;height:400px;background-image:url(https://vinschool.edu.vn/wp-content/uploads/2019/05/05/banner-27.jpg);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;margin-bottom:60px}.contact-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080}.contact-hero-content{position:relative;z-index:1;max-width:800px;padding:0 20px}.contact-hero-content h1{font-size:3.5rem;font-weight:700;margin-bottom:15px;font-family:Comic Sans MS,cursive,sans-serif;color:#fff}.contact-title-underline{height:4px;width:80px;background:linear-gradient(90deg,#ff9f43,#ff6b6b);margin:0 auto 25px;border-radius:2px}.contact-hero-content p{font-size:1.5rem;font-weight:300}.contact-section{padding:80px 0;position:relative}.contact-section-container{max-width:1200px;margin:0 auto;padding:0 20px}.contact-section-header{text-align:center;margin-bottom:50px}.contact-section-header h2{font-size:2.5rem;color:#5f7adb;font-family:Comic Sans MS,cursive,sans-serif;margin-bottom:15px}.contact-section-underline{height:4px;width:60px;background:linear-gradient(90deg,#ff9f43,#ff6b6b);margin:0 auto;border-radius:2px}.contact-main-section{background-color:#f9f9ff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-form-container{background-color:#fff;padding:40px;border-radius:15px;box-shadow:0 5px 20px #0000000d;position:relative;overflow:hidden}.contact-form-header{text-align:center;margin-bottom:30px}.contact-form-header h2{font-size:2rem;color:#5f7adb;font-family:Comic Sans MS,cursive,sans-serif}.contact-form-underline{height:4px;width:60px;background:linear-gradient(90deg,#ff9f43,#ff6b6b);margin:15px auto 0;border-radius:2px}.contact-form-group{margin-bottom:20px}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.contact-form-group input,.contact-form-group select,.contact-form-group textarea{width:100%;padding:12px 15px;border:2px solid #e0e0ff;border-radius:8px;font-size:1rem;color:#333;transition:border-color .3s ease}.contact-form-group input:focus,.contact-form-group select:focus,.contact-form-group textarea:focus{border-color:#5f7adb;outline:none}.contact-form-group textarea{resize:vertical}.contact-btn-submit{background:linear-gradient(135deg,#5f7adb,#a86bd1);color:#fff;border:none;padding:12px 30px;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 15px #5f7adb4d;display:block;width:100%;margin-top:30px}.contact-btn-submit:hover{transform:translateY(-3px);box-shadow:0 6px 20px #5f7adb66}.contact-form-success{text-align:center;padding:40px 20px}.contact-success-icon{width:80px;height:80px;background-color:#e6ffea;color:#6bcb77;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.contact-success-icon svg{width:40px;height:40px}.contact-form-success h3{font-size:2rem;color:#6bcb77;margin-bottom:15px;font-family:Comic Sans MS,cursive,sans-serif}.contact-form-success p{font-size:1.1rem;color:#666}.contact-decoration-element{position:absolute;z-index:0}.contact-star-1{top:30px;right:30px;width:40px;height:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FDCB6E' opacity='0.3'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");background-size:contain}.contact-star-2{bottom:40px;left:40px;width:30px;height:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF9F43' opacity='0.3'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");background-size:contain}.contact-circle-1{top:50%;right:-20px;width:100px;height:100px;border-radius:50%;background-color:#a86bd11a}.contact-info-container{display:flex;align-items:center}.contact-info-card{background:linear-gradient(135deg,#5f7adb,#a86bd1);color:#fff;padding:40px;border-radius:15px;height:100%;display:flex;flex-direction:column;box-shadow:0 5px 20px #5f7adb4d}.contact-info-header{text-align:center;margin-bottom:30px}.contact-info-header h2{font-size:2rem;color:#fff;font-family:Comic Sans MS,cursive,sans-serif}.contact-info-underline{height:4px;width:60px;background:#fff;margin:15px auto 0;border-radius:2px}.contact-info-items{margin-bottom:40px}.contact-info-item{display:flex;align-items:flex-start;margin-bottom:30px}.contact-info-icon{width:45px;height:45px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;flex-shrink:0}.contact-info-icon svg{width:24px;height:24px;color:#fff}.contact-info-text h3{margin-bottom:5px;font-size:1.2rem;color:#fff}.contact-info-text p{color:#fffc;margin:0 0 5px}.contact-social{margin-top:auto}.contact-social h3{text-align:center;margin-bottom:15px;font-size:1.2rem}.contact-social-icons{display:flex;justify-content:center;gap:15px}.contact-social-icon{width:40px;height:40px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .3s ease}.contact-social-icon:hover{background-color:#fff6;transform:translateY(-3px)}.contact-social-icon svg{width:20px;height:20px;color:#fff}.contact-map-container{position:relative;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #0000000d}.contact-map{display:block;width:100%;border-radius:15px}.contact-map-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:map-marker-bounce 2s infinite}.contact-marker-icon{width:60px;height:60px;background-color:#5f7adb;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;box-shadow:0 5px 10px #0003}.contact-marker-icon svg{width:30px;height:30px;color:#fff;transform:rotate(45deg)}@keyframes map-marker-bounce{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-65%)}}.contact-faq-section{background-color:#f9f9ff}.contact-faq-container{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-faq-item{background-color:#fff;padding:30px;border-radius:15px;box-shadow:0 5px 20px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.contact-faq-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.contact-faq-item h3{color:#5f7adb;margin-bottom:15px;font-size:1.3rem}.contact-faq-item p{color:#666;line-height:1.6}.contact-faq-cta{text-align:center;margin-top:50px}.contact-faq-cta p{margin-bottom:20px;font-size:1.1rem;color:#666}.contact-btn-secondary{background-color:transparent;color:#5f7adb;border:2px solid #5F7ADB;padding:10px 28px;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease,color .3s ease}.contact-btn-secondary:hover{background-color:#5f7adb;color:#fff}.contact-cta-section{background-color:#5f7adb;color:#fff;text-align:center;padding:60px 0;position:relative;overflow:hidden}.contact-cloud-decoration{position:absolute;background-color:#ffffff1a;border-radius:50%}.contact-cloud-1{width:200px;height:200px;top:-100px;left:10%}.contact-cloud-2{width:300px;height:300px;bottom:-150px;right:10%}.contact-cta-content h2{font-size:2.5rem;margin-bottom:15px;color:#fff;font-family:Comic Sans MS,cursive,sans-serif}.contact-cta-content p{font-size:1.2rem;margin-bottom:30px}.contact-btn-primary{background-color:#fff;color:#5f7adb;border:none;padding:12px 30px;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease,color .3s ease}.contact-btn-primary:hover{background-color:#5f7adb;color:#fff}.admin-dashboard{padding:20px}.admin-dashboard h1{margin-bottom:24px;color:#6b8afd;font-size:28px;font-weight:700;background:linear-gradient(90deg,#6b8afd,#a5b4fc,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-row{margin-bottom:24px}.stats-row .ant-card{height:100%;border-radius:18px;box-shadow:0 2px 12px #6b8afd1a;border:1.5px solid #e8f0fe;background:#f8fafc;transition:all .3s}.stats-row .ant-card:hover{box-shadow:0 6px 18px #6b8afd2e;transform:translateY(-2px) scale(1.02);border-color:#6b8afd}.stats-row .ant-statistic-title{font-size:16px;color:#6b8afd;font-weight:600}.stats-row .ant-statistic-content{font-size:28px;color:#a5b4fc;font-weight:700}.stats-row .anticon{color:#6b8afd;font-size:28px}.admin-dashboard .ant-tabs{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 12px #6b8afd1a}.admin-dashboard .ant-tabs-nav{margin-bottom:24px}.admin-dashboard .ant-tabs-tab{padding:12px 24px;transition:all .3s}.admin-dashboard .ant-tabs-tab:hover{color:#6b8afd}.admin-dashboard .ant-tabs-tab-active{background:#f0f4ff;border-radius:8px}.admin-dashboard .ant-tabs-tab-active .ant-tabs-tab-btn{color:#6b8afd!important;font-weight:600}.admin-dashboard .ant-card{border-radius:12px;box-shadow:0 2px 12px #6b8afd1a;border:1.5px solid #e8f0fe;background:#f8fafc;transition:all .3s}.admin-dashboard .ant-card:hover{box-shadow:0 6px 18px #6b8afd2e;border-color:#6b8afd}.admin-dashboard .ant-card-head{border-bottom:1.5px solid #e8f0fe}.admin-dashboard .ant-card-head-title{color:#6b8afd;font-weight:600;font-size:18px}.admin-dashboard .ant-table{background:transparent}.admin-dashboard .ant-table-thead>tr>th{background:#f0f4ff;color:#6b8afd;font-weight:600;border-bottom:1.5px solid #e8f0fe}.admin-dashboard .ant-table-tbody>tr>td{border-bottom:1px solid #e8f0fe}.admin-dashboard .ant-table-tbody>tr:hover>td{background:#f8fafc}.admin-dashboard .ant-btn-primary{background:linear-gradient(90deg,#6b8afd,#a5b4fc);border:none}.admin-dashboard .ant-btn-primary:hover{background:linear-gradient(90deg,#5a7afd,#95a4fc);border:none}.admin-dashboard .ant-btn-default{color:#6b8afd;border-color:#6b8afd;background:#f8fafc}.admin-dashboard .ant-btn-default:hover{color:#a5b4fc;border-color:#a5b4fc;background:#f8fafc}.admin-dashboard .ant-form-item-label>label{color:#6b8afd;font-weight:500}.admin-dashboard .ant-input,.admin-dashboard .ant-select-selector{border-color:#e8f0fe!important;border-radius:8px!important}.admin-dashboard .ant-input:hover,.admin-dashboard .ant-select-selector:hover{border-color:#6b8afd!important}.admin-dashboard .ant-input:focus,.admin-dashboard .ant-select-selector:focus{border-color:#6b8afd!important;box-shadow:0 0 0 2px #6b8afd33!important}.admin-dashboard .ant-picker-calendar{background:#f8fafc;border-radius:12px;padding:12px}.admin-dashboard .ant-picker-calendar-header{padding:12px}.admin-dashboard .ant-picker-calendar-date{border:1px solid #e8f0fe;border-radius:8px;margin:2px}.admin-dashboard .ant-picker-calendar-date:hover{background:#f8fafc}.admin-dashboard .ant-picker-calendar-date-today{border-color:#6b8afd}.admin-dashboard .ant-modal-content{border-radius:12px;overflow:hidden}.admin-dashboard .ant-modal-header{background:#f8fafc;border-bottom:1.5px solid #e8f0fe}.admin-dashboard .ant-modal-title{color:#6b8afd;font-weight:600}.admin-dashboard .ant-modal-footer{border-top:1.5px solid #e8f0fe;padding:16px 24px}.events{list-style:none;margin:0;padding:0}.events li{margin:4px 0;font-size:12px}@media (max-width: 768px){.admin-dashboard,.admin-dashboard .ant-tabs{padding:12px}.stats-row .ant-statistic-content{font-size:22px}.admin-dashboard .ant-card{margin-bottom:16px}}.payment-history-page{padding:30px 20px;max-width:1200px;margin:0 auto;font-family:Nunito,Segoe UI,sans-serif}.payment-history-container{background-color:#fff;border-radius:15px;box-shadow:0 8px 30px #0000001f;padding:28px;transition:all .3s ease}.payment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.payment-history-title{font-size:28px;color:#333;margin:0;background:linear-gradient(45deg,#006eff,#2acdff);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700}.payment-view-toggle{display:flex;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.payment-view-toggle-btn{padding:10px 16px;background-color:#f5f5f5;border:none;font-size:14px;font-weight:600;color:#666;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.payment-view-toggle-btn i{font-size:16px}.payment-view-toggle-btn.active{background:linear-gradient(45deg,#006eff,#2acdff);color:#fff}.payment-stats-container{margin-bottom:30px;padding:20px;background-color:#f8f9fa;border-radius:12px;animation:fadeIn .5s ease-out}.payment-stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-bottom:25px}.payment-stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;box-shadow:0 4px 15px #0000000d;transition:transform .3s,box-shadow .3s}.payment-stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.payment-stat-card-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:20px;color:#fff}.payment-total-card .payment-stat-card-icon{background:linear-gradient(45deg,#00c853,#69f0ae)}.payment-count-card .payment-stat-card-icon{background:linear-gradient(45deg,#2196f3,#4fc3f7)}.payment-complete-card .payment-stat-card-icon{background:linear-gradient(45deg,#7e57c2,#b39ddb)}.payment-pending-card .payment-stat-card-icon{background:linear-gradient(45deg,#ff9800,#ffd54f)}.payment-stat-card-content h3{font-size:14px;margin:0 0 5px;color:#666;font-weight:600}.payment-stat-value{font-size:20px;font-weight:700;margin:0;color:#333}.payment-chart-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 15px #0000000d}.payment-chart-title{font-size:16px;font-weight:600;color:#333;margin-top:0;margin-bottom:15px;text-align:center}.payment-filters{margin-bottom:25px;padding:20px;background-color:#f8f9fa;border-radius:12px;box-shadow:0 4px 6px #00000008;transition:box-shadow .3s}.payment-filters:hover{box-shadow:0 6px 12px #00000014}.payment-filter-row{display:flex;flex-wrap:wrap;margin-bottom:15px;gap:15px;align-items:center}.payment-filter-row:last-child{margin-bottom:0}.payment-filter-group{display:flex;align-items:center;gap:10px}.payment-filter-group label{color:#555;font-weight:600;display:flex;align-items:center;gap:6px}.payment-filter-group label i{color:#2196f3}.payment-filter-select,.payment-search-input,.payment-date-input{height:42px;padding:8px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;background-color:#fff;transition:all .2s;color:#444;box-sizing:border-box}.payment-filter-select:hover,.payment-search-input:hover,.payment-date-input:hover{border-color:#bdbdbd}.payment-filter-select:focus,.payment-search-input:focus,.payment-date-input:focus{border-color:#2196f3;outline:none;box-shadow:0 0 0 2px #2196f326}.payment-search-group{flex-grow:1;position:relative}input[type=text].payment-search-input{width:100%;padding:0 12px 0 40px!important;height:42px;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;background-color:#fff;color:#444;box-sizing:border-box}.payment-search-group:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9e9e9e;z-index:1}.payment-filter-clear-button{padding:10px 16px;background-color:#f5f5f5;border:none;border-radius:10px;color:#666;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;box-shadow:0 2px 4px #0000000d}.payment-filter-clear-button:hover{background-color:#e0e0e0}.payment-table-container{overflow-x:auto;margin-bottom:25px;border-radius:12px;box-shadow:0 4px 15px #0000000d}.payment-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.payment-table th,.payment-table td{padding:15px;border-bottom:1px solid #eee;text-align:left}.payment-table th{background-color:#f5f5f5;color:#444;font-weight:600;position:sticky;top:0;z-index:1;box-shadow:0 2px 4px #00000008}.payment-table th:first-child{border-top-left-radius:12px}.payment-table th:last-child{border-top-right-radius:12px}.payment-table tr:last-child td:first-child{border-bottom-left-radius:12px}.payment-table tr:last-child td:last-child{border-bottom-right-radius:12px}.payment-row{transition:transform .2s,box-shadow .2s}.payment-row:hover{background-color:#f0f7ffcc;transform:translateY(-2px);box-shadow:0 4px 8px #0000000d;z-index:2;position:relative}.payment-id{font-family:Roboto Mono,monospace;font-size:13px;color:#666;letter-spacing:1px;background-color:#f9f9f9;padding:4px 8px;border-radius:4px;display:inline-block}.payment-date{display:flex;align-items:center;gap:8px}.payment-date i{color:#607d8b}.payment-child{display:flex;align-items:center;gap:10px}.payment-child-avatar{width:30px;height:30px;background:linear-gradient(135deg,#4a90e2,#50e3c2);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;font-size:14px}.payment-method{display:flex;align-items:center;gap:8px}.payment-method i{color:#5c6bc0}.payment-amount{font-weight:700;color:#2e7d32;font-size:15px}.payment-status{padding:6px 10px;border-radius:30px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 4px #0000000d}.payment-status-completed{background-color:#e8f5e9;color:#2e7d32;border:none}.payment-status-pending{background-color:#fff8e1;color:#f57f17;border:none}.payment-status-cancelled{background-color:#f5f5f5;color:#757575;border:none}.payment-status-failed{background-color:#ffebee;color:#c62828;border:none}.payment-detail-link{color:#2196f3;text-decoration:none;padding:6px 12px;border-radius:6px;transition:all .2s;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:13px}.payment-detail-link:hover{background-color:#2196f31a;text-decoration:none}.payment-pagination{display:flex;justify-content:center;align-items:center;margin-top:30px}.payment-pagination-button{width:36px;height:36px;border:none;background-color:#f5f5f5;cursor:pointer;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;margin:0 4px;color:#666}.payment-pagination-button:hover:not(:disabled){background-color:#e0e0e0}.payment-pagination-button:disabled{opacity:.5;cursor:not-allowed}.payment-pagination-info{display:flex;align-items:baseline;margin:0 12px;font-size:15px}.payment-current-page{font-size:18px;font-weight:700;color:#333;margin-right:4px}.payment-total-pages{color:#888}.payment-no-payments{text-align:center;padding:50px 0;color:#777;background-color:#f9f9f9;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:15px}.payment-no-payments i{font-size:40px;color:#bdbdbd}.payment-no-payments p{font-size:16px;margin:0}@media (max-width: 992px){.payment-history-page{padding:20px 15px}.payment-history-container{padding:20px}.payment-stats-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.payment-header{flex-direction:column;align-items:flex-start}.payment-filter-row{flex-direction:column;align-items:stretch}.payment-filter-group{width:100%}.payment-table th,.payment-table td{padding:12px 10px;font-size:13px}.payment-stats-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.payment-stat-card{flex-direction:column;text-align:center}.payment-stat-card-icon{margin-right:0;margin-bottom:10px}}@media (max-width: 576px){.payment-stats-cards{grid-template-columns:1fr}.payment-history-title{font-size:24px}.payment-view-toggle-btn{padding:8px 12px;font-size:13px}}.payment-pay-link{display:inline-flex;align-items:center;background-color:#4caf50;color:#fff;padding:6px 12px;border-radius:4px;text-decoration:none;font-weight:500;transition:all .2s}.payment-pay-link:hover{background-color:#45a049;transform:translateY(-2px);box-shadow:0 2px 5px #0003}.payment-pay-link i{margin-right:5px}.payment-search-wrapper{position:relative;display:flex;align-items:center;width:100%}.payment-search-input{width:100%;padding-right:40px}.payment-search-button{position:absolute;right:0;top:0;height:100%;width:40px;border:none;background:none;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s}.payment-search-button:hover{color:var(--primary-color)}:root{--primary-color: #ff7043;--primary-color-dark: #f4511e;--primary-light: #ffab91;--accent-color: #5c6bc0;--success-color: #4caf50;--warning-color: #ff9800;--danger-color: #f44336;--text-dark: #263238;--text-medium: #546e7a;--text-light: #78909c;--background-light: #f5f7fa;--card-shadow: 0 10px 30px rgba(0,0,0,.07);--border-radius: 12px;--premium-shadow: 0 20px 60px rgba(0, 0, 0, .12);--premium-gradient: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);--premium-border: 1px solid rgba(0, 0, 0, .05);--premium-transition: all .4s cubic-bezier(.215, .61, .355, 1)}.invoice-detail-page{padding:2rem;background-color:var(--background-light);min-height:100vh;background-image:linear-gradient(135deg,#f5f7fa,#ebedee)}.invoice-detail-container{max-width:1000px;margin:0 auto}.invoice-premium-actions{display:flex;justify-content:space-between;margin-bottom:1.5rem;opacity:0;transform:translateY(20px);transition:var(--premium-transition)}.invoice-premium-actions.visible{opacity:1;transform:translateY(0)}.invoice-back-button{display:flex;align-items:center;gap:10px;background-color:#fff;padding:12px 20px;border-radius:10px;color:var(--text-dark);text-decoration:none;font-weight:600;border:var(--premium-border);transition:all .2s ease;cursor:pointer;box-shadow:0 4px 10px #0000000d}.invoice-back-button:hover{background-color:#f5f5f5;transform:translateY(-2px);box-shadow:0 6px 15px #00000014}.invoice-actions-right{display:flex;gap:12px}.invoice-action-button{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:10px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #00000014}.invoice-print-button{background-color:#5c6bc0;color:#fff}.invoice-print-button:hover:not(:disabled){background-color:#4a5ab3;transform:translateY(-2px);box-shadow:0 6px 15px #5c6bc04d}.invoice-download-button{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#fff}.invoice-download-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 15px #ff70434d}.invoice-action-button:disabled{background-color:#a0a0a0;cursor:not-allowed;transform:none!important;box-shadow:none!important}.invoice-premium-card{background:var(--premium-gradient);border-radius:16px;box-shadow:var(--premium-shadow);padding:0;margin-bottom:2rem;position:relative;overflow:hidden;border:var(--premium-border);opacity:0;transform:translateY(20px);transition:var(--premium-transition)}.invoice-premium-card.visible{opacity:1;transform:translateY(0)}.invoice-top-decoration{height:8px;background:linear-gradient(to right,var(--primary-color),var(--accent-color));margin-bottom:0}.invoice-watermark{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.paid-watermark,.failed-watermark,.pending-watermark{transform:rotate(-30deg);opacity:.07;font-size:120px;font-weight:900;text-transform:uppercase;white-space:nowrap}.paid-watermark{color:var(--success-color)}.failed-watermark{color:var(--danger-color)}.pending-watermark{color:var(--warning-color)}.invoice-premium-header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px;padding:40px;border-bottom:1px solid rgba(0,0,0,.05);position:relative;z-index:2}.invoice-brand{display:flex;gap:20px;align-items:flex-start}.brand-logo{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 15px #ff704333}.brand-logo svg{width:36px;height:36px}.brand-info h1{margin:0 0 10px;font-size:1.8rem;color:var(--text-dark);font-weight:700}.brand-info p{margin:0 0 5px;color:var(--text-medium);font-size:.95rem}.invoice-premium-title{text-align:right}.invoice-premium-title h2{margin:0 0 15px;font-size:2.2rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;font-weight:800;letter-spacing:1px}.invoice-premium-details{display:flex;flex-direction:column;gap:5px;margin-bottom:15px}.invoice-detail-item{display:flex;justify-content:flex-end;gap:10px}.invoice-detail-item .label{color:var(--text-medium)}.invoice-detail-item .value{font-weight:600;color:var(--text-dark)}.invoice-premium-status{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:30px;font-weight:600;box-shadow:0 4px 10px #0000000d}.invoice-premium-status.status-success{background-color:#4caf501a;color:var(--success-color);border:1px solid rgba(76,175,80,.2)}.invoice-premium-status.status-pending{background-color:#ff98001a;color:var(--warning-color);border:1px solid rgba(255,152,0,.2)}.invoice-premium-status.status-failed{background-color:#f443361a;color:var(--danger-color);border:1px solid rgba(244,67,54,.2)}.invoice-customer-section,.invoice-items-section,.invoice-payment-section{padding:30px 40px;border-bottom:1px solid rgba(0,0,0,.05);position:relative;z-index:2}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid rgba(0,0,0,.05)}.section-title i{color:var(--primary-color);font-size:1.2rem}.section-title h3{margin:0;font-size:1.3rem;color:var(--text-dark);font-weight:600}.customer-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.customer-info-item{display:flex;flex-direction:column;gap:5px}.customer-info-item .label{color:var(--text-medium);font-size:.9rem}.customer-info-item .value{font-weight:500;color:var(--text-dark);font-size:1.05rem}.customer-info-item .value.highlight{font-weight:700;color:var(--primary-color-dark)}.premium-table-container{border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000000d}.premium-invoice-table{width:100%;border-collapse:collapse;font-size:1rem}.premium-invoice-table th,.premium-invoice-table td{padding:14px 16px}.premium-invoice-table thead tr{background:linear-gradient(135deg,#5c6bc01a,#5c6bc033)}.premium-invoice-table th{color:var(--text-dark);font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:1px;border:none}.premium-invoice-table tbody tr{background-color:#fff;transition:background-color .2s}.premium-invoice-table .item-row:hover{background-color:#5c6bc00d}.premium-invoice-table tbody tr:nth-child(2n){background-color:#fafafa}.premium-invoice-table .item-name{font-weight:500}.premium-invoice-table .item-price{text-align:center;font-weight:600;color:var(--text-dark)}.premium-invoice-table tfoot{border-top:2px solid rgba(0,0,0,.05)}.premium-invoice-table .total-row{background:linear-gradient(135deg,#ff70430d,#ff70431a)}.premium-invoice-table .total-amount{text-align:center;font-size:1.2rem;font-weight:700;color:var(--primary-color-dark)}.payment-info-container{display:flex;flex-direction:column;gap:20px}.payment-method{display:flex;align-items:center;gap:15px;background-color:#00000005;padding:15px;border-radius:10px}.payment-method .label{color:var(--text-medium);font-weight:500}.payment-method .value{font-weight:600;color:var(--text-dark);display:flex;align-items:center;gap:8px}.payment-method .value i{color:var(--primary-color)}.payment-confirmation{display:flex;align-items:center;gap:20px;background-color:#4caf500d;padding:20px;border-radius:10px;border-left:4px solid var(--success-color)}.payment-confirmation.pending{background-color:#ff98000d;border-left-color:var(--warning-color)}.confirmation-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;background-color:#4caf501a;color:var(--success-color)}.payment-confirmation.pending .confirmation-icon{background-color:#ff98001a;color:var(--warning-color)}.confirmation-text h4{margin:0 0 5px;font-size:1.1rem;font-weight:600;color:var(--success-color)}.payment-confirmation.pending .confirmation-text h4{color:var(--warning-color)}.confirmation-text p{margin:0;font-size:.9rem;color:var(--text-medium)}.invoice-premium-footer{padding:30px 40px;position:relative;z-index:2}.footer-notes{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.note-item{display:flex;align-items:flex-start;gap:10px}.note-item i{color:var(--primary-color);font-size:1rem;margin-top:3px}.note-item p{margin:0;color:var(--text-medium);font-size:.9rem;line-height:1.5}.footer-signatures{display:flex;justify-content:space-between;margin:30px 0;padding:0 60px}.signature-block{width:140px;text-align:center}.signature-line{width:100%;height:1px;background-color:#ddd;margin-bottom:10px}.signature-title{font-size:.9rem;color:var(--text-medium);margin:0}.invoice-barcode{display:flex;flex-direction:column;align-items:center;margin:30px 0}.barcode-image{width:200px;height:40px;margin-bottom:8px}.invoice-id-display{font-family:Roboto Mono,monospace;font-size:.8rem;color:var(--text-medium);letter-spacing:1px}.footer-contact{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid rgba(0,0,0,.05)}.footer-contact p{margin:0;color:var(--text-light);font-size:.8rem}.social-icons{display:flex;gap:15px}.social-icons i{color:var(--text-medium);font-size:1.1rem;transition:color .2s}.social-icons i:hover{color:var(--primary-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 rgba(var(--primary-rgb),.4)}70%{box-shadow:0 0 0 10px rgba(var(--primary-rgb),0)}to{box-shadow:0 0 rgba(var(--primary-rgb),0)}}@media print{.invoice-premium-actions{display:none}.invoice-detail-page{padding:0;background-color:#fff}.invoice-premium-card{box-shadow:none;border:none;margin:0;padding:0}.invoice-watermark{display:none}}@media (max-width: 992px){.invoice-detail-page{padding:1.5rem}.invoice-premium-header,.invoice-customer-section,.invoice-items-section,.invoice-payment-section,.invoice-premium-footer{padding:25px}.brand-info h1{font-size:1.5rem}.invoice-premium-title h2{font-size:1.8rem}}@media (max-width: 768px){.invoice-premium-header{flex-direction:column;align-items:flex-start;gap:20px}.invoice-premium-title{text-align:left;width:100%}.invoice-detail-item{justify-content:flex-start}.invoice-premium-status{margin-top:10px}.customer-info-grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr));gap:15px}.footer-signatures{padding:0 20px}}@media (max-width: 576px){.invoice-detail-page{padding:1rem}.invoice-premium-actions{flex-direction:column;gap:10px}.invoice-actions-right{width:100%}.invoice-action-button{flex:1;justify-content:center}.invoice-premium-header,.invoice-customer-section,.invoice-items-section,.invoice-payment-section,.invoice-premium-footer{padding:20px}.payment-confirmation{flex-direction:column;align-items:flex-start;text-align:left;gap:15px}.footer-signatures{flex-direction:column;align-items:center;gap:30px}.footer-contact{flex-direction:column;gap:15px}}.payment-fail-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:30px 20px;background-color:#f8f9fa;font-family:Nunito,Segoe UI,sans-serif}.payment-fail-card{background-color:#fff;border-radius:15px;box-shadow:0 10px 40px #0000001a;padding:40px;max-width:600px;width:100%;text-align:center;animation:slideIn .5s ease-out;position:relative;overflow:hidden}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.payment-fail-icon{font-size:80px;color:#ff3b30;margin-bottom:20px;animation:pulseError 2s infinite}@keyframes pulseError{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.payment-fail-title{font-size:28px;color:#333;margin-bottom:20px;font-weight:700}.payment-fail-message{font-size:18px;color:#555;margin-bottom:25px;padding:0 20px;line-height:1.5}.payment-fail-details{background-color:#fff8f8;border-radius:12px;padding:20px;margin-bottom:30px;border:1px solid rgba(255,59,48,.2)}.payment-fail-info{display:flex;flex-direction:column;gap:10px;text-align:left;margin-top:15px}.payment-fail-info-item{display:flex;justify-content:space-between;padding:10px;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000d}.info-label{font-weight:600;color:#555}.info-value{font-family:Roboto Mono,monospace;color:#333;font-weight:500}.payment-fail-help{background-color:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:30px;text-align:left}.payment-fail-help h3{font-size:18px;color:#333;margin-top:0;margin-bottom:15px}.payment-fail-help ul{margin:0;padding-left:20px}.payment-fail-help li{margin-bottom:10px;color:#555;line-height:1.5}.payment-fail-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.payment-fail-actions button{padding:14px 24px;border-radius:10px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;border:none}.btn-try-again{background-color:#ff3b30;color:#fff}.btn-try-again:hover{background-color:#e0352b;transform:translateY(-2px);box-shadow:0 4px 10px #ff3b304d}.btn-payment-history{background-color:#007aff;color:#fff}.btn-payment-history:hover{background-color:#0062cc;transform:translateY(-2px);box-shadow:0 4px 10px #007aff4d}.btn-home{background-color:#f5f5f5;color:#333}.btn-home:hover{background-color:#e5e5e5;transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}@media (max-width: 576px){.payment-fail-card{padding:30px 20px}.payment-fail-icon{font-size:60px}.payment-fail-title{font-size:24px}.payment-fail-message{font-size:16px}.payment-fail-actions{flex-direction:column}.payment-fail-actions button{width:100%;justify-content:center}}.password-rules{margin-top:.5rem;font-size:.85rem;color:#666}.password-rule{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.rule-indicator{display:inline-flex;width:16px;height:16px;border-radius:50%;align-items:center;justify-content:center}.rule-indicator.valid{background-color:#4caf50;color:#fff}.rule-indicator.invalid{background-color:#ccc}.password-strength-bar{height:5px;background-color:#e0e0e0;margin-top:.5rem;border-radius:3px;overflow:hidden}.strength-fill{height:100%;transition:width .3s ease,background-color .3s ease}.very-weak{width:20%;background-color:#ff5252}.weak{width:40%;background-color:#ff9800}.medium{width:60%;background-color:#ffeb3b}.strong{width:80%;background-color:#8bc34a}.very-strong{width:100%;background-color:#4caf50}.password-field{position:relative;width:100%;display:flex}.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;z-index:10}.toggle-password:hover{color:#333}.reset-success-animation{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem}.success-checkmark{width:80px;height:80px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#4caf501a;color:#4caf50;animation:pulse 1.5s ease-in-out}@keyframes pulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.reset-success-title{font-size:1.8rem;font-weight:700;color:#43a047;margin-bottom:.7rem}.reset-success-message{font-size:1.1rem;color:#616161;margin-bottom:1.5rem}.login-link-button{display:inline-block;margin-top:1.5rem;padding:.75rem 2rem;background:linear-gradient(45deg,#ff9800,#f57c00);color:#fff;border-radius:12px;text-decoration:none;transition:all .3s;font-weight:600;box-shadow:0 4px 8px #f57c004d}.login-link-button:hover{background:linear-gradient(45deg,#fb8c00,#ef6c00);box-shadow:0 6px 12px #f57c0066;transform:translateY(-2px)}.password-requirements{margin-top:10px;background-color:#f5f5f5;padding:12px;border-radius:8px;font-size:.85rem}.requirements-title{font-weight:600;margin-bottom:6px;color:#455a64}.requirements-list{list-style-type:none;padding-left:5px;margin:0}.requirements-list li{margin-bottom:5px;color:#78909c;position:relative;padding-left:20px}.requirements-list li:before{content:"•";position:absolute;left:5px;color:#bdbdbd}.requirements-list li.met{color:#4caf50}.requirements-list li.met:before{content:"✓";color:#4caf50}.password-strength-text{font-size:.8rem;color:#757575;display:block;margin-bottom:8px}.login-input{width:100%;box-sizing:border-box}.password-input-container{width:100%}.form-input{width:100%;box-sizing:border-box}.disabled-button{background:linear-gradient(45deg,#ccc,#999)!important;box-shadow:none!important;cursor:not-allowed!important;transform:none!important;opacity:.7}.disabled-button:hover{background:linear-gradient(45deg,#ccc,#999)!important;box-shadow:none!important;transform:none!important}:root{--primary-color: #ff7043;--primary-color-dark: #f4511e;--primary-color-light: #ffccbc;--primary-rgb: 255, 112, 67;--accent-color: #5c6bc0;--accent-color-light: #d1c4e9;--accent-rgb: 92, 107, 192;--success-color: #4caf50;--success-color-light: #e8f5e9;--success-rgb: 76, 175, 80;--text-color: #37474f;--text-color-dark: #263238;--text-color-muted: #607d8b;--card-bg-color: #ffffff;--card-border-color: #eceff1}.enrollment-container{background-color:#f8f9fa;min-height:calc(100vh - 80px);padding:20px 15px;box-sizing:border-box;background-image:linear-gradient(to bottom,#fff,#f8f9fa)}.enrollment-paper{max-width:920px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 6px 16px #00000014;overflow:hidden;display:flex;flex-direction:column;position:relative}.enrollment-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#fff;padding:16px 24px}.header-content{display:flex;align-items:center;margin-bottom:12px}.header-content h1{margin:0;font-size:1.6rem;font-weight:600}.header-icon{margin-right:12px;font-size:24px}.steps-indicator{display:flex;align-items:center;margin-top:12px}.step{display:flex;align-items:center;opacity:.7}.step.active{opacity:1}.step-number{width:28px;height:28px;border-radius:50%;background-color:#fff3;display:flex;justify-content:center;align-items:center;font-weight:700;margin-right:8px}.step-label{font-size:.9rem}.step.active .step-number{background-color:#fff;color:var(--primary-color)}.step-line{flex:1;height:2px;background-color:#ffffff4d;margin:0 15px}.message{margin:15px 20px;padding:12px;border-radius:8px;display:flex;align-items:center}.success-message{background-color:var(--success-color-light);color:var(--success-color);border:1px solid #d2eee2}.error-message{background-color:#ffeaea;color:#c00;border:1px solid #ffd0d0}.message-icon{margin-right:12px;font-size:18px}.enrollment-step{padding:15px 24px 24px;flex:1;overflow:auto}.step-title{font-size:1.3rem;font-weight:600;color:var(--text-color-dark);margin-bottom:20px;display:flex;align-items:center}.step-title svg{margin-right:10px;color:var(--primary-color)}.child-profile{background-color:#f9fafc;border-radius:8px;padding:20px}.child-profile-header{display:flex;align-items:center;margin-bottom:15px}.child-avatar{width:70px;height:70px;border-radius:50%;overflow:hidden;margin-right:15px;background-color:#e9ecef;display:flex;align-items:center;justify-content:center;border:3px solid #eaeff8;flex-shrink:0}.child-avatar img{width:100%;height:100%;object-fit:cover}.child-avatar .avatar-icon{color:#6c757d;font-size:40px}.child-name h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-color-dark)}.child-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:15px}.detail-item{display:flex;align-items:flex-start;background-color:#fff;padding:12px;border-radius:8px;box-shadow:0 1px 3px #0000000d}.detail-icon{width:36px;height:36px;background-color:rgba(var(--primary-rgb),.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;color:var(--primary-color);font-size:16px;flex-shrink:0}.detail-content{flex:1}.detail-label{font-size:.8rem;color:var(--text-color-muted);margin-bottom:3px}.detail-value{font-weight:500;color:var(--text-color-dark);font-size:.95rem}.birth-cert-item{grid-column:span 2}.certificate-link{display:inline-flex;align-items:center;color:var(--primary-color);text-decoration:none;font-weight:500}.certificate-link svg{margin-right:5px}.certificate-link:hover{text-decoration:underline}.certificate-section{display:flex;gap:15px;margin-top:15px}.certificate-preview{flex:0 1 200px;margin:0}.certificate-image{border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;height:150px;width:100%}.certificate-image img{width:100%;height:100%;object-fit:contain}.child-step-actions{display:flex;justify-content:space-between;margin-top:20px}.enrollment-form{background-color:#f9fafc;padding:20px;border-radius:8px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:flex;align-items:center;margin-bottom:8px;font-weight:500;color:var(--text-color-dark);font-size:.95rem}.form-group label svg{margin-right:8px;color:var(--primary-color)}.form-group select,.form-group input{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:15px;background-color:#fff;transition:border-color .2s,box-shadow .2s}.form-group select:focus,.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.enrollment-summary{background-color:#fff;padding:15px;border-radius:8px;margin-top:15px;margin-bottom:15px;border:1px solid #e0e0e0}.enrollment-summary h3{font-size:1rem;margin-top:0;margin-bottom:10px;color:var(--text-color-dark);padding-bottom:8px;border-bottom:1px dashed #e0e0e0}.summary-row{display:flex;margin-bottom:8px}.summary-row:last-child{margin-bottom:0}.summary-label{width:100px;font-weight:500;color:var(--text-color-muted);font-size:.9rem}.summary-value{flex:1;font-weight:500;font-size:.9rem}.form-actions{display:flex;justify-content:space-between;margin-top:20px}.btn-cancel,.btn-back,.btn-next,.btn-submit{padding:10px 16px;border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:500;display:flex;align-items:center;transition:all .2s}.btn-cancel,.btn-back{background-color:#e0e0e0;color:#333}.btn-cancel:hover,.btn-back:hover{background-color:#d0d0d0}.btn-next,.btn-submit{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#fff;box-shadow:0 4px 10px rgba(var(--primary-rgb),.2)}.btn-next:hover,.btn-submit:hover{background:linear-gradient(135deg,var(--primary-color) 30%,var(--primary-color-dark) 100%);box-shadow:0 6px 15px rgba(var(--primary-rgb),.3);transform:translateY(-2px)}.btn-submit:disabled{background:linear-gradient(135deg,#ffab91,#ffccbc);cursor:not-allowed;transform:none}.btn-cancel svg,.btn-back svg{margin-right:8px}.btn-next svg{margin-left:8px}.btn-submit svg{margin-right:8px}.spinner{margin-right:8px;border:2px solid rgba(255,255,255,.5);border-top:2px solid #fff;border-radius:50%;width:16px;height:16px;animation:spin 1s linear infinite}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.loading-spinner{border:3px solid rgba(var(--primary-rgb),.2);border-top:3px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:15px}@media (max-width: 768px){.child-details-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr;gap:10px}.certificate-section{flex-direction:column}.certificate-preview{flex:0 0 auto}}.paper-enrollment-form{max-width:800px;margin:0 auto 20px;padding:40px 40px 30px;font-family:Times New Roman,Times,serif;color:#000;position:relative;box-shadow:0 10px 25px #00000014;border-radius:10px;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3z' fill='%23f9f9f9' fill-opacity='0.4'/%3E%3C/svg%3E");border:1px solid #f0f0f0;transition:all .3s ease;transform:scale(.95);transform-origin:top center}.paper-enrollment-form:before{content:"";position:absolute;top:0;left:0;right:0;height:12px;background:linear-gradient(90deg,#ff7043,#f4511e);border-top-left-radius:10px;border-top-right-radius:10px}.form-header{text-align:center;margin-bottom:25px;position:relative;padding-bottom:15px}.form-header:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:100px;height:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23ff7043' opacity='0.1'%3E%3Cpath d='M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.form-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:2px;background:linear-gradient(90deg,#ff7043,#f4511e);border-radius:2px}.form-header h1{font-size:24px;font-weight:700;text-transform:uppercase;margin-bottom:8px;letter-spacing:1px;color:#263238;text-shadow:1px 1px 0 rgba(0,0,0,.05);display:inline-block}.form-header h1:before,.form-header h1:after{content:"✦";font-size:18px;color:#ff704399;position:absolute;top:50%;transform:translateY(-50%)}.form-header h1:before{left:-24px}.form-header h1:after{right:-24px}.form-header h2{font-size:18px;margin-top:6px;font-weight:600;color:#455a64}.form-recipient{margin-bottom:25px;border-left:3px solid #ff7043;position:relative;background-color:#ff704308;padding:10px 15px;border-radius:0 6px 6px 0}.form-recipient p{font-size:16px;line-height:1.4;margin:0}.traditional-form{display:flex;flex-direction:column}.form-section{display:flex;flex-direction:column;gap:14px;background-color:#fffc;padding:18px;border-radius:8px;box-shadow:0 2px 10px #00000008;position:relative;transition:all .3s ease}.form-section:hover{box-shadow:0 4px 15px #0000000d;transform:translateY(-1px)}.form-section.parent-info{border:1px dashed rgba(0,0,0,.1);position:relative}.form-section.parent-info:before{content:"Thông tin phụ huynh";position:absolute;top:-10px;left:20px;background-color:#fff;padding:0 8px;font-size:12px;color:#78909c;border-radius:4px}.form-section.child-info{background-color:#ff70430a;border:1px solid rgba(255,112,67,.15);position:relative}.form-section.child-info:before{content:"Thông tin học sinh";position:absolute;top:-10px;left:20px;background-color:#fff;padding:0 8px;font-size:12px;color:#ff7043;border-radius:4px}.form-section.grade-selection{background-color:#5c6bc00a;border:1px solid rgba(92,107,192,.15);padding:15px 18px}.form-field{display:flex;flex-direction:row;align-items:center;gap:15px;position:relative}.form-field label{min-width:130px;font-weight:500;color:#455a64;font-size:15px;position:relative;padding-left:20px}.form-field label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff7043' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 11 12 14 22 4'%3E%3C/polyline%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'%3E%3C/path%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.6}.form-field input{flex:1;border:none;border-bottom:1px dotted #78909c;background:transparent;padding:8px 0;font-family:Times New Roman,Times,serif;font-size:15px;color:#263238;transition:all .3s ease}.form-field input:focus{outline:none;border-bottom:2px solid #ff7043;padding-bottom:7px}.readonly-value{flex:1;border-bottom:1px dotted #78909c;padding:8px 0;min-height:15px;font-weight:500;color:#263238;font-size:15px;background-color:#ffffff80}.grade-select{flex:1;border:1px solid #cfd8dc;padding:8px 12px;border-radius:6px;font-family:Times New Roman,Times,serif;font-size:15px;background-color:#fffc;color:#263238;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23455a64' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px;transition:all .3s ease;cursor:pointer}.application-text{margin:20px 0;line-height:1.6;text-align:justify;font-size:15px;color:#37474f;padding:18px 25px;position:relative;background-color:#fff9;border-radius:8px;border:1px solid rgba(0,0,0,.05);box-shadow:inset 0 2px 6px #00000005}.application-text:before,.application-text:after{content:'"';font-size:60px;color:#ff704326;position:absolute;line-height:1;font-family:Georgia,serif}.application-text:before{top:-15px;left:5px}.application-text:after{bottom:-40px;right:5px;transform:rotate(180deg)}.application-text p{margin:0 0 10px;position:relative}.application-text p:last-child{margin-bottom:0}.signature{align-self:flex-end;margin-top:25px;text-align:center;width:280px;padding:10px;border-top:1px dashed rgba(0,0,0,.1);position:relative}.signature:after{content:"";position:absolute;width:80px;height:50px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512' fill='%23ff7043' opacity='0.07'%3E%3Cpath d='M512 320s-64 92.65-64 128c0 35.35 28.66 64 64 64s64-28.65 64-64-64-128-64-128zm-9.37-102.94L294.94 9.37C288.69 3.12 280.5 0 272.31 0s-16.38 3.12-22.62 9.37l-81.58 81.58L81.93 4.76c-6.25-6.25-16.38-6.25-22.62 0L36.69 27.38c-6.24 6.25-6.24 16.38 0 22.62l86.19 86.18-94.76 94.76c-37.49 37.48-37.49 98.26 0 135.75l117.19 117.19c18.74 18.74 43.31 28.12 67.87 28.12 24.57 0 49.13-9.37 67.87-28.12l221.57-221.57c12.5-12.5 12.5-32.75.01-45.25zm-244.2 244.2c-12.48 12.48-32.78 12.48-45.26 0l-117.19-117.2c-12.48-12.48-12.48-32.77 0-45.25l94.76-94.76 162.45 162.44-94.76 94.77z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;top:60px;left:50%;transform:translate(-50%);z-index:0}.date-section{display:flex;flex-direction:column;align-items:center;gap:40px}.date-section p{font-size:15px;letter-spacing:.5px;color:#455a64;position:relative;z-index:1}.signature-label{font-style:italic;color:#607d8b;position:relative;z-index:1;padding:3px 10px;background-color:#fffc;border-radius:15px;font-size:14px}.form-actions{display:flex;justify-content:space-between;margin-top:30px;gap:20px;border-top:1px solid #eceff1;padding-top:20px}.btn-cancel,.btn-submit{padding:10px 20px;border-radius:6px;border:none;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;font-size:14px}.enrollment-paper:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);width:400px;height:400px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.02;z-index:0;pointer-events:none}@media print{.enrollment-container{background:#fff}.form-actions{display:none}.paper-enrollment-form{box-shadow:none;border:none}.paper-enrollment-form:before{display:none}}@media (max-width: 768px){.paper-enrollment-form{padding:40px 25px}.form-field{flex-direction:column;align-items:flex-start;gap:10px}.form-field label{min-width:auto}.signature{width:100%}.form-header h1:before,.form-header h1:after{display:none}}.grade-info{font-size:13px;color:#607d8b;margin-top:8px;display:flex;align-items:center;gap:8px;background-color:#ffffffb3;padding:8px 12px;border-radius:6px;border:1px dashed rgba(92,107,192,.3)}.info-icon{color:#5c6bc0}.school-stamp{position:absolute;top:30px;left:50%;transform:translate(-50%) rotate(-12deg);width:130px;height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:.3;pointer-events:none;z-index:5;filter:blur(.2px)}.stamp-circle{position:absolute;width:100%;height:100%;border:2.5px solid rgba(183,28,28,.85);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 12px #b71c1c1a}.stamp-inner-circle{position:absolute;width:78%;height:78%;border:1.5px solid rgba(183,28,28,.85);border-radius:50%}.stamp-text-top{position:absolute;top:20px;font-size:12px;font-weight:700;color:#b71c1ce6;text-transform:uppercase;font-family:Times New Roman,serif;letter-spacing:.5px}.stamp-text-bottom{position:absolute;bottom:20px;font-size:12px;font-weight:700;color:#b71c1ce6;text-transform:uppercase;font-family:Times New Roman,serif;letter-spacing:.5px}.stamp-star{position:absolute;font-size:24px;color:#b71c1c}.stamp-logo{font-size:36px;color:#b71c1c;font-weight:700;text-shadow:0 0 1px #b71c1c;font-family:Times New Roman,serif;letter-spacing:-1px}.stamp-approved{position:absolute;display:flex;justify-content:center;align-items:center;font-size:15px;font-weight:800;color:#b71c1cf2;text-transform:uppercase;font-family:Times New Roman,serif;letter-spacing:1px}.stamp-approved svg{filter:drop-shadow(0 0 1px rgba(183,28,28,.6));width:34px;height:34px}.stamp-date{position:absolute;bottom:38px;font-size:8px;font-weight:600;color:#b71c1ccc;font-family:Times New Roman,serif}.signature-container{display:flex;justify-content:space-between;margin-top:25px;width:100%}.signature{text-align:center;width:280px;padding:10px;border-top:1px dashed rgba(0,0,0,.1);position:relative}.parent-signature{align-self:flex-start}.principal-signature{align-self:flex-end}.principal-signature .date-section{gap:60px}.principal-name{font-weight:700;font-size:16px;color:#263238;position:relative;z-index:1}@media (max-width: 768px){.signature-container{flex-direction:column;align-items:center;gap:40px}.signature{width:100%;max-width:280px}}.signature-text{font-family:Pacifico,Brush Script MT,cursive;font-size:28px;color:#000032d9;transform:rotate(-5deg);position:relative;z-index:9999;text-shadow:.5px .5px 1px rgba(0,0,0,.1);margin-bottom:5px}.signature-line{position:absolute;width:100%;height:1.5px;background:#0006;bottom:-2px;left:0}.principal-signature .date-section{gap:30px}:root{--primary-color: #ff7043;--primary-color-dark: #f4511e;--primary-color-light: #feeae5;--primary-rgb: 255, 112, 67;--accent-color: #5c6bc0;--accent-color-light: #d1c4e9;--accent-rgb: 92, 107, 192;--success-color: #4caf50;--success-color-light: #e8f5e9;--success-rgb: 76, 175, 80;--warning-color: #ffb300;--warning-color-light: #fff8e1;--warning-rgb: 255, 179, 0;--danger-color: #f44336;--danger-color-light: #ffebee;--danger-rgb: 244, 67, 54;--info-color: #2196f3;--info-color-light: #e3f2fd;--info-rgb: 33, 150, 243;--text-color: #37474f;--text-color-dark: #263238;--text-color-muted: #607d8b;--pending-color: #ffb74d;--pending-color-light: #fff8e1;--pending-rgb: 255, 183, 77;--approved-color: #66bb6a;--approved-color-light: #e8f5e9;--approved-rgb: 102, 187, 106;--paid-color: #42a5f5;--paid-color-light: #e3f2fd;--paid-rgb: 66, 165, 245;--enrolled-color: #7e57c2;--enrolled-color-light: #ede7f6;--enrolled-rgb: 126, 87, 194;--rejected-color: #ef5350;--rejected-color-light: #ffebee;--rejected-rgb: 239, 83, 80;--card-bg-color: #ffffff;--card-border-color: #eceff1;--inactive-color: #b0bec5;--inactive-color-light: #eceff1;--inactive-rgb: 176, 190, 197}body.no-scroll{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important}.tracking-container{background-color:#f6f8fa;min-height:calc(100vh - 80px);padding:30px 20px;box-sizing:border-box}.tracking-paper{max-width:1000px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;overflow:hidden;transition:transform .3s}.tracking-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#fff;padding:24px 32px;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.tracking-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5z' fill='%23ffffff' fill-opacity='0.1'/%3E%3C/svg%3E");opacity:.5;z-index:0}.tracking-header-content{display:flex;align-items:center;position:relative;z-index:1}.tracking-header-content h1{margin:0;font-size:1.8rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.tracking-header-icon{margin-right:16px;font-size:32px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.tracking-message{margin:20px 32px;padding:16px;border-radius:10px;display:flex;align-items:center;animation:fadeInUp .5s}.tracking-error-message{background-color:var(--danger-color-light);color:var(--danger-color);border:1px solid rgba(var(--danger-rgb),.2)}.tracking-message-icon{margin-right:16px;font-size:24px}.tracking-content{padding:32px}.tracking-filter-bar{display:none}.tracking-applications-list{display:flex;flex-direction:column;gap:24px}.tracking-application-card{background-color:#fff;border-radius:14px;padding:24px;border:1px solid rgba(0,0,0,.05);box-shadow:0 6px 16px #0000000d;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"status info actions" "timeline timeline timeline";gap:20px;position:relative;transition:all .3s;overflow:hidden;animation:fadeInUp .5s}.tracking-application-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.tracking-application-card:nth-child(1){animation-delay:.1s}.tracking-application-card:nth-child(2){animation-delay:.2s}.tracking-application-card:nth-child(3){animation-delay:.3s}.tracking-application-card:nth-child(4){animation-delay:.4s}.tracking-application-card:nth-child(5){animation-delay:.5s}.tracking-application-status{grid-area:status;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border-radius:12px;width:110px;height:110px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff3,0 4px 8px #0000000d}.tracking-application-status:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(135deg,#ffffff1a,#fff0);z-index:1}.tracking-status-icon{width:56px;height:56px;border-radius:28px;background-color:#ffffffe6;display:flex;align-items:center;justify-content:center;margin-bottom:10px;font-size:28px;box-shadow:0 4px 12px #0000001a;position:relative;z-index:2}.tracking-status-text{font-size:15px;font-weight:600;text-align:center;position:relative;z-index:2}.tracking-application-status.tracking-pending{background:linear-gradient(135deg,var(--pending-color-light) 0%,var(--pending-color) 100%);color:#e65100}.tracking-application-status.tracking-approved{background:linear-gradient(135deg,var(--approved-color-light) 0%,var(--approved-color) 100%);color:#2e7d32}.tracking-application-status.tracking-paid{background:linear-gradient(135deg,var(--paid-color-light) 0%,var(--paid-color) 100%);color:#0d47a1}.tracking-application-status.tracking-enrolled{background:linear-gradient(135deg,var(--enrolled-color-light) 0%,var(--enrolled-color) 100%);color:#6a1b9a}.tracking-application-status.tracking-rejected{background:linear-gradient(135deg,var(--rejected-color-light) 0%,var(--rejected-color) 100%);color:#b71c1c}.tracking-application-info{grid-area:info;display:flex;flex-direction:column}.tracking-child-name{margin:0 0 15px;font-size:22px;color:var(--text-color-dark);font-weight:600}.tracking-application-details{display:flex;gap:24px;flex-wrap:wrap}.tracking-application-details p{margin:0;display:flex;align-items:center;gap:10px;color:var(--text-color-muted);font-size:16px;background-color:#f9fafb;padding:8px 16px;border-radius:8px;font-weight:500}.tracking-application-details svg{color:var(--primary-color);font-size:18px}.tracking-application-timeline{grid-area:timeline;display:flex;align-items:center;justify-content:space-between;margin:16px 0;padding:24px 0;border-top:1px dashed rgba(0,0,0,.1);border-bottom:1px dashed rgba(0,0,0,.1)}.tracking-timeline-step{display:flex;flex-direction:column;align-items:center;width:100px;opacity:.7;transition:all .3s}.tracking-timeline-step.active{opacity:1;transform:scale(1.05)}.tracking-step-icon{width:46px;height:46px;border-radius:50%;background-color:var(--inactive-color-light);color:var(--inactive-color);display:flex;align-items:center;justify-content:center;margin-bottom:10px;font-size:20px;box-shadow:0 2px 5px #00000014;transition:all .4s ease;border:2px solid transparent}.tracking-timeline-step.active .tracking-step-icon{background:#fff;color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:0 4px 8px rgba(var(--primary-rgb),.25)}.tracking-step-label{font-size:14px;text-align:center;color:var(--text-color-muted);font-weight:500;transition:all .3s}.tracking-timeline-step.active .tracking-step-label{color:var(--text-color-dark);font-weight:600}.tracking-timeline-connector{flex:1;height:4px;background-color:var(--inactive-color-light);position:relative;margin:0 8px;border-radius:2px;overflow:hidden}.tracking-timeline-connector:after{content:"";position:absolute;top:0;left:0;height:100%;width:0;background-color:var(--primary-color);transition:width 1s cubic-bezier(.4,0,.2,1);border-radius:2px}.tracking-timeline-connector.active:after{width:100%;background:linear-gradient(90deg,var(--primary-color-light) 0%,var(--primary-color) 100%)}.tracking-timeline-connector.half-active:after{width:50%;background:linear-gradient(90deg,var(--primary-color-light) 0%,var(--primary-color) 40%,rgba(var(--primary-rgb),.5) 100%);animation:pulse-light 2s infinite}.tracking-timeline-step.active[data-status=Pending] .tracking-step-icon{color:var(--pending-color);border-color:var(--pending-color);box-shadow:0 4px 8px rgba(var(--pending-rgb),.25)}.tracking-timeline-step.active[data-status=Approved] .tracking-step-icon{color:var(--approved-color);border-color:var(--approved-color);box-shadow:0 4px 8px rgba(var(--approved-rgb),.25)}.tracking-timeline-step.active[data-status=Paid] .tracking-step-icon{color:var(--paid-color);border-color:var(--paid-color);box-shadow:0 4px 8px rgba(var(--paid-rgb),.25)}.tracking-timeline-step.active[data-status=Enrolled] .tracking-step-icon{color:var(--enrolled-color);border-color:var(--enrolled-color);box-shadow:0 4px 8px rgba(var(--enrolled-rgb),.25)}@keyframes pulse-light{0%{box-shadow:0 0 rgba(var(--primary-rgb),.4)}70%{box-shadow:0 0 0 6px rgba(var(--primary-rgb),0)}to{box-shadow:0 0 rgba(var(--primary-rgb),0)}}.tracking-timeline-connector.active[data-from=Register][data-to=Approved]:after{background:linear-gradient(90deg,var(--pending-color-light) 0%,var(--pending-color) 100%)}.tracking-timeline-connector.active[data-from=Approved][data-to=Paid]:after{background:linear-gradient(90deg,var(--approved-color-light) 0%,var(--approved-color) 100%)}.tracking-timeline-connector.active[data-from=Paid][data-to=Enrolled]:after{background:linear-gradient(90deg,var(--paid-color-light) 0%,var(--paid-color) 100%)}.tracking-timeline-connector.half-active[data-from=Register][data-to=Approved]:after{background:linear-gradient(90deg,var(--pending-color-light) 0%,var(--pending-color) 40%,rgba(var(--pending-rgb),.5) 100%)}.tracking-timeline-connector.half-active[data-from=Approved][data-to=Paid]:after{background:linear-gradient(90deg,var(--approved-color-light) 0%,var(--approved-color) 40%,rgba(var(--approved-rgb),.5) 100%)}.tracking-timeline-connector.half-active[data-from=Paid][data-to=Enrolled]:after{background:linear-gradient(90deg,var(--paid-color-light) 0%,var(--paid-color) 40%,rgba(var(--paid-rgb),.5) 100%)}.tracking-application-actions{grid-area:actions;align-self:center;display:flex;justify-content:flex-end;gap:12px}.tracking-action-btn{padding:12px 20px;border-radius:8px;border:none;display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .25s cubic-bezier(.2,.8,.2,1)}.tracking-detail-btn{background-color:#f5f5f5;color:var(--text-color-dark);border:1px solid rgba(0,0,0,.05)}.tracking-detail-btn:hover{background-color:#e0e0e0;transform:translateY(-2px)}.tracking-payment-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#fff;box-shadow:0 4px 10px rgba(var(--primary-rgb),.2)}.tracking-payment-btn:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(var(--primary-rgb),.3)}.tracking-no-applications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background-color:rgba(var(--primary-rgb),.02);border-radius:16px;border:2px dashed rgba(var(--primary-rgb),.1)}.tracking-no-data-icon{width:120px;height:120px;background:linear-gradient(135deg,var(--primary-color-light) 0%,var(--primary-color) 100%);border-radius:60px;display:flex;align-items:center;justify-content:center;margin-bottom:30px;font-size:50px;color:#fff;box-shadow:0 10px 20px rgba(var(--primary-rgb),.2);position:relative;animation:pulse 3s infinite}.tracking-no-data-icon:after{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:70px;background:radial-gradient(circle,rgba(var(--primary-rgb),.2),rgba(var(--primary-rgb),0) 70%);animation:pulse 3s infinite .3s}.tracking-loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.tracking-loading-spinner{border:4px solid rgba(var(--primary-rgb),.1);border-top:4px solid var(--primary-color);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:20px}.tracking-search-and-filter{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;background:var(--card-bg-color);border-radius:8px;padding:15px;box-shadow:0 2px 6px #0000000d}.tracking-search-bar{position:relative;flex:1;min-width:220px}input[type=text].tracking-search-input{width:100%;padding:10px 15px 10px 40px;border-radius:8px;border:1px solid var(--card-border-color);font-size:14px;transition:border-color .3s,box-shadow .3s;height:40px;box-sizing:border-box}.tracking-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1);outline:none}.tracking-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--text-color-muted)}.tracking-clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;padding:3px;color:var(--text-color-muted);cursor:pointer;opacity:.7;transition:opacity .2s}.tracking-clear-search:hover{opacity:1}.tracking-sort-dropdown{display:flex;align-items:center;gap:10px}.tracking-sort-dropdown label{color:var(--text-color);font-weight:500;white-space:nowrap}.tracking-sort-select{padding:10px 30px 10px 15px;border-radius:8px;border:1px solid var(--card-border-color);font-size:14px;background-color:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;height:40px;box-sizing:border-box}.tracking-sort-select:focus{border-color:var(--primary-color);outline:none}.tracking-status-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;scrollbar-width:thin;scrollbar-color:#ddd transparent}.tracking-tab-btn{display:flex;align-items:center;padding:8px 12px;border:none;background:#f5f7fa;border-radius:6px;font-size:14px;color:var(--text-color);cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.tracking-tab-btn.active{background:var(--primary-color-light);color:var(--primary-color-dark);font-weight:500}.tracking-tab-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.tracking-tab-icon{display:inline-flex;margin-right:6px;color:var(--text-color-muted)}.tracking-tab-btn.active .tracking-tab-icon{color:var(--primary-color)}.tracking-tab-icon.tracking-pending,.tracking-tab-btn.active .tracking-tab-icon.tracking-pending{color:var(--warning-color)}.tracking-tab-icon.tracking-approved,.tracking-tab-btn.active .tracking-tab-icon.tracking-approved{color:var(--success-color)}.tracking-tab-icon.tracking-paid,.tracking-tab-btn.active .tracking-tab-icon.tracking-paid{color:var(--info-color)}.tracking-tab-icon.tracking-enrolled,.tracking-tab-btn.active .tracking-tab-icon.tracking-enrolled{color:var(--accent-color)}.tracking-tab-icon.tracking-rejected,.tracking-tab-btn.active .tracking-tab-icon.tracking-rejected{color:var(--danger-color)}.tracking-tab-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;transform:translateY(-100%);transition:transform .3s ease;z-index:-1}.tracking-tab-btn:hover:after{transform:translateY(0)}.tracking-refresh-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--card-bg-color);border:1px solid var(--card-border-color);border-radius:8px;color:var(--text-color);font-weight:500;cursor:pointer;transition:all .2s}.tracking-refresh-button:hover{background-color:var(--primary-color-light);color:var(--primary-color-dark)}.tracking-refresh-icon{transition:transform .5s ease}.tracking-refresh-button.tracking-spinning .tracking-refresh-icon{animation:spin 1s infinite linear}.tracking-btn-primary{padding:14px 28px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:16px;display:flex;align-items:center;gap:10px;text-decoration:none;transition:all .25s cubic-bezier(.2,.8,.2,1);box-shadow:0 6px 12px rgba(var(--primary-rgb),.2)}.tracking-btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(var(--primary-rgb),.3)}.tracking-btn-secondary{padding:12px 24px;background-color:#f5f5f5;color:var(--text-color-dark);border:1px solid var(--card-border-color);border-radius:12px;font-weight:600;font-size:16px;display:flex;align-items:center;gap:10px;text-decoration:none;transition:all .25s ease;cursor:pointer;animation:fadeIn .3s ease-in-out}.tracking-btn-secondary:hover{background-color:#e0e0e0;transform:translateY(-2px)}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 rgba(var(--success-rgb),.6)}50%{transform:scale(1.05)}70%{box-shadow:0 0 0 10px rgba(var(--success-rgb),0)}to{transform:scale(1);box-shadow:0 0 rgba(var(--success-rgb),0)}}.tracking-payment-btn.tracking-pulse{animation:pulse 2s infinite}@media (max-width: 768px){.tracking-search-and-filter{flex-direction:column}.tracking-sort-dropdown{width:100%;justify-content:space-between}.tracking-sort-select{flex:1}.tracking-application-timeline{display:none}.tracking-application-info{flex:1}.tracking-application-actions{width:100%;flex-direction:row;justify-content:center;margin-top:15px;gap:10px}.tracking-action-btn{width:auto;flex:1}.tracking-content{padding:24px 20px}.tracking-application-card{grid-template-columns:auto 1fr;grid-template-areas:"status info" "timeline timeline" "actions actions";padding:20px;gap:20px}}@media (max-width: 480px){.tracking-header{flex-direction:column;align-items:flex-start;gap:15px}.tracking-refresh-button{align-self:flex-start}.tracking-status-tabs{overflow-x:auto;padding-bottom:5px;margin-bottom:15px;white-space:nowrap;display:flex;flex-wrap:nowrap}.tracking-tab-btn{flex:0 0 auto}.tracking-header-content h1{font-size:1.4rem}.tracking-no-applications{padding:40px 20px}.tracking-no-data-icon{width:100px;height:100px;font-size:40px}.tracking-btn-primary{width:100%;justify-content:center}}@media (prefers-reduced-motion: reduce){.tracking-application-card,.tracking-refresh-button.tracking-spinning .tracking-refresh-icon,.tracking-payment-btn.tracking-pulse,.tracking-no-data-icon{animation:none!important}}.tracking-application-timeline::-webkit-scrollbar{height:6px}.tracking-application-timeline::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.tracking-application-timeline::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.tracking-application-timeline::-webkit-scrollbar-thumb:hover{background:#bbb}.tracking-status-tabs::-webkit-scrollbar{height:4px}.tracking-status-tabs::-webkit-scrollbar-track{background:transparent}.tracking-status-tabs::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.tracking-status-tabs::-webkit-scrollbar-thumb:hover{background:#ccc}.tracking-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);will-change:opacity;opacity:0;transition:opacity .35s cubic-bezier(.215,.61,.355,1)}.tracking-modal-overlay.visible{opacity:1}.tracking-modal-content{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:20px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;transform:translateY(30px) scale(.98);transition:all .4s cubic-bezier(.215,.61,.355,1);max-width:850px}.tracking-modal-overlay.visible .tracking-modal-content{transform:translateY(0) scale(1)}.tracking-modal-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);padding:24px 28px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10}.tracking-modal-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3z' fill='%23ffffff' fill-opacity='0.1'/%3E%3C/svg%3E");opacity:.5;z-index:-1}.tracking-modal-header h2{margin:0;font-size:1.6rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.tracking-modal-close-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#fff3;color:#fff;border:none;font-size:1.2rem;cursor:pointer;transition:all .2s}.tracking-modal-close-btn:hover{background-color:#ffffff4d;transform:rotate(90deg)}.tracking-modal-body{padding:0;max-height:calc(90vh - 140px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ddd transparent}.tracking-modal-body::-webkit-scrollbar{width:6px}.tracking-modal-body::-webkit-scrollbar-track{background:transparent}.tracking-modal-body::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:6px}.tracking-detail-content{display:flex;flex-direction:column}.tracking-detail-header{display:flex;align-items:center;padding:32px 28px;gap:28px;background:linear-gradient(to bottom,#00000005,#0000);border-bottom:1px solid rgba(0,0,0,.05)}.tracking-detail-avatar{position:relative;width:120px;height:120px;border-radius:20px;overflow:hidden;box-shadow:0 8px 20px #0000001a;flex-shrink:0;border:4px solid #fff;background-color:var(--primary-color-light)}.tracking-detail-avatar img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.tracking-detail-avatar:hover img{transform:scale(1.05)}.tracking-detail-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fffc;background:linear-gradient(135deg,var(--primary-color-light) 0%,var(--primary-color) 100%)}.tracking-detail-main-info{display:flex;flex-direction:column;gap:12px}.tracking-detail-main-info h3{margin:0;font-size:1.8rem;font-weight:700;color:var(--text-color-dark)}.tracking-detail-status{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:30px;font-weight:600;font-size:.9rem;width:fit-content;box-shadow:0 2px 8px #0000000d}.tracking-detail-sections{padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.tracking-detail-section{background-color:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(0,0,0,.03);transition:transform .3s ease,box-shadow .3s ease}.tracking-detail-section:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000014}.tracking-detail-section h4{margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid rgba(0,0,0,.05);font-size:1.1rem;font-weight:700;color:var(--text-color-dark);display:flex;align-items:center;gap:10px}.tracking-detail-section h4 svg{color:var(--primary-color);font-size:1.2rem}.tracking-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.tracking-detail-item{display:flex;flex-direction:column;gap:6px;animation:fadeInUp .5s}.tracking-detail-label{color:var(--text-color-muted);font-size:.85rem;font-weight:500}.tracking-detail-value{color:var(--text-color-dark);font-size:1rem;font-weight:600;padding:8px 12px;background-color:#00000005;border-radius:8px;border-left:3px solid var(--primary-color)}.tracking-detail-section:nth-child(3){grid-column:1 / -1}.tracking-detail-documents{display:flex;flex-wrap:wrap;gap:24px}.tracking-detail-document{width:220px}.tracking-detail-document p{margin:0 0 12px;font-weight:600;color:var(--text-color-dark);font-size:1rem}.tracking-detail-document-preview{position:relative;height:180px;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a;border:2px solid rgba(0,0,0,.03)}.tracking-detail-document-preview:hover{transform:scale(1.03);box-shadow:0 8px 25px #00000026}.tracking-detail-document-preview img{width:100%;height:100%;object-fit:cover;position:relative;z-index:2;transition:all .5s ease}.tracking-detail-document-preview:hover img{transform:scale(1.1)}.tracking-detail-document-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000,#0009);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;opacity:0;transition:opacity .3s;z-index:3}.tracking-detail-document-preview:hover .tracking-detail-document-overlay{opacity:1}.tracking-detail-document-missing{height:180px;border-radius:12px;background-color:#f5f5f5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-color-muted);border:2px dashed rgba(0,0,0,.1)}.tracking-detail-document-missing svg{font-size:48px;opacity:.6}.tracking-modal-footer{padding:20px 28px;border-top:1px solid rgba(0,0,0,.05);display:flex;justify-content:flex-end;gap:16px;background-color:#00000003}.tracking-btn-secondary,.tracking-btn-primary{padding:12px 24px;border-radius:12px;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s ease;border:none}.tracking-btn-secondary{background-color:#f5f5f5;color:var(--text-color-dark);border:1px solid rgba(0,0,0,.05)}.tracking-btn-secondary:hover{background-color:#e5e5e5;transform:translateY(-2px)}.tracking-btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#fff;box-shadow:0 4px 15px rgba(var(--primary-rgb),.2)}.tracking-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--primary-rgb),.3)}.tracking-modal-loading{padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center}.tracking-loading-spinner{width:60px;height:60px;border:4px solid rgba(var(--primary-rgb),.1);border-left:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.tracking-modal-loading p{color:var(--text-color-muted);font-size:1rem;text-align:center}@media (max-width: 768px){.tracking-detail-sections{grid-template-columns:1fr;padding:20px;gap:20px}.tracking-detail-header{flex-direction:column;text-align:center;padding:24px 20px}.tracking-detail-main-info{align-items:center}.tracking-detail-avatar{width:100px;height:100px}.tracking-modal-header{padding:16px 20px}.tracking-modal-header h2{font-size:1.3rem}.tracking-modal-footer{padding:16px 20px;flex-direction:column-reverse}.tracking-btn-secondary,.tracking-btn-primary{width:100%;justify-content:center}}.tracking-application-card[data-status=Rejected]{opacity:.7;background-color:#f5f5f5;border:1px solid #e0e0e0;box-shadow:none}.tracking-application-card[data-status=Rejected]:hover{transform:none;box-shadow:none}.tracking-application-card[data-status=Rejected] .tracking-application-info h3,.tracking-application-card[data-status=Rejected] .tracking-application-details p{color:#9e9e9e}.tracking-application-card[data-status=Rejected] .tracking-application-details svg{color:#9e9e9e}.tracking-action-btn.tracking-processing,.tracking-btn-primary.tracking-processing{opacity:.8;cursor:not-allowed;box-shadow:none;transform:none!important}.tracking-action-btn.tracking-processing:hover,.tracking-btn-primary.tracking-processing:hover{transform:none!important;box-shadow:none}.notification-page{max-width:900px;margin:0 auto;padding:2rem 1rem}.notification-page-header{margin-bottom:2rem;text-align:center}.notification-page-header h1{font-size:2rem;color:#e64a19;margin:0;font-weight:700;position:relative;display:inline-block}.notification-page-header h1:after{content:"";position:absolute;bottom:-10px;left:50%;width:80px;height:3px;background:linear-gradient(to right,#ff8a65,#ff5722);transform:translate(-50%);border-radius:3px}.notification-page-content{background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;overflow:hidden;min-height:300px}.notification-card-container{padding:1rem}.notification-card{background-color:#fff;border-radius:8px;margin-bottom:1rem;padding:1rem;transition:all .3s ease;cursor:pointer;border:1px solid #f0f0f0;box-shadow:0 2px 4px #0000000d}.notification-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.notification-card.unread{background-color:#fff8e1;border-left:3px solid #ff8a65}.notification-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.notification-card-header h3{margin:0;font-size:1.1rem;color:#333}.notification-status{font-size:.75rem;background-color:#ff4d4f;color:#fff;padding:.2rem .5rem;border-radius:12px;font-weight:600}.notification-card-body p{margin:0;color:#666;line-height:1.5}.notification-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#999}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,138,101,.3);border-radius:50%;border-top:3px solid #ff8a65;animation:spin 1s linear infinite;margin-bottom:1rem}.notification-page-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{width:80px;height:80px;color:#ccc;margin-bottom:1rem}.notification-page-empty h2{color:#666;margin:0 0 .5rem;font-size:1.5rem}.notification-page-empty p{color:#999;margin:0;max-width:300px}@media (max-width: 768px){.notification-page{padding:1rem}.notification-page-header h1{font-size:1.75rem}}:root{--primary-color: #ff7043;--primary-color-dark: #f4511e;--primary-color-light: #feeae5;--primary-rgb: 255, 112, 67;--accent-color: #5c6bc0;--accent-color-light: #d1c4e9;--accent-rgb: 92, 107, 192;--success-color: #4caf50;--success-color-light: #e8f5e9;--success-rgb: 76, 175, 80;--warning-color: #ffb300;--warning-color-light: #fff8e1;--warning-rgb: 255, 179, 0;--danger-color: #f44336;--danger-color-light: #ffebee;--danger-rgb: 244, 67, 54;--info-color: #2196f3;--info-color-light: #e3f2fd;--info-rgb: 33, 150, 243;--text-color: #37474f;--text-color-dark: #263238;--text-color-muted: #607d8b;--card-bg-color: #ffffff;--card-border-color: #eceff1}.tuition-fee-container{background-color:#f6f8fa;min-height:calc(100vh - 80px);padding:30px 20px;box-sizing:border-box}.tuition-fee-paper{max-width:1000px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;overflow:hidden;transition:transform .3s}.tuition-fee-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#fff;padding:24px 32px;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.tuition-fee-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3z' fill='%23ffffff' fill-opacity='0.1'/%3E%3C/svg%3E");opacity:.5;z-index:0}.tuition-fee-header-content{display:flex;align-items:center;position:relative;z-index:1}.tuition-fee-header-content h1{margin:0;font-size:1.8rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.tuition-fee-header-icon{margin-right:16px;font-size:32px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.tuition-fee-refresh-button{display:flex;align-items:center;gap:8px;background-color:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 16px;border-radius:8px;cursor:pointer;transition:all .2s;z-index:1}.tuition-fee-refresh-button:hover{background-color:#ffffff4d}.tuition-fee-message{margin:20px 32px;padding:16px;border-radius:10px;display:flex;align-items:center;animation:fadeInUp .5s}.tuition-fee-error-message{background-color:var(--danger-color-light);color:var(--danger-color);border:1px solid rgba(var(--danger-rgb),.2)}.tuition-fee-message-icon{margin-right:16px;font-size:24px}.tuition-fee-content{padding:32px}.tuition-fee-billing-summary{margin-bottom:32px}.tuition-fee-billing-card{background:linear-gradient(135deg,#fff,#f8f9fb);border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d;border:1px solid var(--card-border-color);display:flex;justify-content:space-between;align-items:center}.tuition-fee-billing-left h3{margin:0 0 8px;font-size:1.2rem;color:var(--text-color);font-weight:600}.tuition-fee-price{font-size:2.2rem;font-weight:700;color:var(--primary-color-dark);margin:10px 0}.tuition-fee-selection-info{font-size:.95rem;color:var(--text-color-muted)}.tuition-fee-billing-actions{display:flex;gap:12px}.tuition-fee-clear-btn{padding:12px 20px;background-color:#f5f5f5;color:var(--text-color);border:1px solid var(--card-border-color);border-radius:12px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s}.tuition-fee-clear-btn:hover:not(:disabled){background-color:#e0e0e0}.tuition-fee-payment-btn{padding:12px 24px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:1.1rem;display:flex;align-items:center;gap:10px;transition:all .3s;box-shadow:0 6px 15px rgba(var(--primary-rgb),.2)}.tuition-fee-payment-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--primary-rgb),.3)}.tuition-fee-payment-btn:disabled,.tuition-fee-clear-btn:disabled{opacity:.6;cursor:not-allowed}.tuition-fee-payment-btn.processing{background:var(--primary-color-dark);transform:none;box-shadow:none}.tuition-fee-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:1px solid var(--card-border-color);padding-bottom:10px}.tuition-fee-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;cursor:pointer;font-size:1rem;color:var(--text-color-muted);font-weight:500;border-bottom:3px solid transparent;transition:all .2s}.tuition-fee-tab:hover{color:var(--text-color-dark)}.tuition-fee-tab.active{color:var(--primary-color-dark);border-bottom-color:var(--primary-color);font-weight:600}.tuition-fee-section{margin-bottom:30px}.tuition-fee-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.tuition-fee-section-header h2{margin:0;font-size:1.4rem;color:var(--text-color-dark);font-weight:600}.tuition-fee-select-all-btn{background-color:var(--success-color-light);color:var(--success-color);border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .2s}.tuition-fee-select-all-btn:hover{background-color:rgba(var(--success-rgb),.2)}.tuition-fee-select-all-btn.overdue{background-color:var(--danger-color-light);color:var(--danger-color)}.tuition-fee-select-all-btn.overdue:hover{background-color:rgba(var(--danger-rgb),.2)}.tuition-fee-list{display:flex;flex-direction:column;gap:16px}.tuition-fee-card{display:flex;background:#fff;border:1px solid var(--card-border-color);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.tuition-fee-card:hover{box-shadow:0 5px 15px #00000014;transform:translateY(-2px)}.tuition-fee-card.selected{border-color:var(--primary-color);background-color:var(--primary-color-light)}.tuition-fee-card.past-due{border-left:4px solid var(--danger-color)}.tuition-fee-checkbox{margin-right:20px;display:flex;align-items:flex-start;padding-top:8px}.tuition-fee-checkbox input{width:22px;height:22px;cursor:pointer}.tuition-fee-details{flex:1}.tuition-fee-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tuition-fee-header h3{margin:0;font-size:1.2rem;color:var(--text-color-dark);font-weight:600}.tuition-fee-badge{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500}.tuition-fee-badge.upcoming{background-color:var(--info-color-light);color:var(--info-color)}.tuition-fee-badge.past-due{background-color:var(--danger-color-light);color:var(--danger-color)}.tuition-fee-description{margin:12px 0;color:var(--text-color);font-size:1rem;line-height:1.5}.tuition-fee-footer{display:flex;flex-wrap:wrap;gap:16px;margin-top:15px}.tuition-fee-grade,.tuition-fee-date,.tuition-fee-amount{display:flex;align-items:center;gap:8px;font-size:.95rem;padding:6px 12px;background-color:#f5f7fa;border-radius:6px}.tuition-fee-amount{font-weight:600;color:var(--primary-color-dark)}.tuition-fee-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px;background-color:#f8f9fa;border-radius:12px;border:1px dashed #d0d7de}.tuition-fee-empty-state svg{font-size:50px;color:var(--text-color-muted);margin-bottom:20px;opacity:.7}.tuition-fee-empty-state h3{margin:0 0 10px;font-size:1.4rem;color:var(--text-color-dark)}.tuition-fee-empty-state p{margin:0;color:var(--text-color-muted);max-width:500px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.tuition-fee-billing-card{flex-direction:column;gap:20px}.tuition-fee-billing-left{text-align:center;width:100%}.tuition-fee-billing-actions{width:100%}.tuition-fee-clear-btn,.tuition-fee-payment-btn{flex:1;justify-content:center}.tuition-fee-tabs{overflow-x:auto;padding-bottom:5px}.tuition-fee-header{flex-direction:column;gap:15px;align-items:flex-start}.tuition-fee-refresh-button{align-self:flex-start}.tuition-fee-content{padding:20px}}@media (max-width: 480px){.tuition-fee-footer{flex-direction:column;gap:8px}.tuition-fee-header h3{font-size:1rem}.tuition-fee-section-header{flex-direction:column;align-items:flex-start;gap:10px}.tuition-fee-billing-actions{flex-direction:column}}.tuition-fee-description-list{margin:0;padding-left:20px}.tuition-fee-description-item{margin-bottom:6px;color:var(--text-color);font-size:.95rem;line-height:1.4}.tuition-fee-description-item:last-child{margin-bottom:0}.tuition-fee-card.selected .tuition-fee-description-item{color:var(--primary-color-dark)}.staff-dashboard{padding:25px;background-color:#f5f7fa;border-radius:12px}.dashboard-header{margin-bottom:25px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.dashboard-title-section h2{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:8px;letter-spacing:-.5px}.dashboard-breadcrumb{font-size:14px;color:#666}.dashboard-breadcrumb a{color:#4a6cf7;text-decoration:none;transition:color .2s}.dashboard-breadcrumb a:hover{color:#304bb0;text-decoration:underline}.dashboard-actions{display:flex;gap:12px}.search-container{position:relative;max-width:300px}.search-input{width:100%;height:42px;padding:0 42px 0 16px;border-radius:8px;border:1px solid #e0e0e0;background-color:#fff;font-size:14px;transition:all .2s}.search-input:focus{outline:none;border-color:#4a6cf7;box-shadow:0 0 0 3px #4a6cf726}.search-button{position:absolute;right:0;top:0;height:42px;width:42px;background:none;border:none;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center}.search-button svg{width:20px;height:20px}.action-button{display:inline-flex;align-items:center;gap:8px;padding:0 20px;height:42px;border:none;border-radius:8px;background-color:#4a6cf7;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.action-button:hover{background-color:#304bb0}.action-button svg{width:18px;height:18px}.dashboard-tabs{display:flex;border-bottom:1px solid #e0e0e0;margin-bottom:25px;gap:10px}.tab-button{border:none;background:none;font-size:15px;font-weight:600;color:#666;padding:12px 16px;cursor:pointer;transition:all .2s;position:relative;margin-bottom:-1px}.tab-button:hover,.tab-button.active{color:#4a6cf7}.tab-button.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#4a6cf7;border-top-left-radius:3px;border-top-right-radius:3px}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:30px}.dashboard-card{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #0000000a;display:flex;align-items:flex-start;transition:transform .2s,box-shadow .2s}.dashboard-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px #00000014}.card-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:18px}.card-icon svg{width:30px;height:30px;color:#fff}.card-info{flex:1}.card-info h3{font-size:28px;font-weight:700;margin:0 0 6px;color:#1a1a1a}.card-info p{font-size:14px;color:#666;margin:0 0 12px}.card-trend{display:flex;align-items:center;font-size:12px;font-weight:600;margin-top:6px}.card-trend svg{width:16px;height:16px;margin-right:4px}.card-trend.positive{color:#54d62c}.card-trend.negative{color:#f55}.icon-blue{background-color:#4a6cf7}.icon-green{background-color:#54d62c}.icon-orange{background-color:#ffab00}.icon-purple{background-color:#a46bf5}.dashboard-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px;margin-bottom:30px}.widget{background-color:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000a;padding:24px}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.widget-header h3{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.widget-actions{display:flex;align-items:center;gap:6px}.widget-action{border:1px solid #e0e0e0;background:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;color:#666;cursor:pointer;transition:all .2s}.widget-action:hover{background-color:#f0f0f0}.widget-action.active{background-color:#eef1ff;border-color:#4a6cf7;color:#4a6cf7}.widget-button{border:none;background:none;width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666}.widget-button:hover{background-color:#f0f0f0}.widget-button svg{width:20px;height:20px}.chart-area{width:100%;height:280px;position:relative}.chart-placeholder{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.placeholder-chart{width:100%;height:85%;overflow:visible}.donut-chart{width:180px;height:180px}.donut-chart-text{font-size:32px;font-weight:700;fill:#1a1a1a}.donut-chart-subtext{font-size:14px;fill:#666}.chart-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px}.donut-chart-container{display:flex;height:100%;align-items:center;gap:24px}.legend-item{display:flex;align-items:center;font-size:13px;color:#666;font-weight:500}.legend-color{width:12px;height:12px;border-radius:3px;margin-right:6px}.dashboard-table-section{background-color:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000a;padding:24px;margin-bottom:30px}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.table-header h3{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.table-actions{display:flex;align-items:center;gap:12px}.filter-select{height:36px;border-radius:6px;border:1px solid #e0e0e0;padding:0 12px;font-size:14px;background-color:#fff;cursor:pointer}.table-container{overflow-x:auto}.staff-table{width:100%;border-collapse:separate;border-spacing:0}.staff-table th,.staff-table td{padding:16px;text-align:left;border-bottom:1px solid #f0f0f0}.staff-table th{font-weight:600;color:#666;font-size:14px;background-color:#fafafa}.staff-table th:first-child{border-top-left-radius:8px}.staff-table th:last-child{border-top-right-radius:8px}.staff-table td{font-size:14px;color:#333}.staff-table tr:last-child td{border-bottom:none}.staff-table tr:hover td{background-color:#f9faff}.staff-info{display:flex;align-items:center}.staff-avatar{width:40px;height:40px;border-radius:50%;background-color:#eef1ff;display:flex;align-items:center;justify-content:center;font-weight:600;color:#4a6cf7}.staff-details{margin-left:12px;display:flex;flex-direction:column}.staff-name{font-weight:600;color:#333}.staff-email{font-size:12px;color:#666;margin-top:2px}.staff-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block}.status-active{background-color:#e6f7ee;color:#54d62c}.status-leave{background-color:#fff8e6;color:#ffab00}.status-inactive{background-color:#ffe4e4;color:#f55}.action-buttons{display:flex;gap:8px}.action-icon{width:32px;height:32px;border-radius:6px;background:none;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.action-icon svg{width:18px;height:18px}.edit-icon{color:#4a6cf7}.edit-icon:hover{background-color:#eef1ff}.view-icon{color:#54d62c}.view-icon:hover{background-color:#e6f7ee}.view-all-btn{display:inline-flex;align-items:center;padding:8px 16px;background-color:#eef1ff;color:#4a6cf7;border-radius:6px;text-decoration:none;font-size:14px;font-weight:600;transition:background-color .2s}.view-all-btn:hover{background-color:#dce3ff}@media (max-width: 1100px){.dashboard-widgets{grid-template-columns:1fr}.donut-chart-container{flex-direction:column;align-items:center}}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-actions{width:100%;flex-direction:column}.search-container{max-width:100%;width:100%}.action-button{width:100%;justify-content:center}.dashboard-cards{grid-template-columns:1fr}.staff-table{min-width:800px}.table-header{flex-direction:column;align-items:flex-start;gap:12px}.table-actions{width:100%;justify-content:space-between}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.dashboard-card{animation:fadeIn .4s ease-out}.dashboard-card:hover .card-icon{animation:pulse 1s infinite}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#999}.empty-state{text-align:center;padding:40px 0;color:#666}.empty-state svg{width:64px;height:64px;color:#ccc;margin-bottom:16px}.empty-state h4{font-size:18px;margin:0 0 8px;color:#333}.empty-state p{font-size:14px;margin:0}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:10;margin-bottom:5px}.staff-children-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.staff-children-detail-modal{background-color:#fff;border-radius:16px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0003;animation:staff-children-modalFadeIn .3s ease-out;font-family:Nunito,sans-serif;overflow:hidden}@keyframes staff-children-modalFadeIn{0%{opacity:0;transform:scale(.98) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.staff-children-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #edf2f7;background-color:#f8fafc}.staff-children-modal-header h2{margin:0;font-size:20px;color:#2d3748;font-weight:700;display:flex;align-items:center;gap:10px}.staff-children-modal-header h2 i{color:#4299e1}.staff-children-close-modal{background:transparent;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#718096;cursor:pointer;transition:all .2s}.staff-children-close-modal:hover{background-color:#edf2f7;color:#e53e3e}.staff-children-modal-content{padding:24px;overflow-y:auto}.staff-children-child-profile{display:flex;gap:24px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #edf2f7}.staff-children-avatar-container{flex-shrink:0;position:relative;cursor:pointer}.staff-children-avatar-large{width:140px;height:140px;border-radius:16px;object-fit:cover;box-shadow:0 8px 16px #0000001a;border:4px solid white;transition:transform .3s}.staff-children-avatar-large:hover{transform:scale(1.02)}.staff-children-zoom-hint{position:absolute;bottom:8px;right:8px;width:30px;height:30px;background-color:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#3182ce;font-size:14px;box-shadow:0 2px 6px #0000001a;opacity:0;transition:opacity .2s}.staff-children-avatar-container:hover .staff-children-zoom-hint{opacity:1}.staff-children-avatar-placeholder-large{width:140px;height:140px;border-radius:16px;background:linear-gradient(135deg,#4299e1,#667eea);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:48px;box-shadow:0 8px 16px #0000001a;text-shadow:0 2px 4px rgba(0,0,0,.1)}.staff-children-child-info{flex-grow:1}.staff-children-name-badge{display:flex;align-items:center;gap:12px;margin-bottom:20px}.staff-children-name-badge h3{margin:0;font-size:28px;font-weight:800;color:#2d3748}.staff-children-gender-tag{font-size:13px;font-weight:600;padding:4px 12px;border-radius:20px;display:inline-flex;align-items:center}.staff-children-gender-tag.male{background-color:#4299e126;color:#3182ce}.staff-children-gender-tag.female{background-color:#ec489926;color:#db2777}.staff-children-gender-tag.other{background-color:#71809626;color:#4a5568}.staff-children-info-badges{display:flex;flex-wrap:wrap;gap:16px}.staff-children-info-badge{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:12px;background-color:#f7fafc;border:1px solid #edf2f7;transition:all .2s}.staff-children-info-badge:hover{background-color:#edf2f7;transform:translateY(-2px)}.staff-children-info-badge i{font-size:18px;color:#4299e1;width:24px;text-align:center}.staff-children-info-badge-text{display:flex;flex-direction:column}.staff-children-badge-label{font-size:12px;color:#718096}.staff-children-badge-value{font-weight:600;color:#2d3748}.staff-children-tabs{display:flex;gap:2px;border-bottom:1px solid #edf2f7;margin:0 -24px 24px;padding:0 24px}.staff-children-tab{padding:12px 16px;color:#718096;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;position:relative;transition:all .2s}.staff-children-tab i{font-size:14px}.staff-children-tab:hover{color:#4a5568}.staff-children-tab.active{color:#4299e1}.staff-children-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:#4299e1}.staff-children-info-section{margin-bottom:28px}.staff-children-info-section h4{font-size:18px;margin:0 0 16px;color:#2d3748;display:flex;align-items:center;gap:10px}.staff-children-info-section h4 i{color:#4299e1}.staff-children-info-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.staff-children-info-card{background-color:#f7fafc;border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;transition:all .2s;border:1px solid #edf2f7}.staff-children-info-card:hover{background-color:#edf2f7;transform:translateY(-2px)}.staff-children-info-card-icon{width:42px;height:42px;border-radius:10px;background-color:#4299e11a;color:#4299e1;display:flex;align-items:center;justify-content:center;font-size:16px}.staff-children-info-card-content{flex:1}.staff-children-info-card-label{font-size:13px;color:#718096;margin-bottom:4px}.staff-children-info-card-value{font-weight:600;color:#2d3748}.staff-children-document-container{display:flex;justify-content:center}.staff-children-document-preview{position:relative;max-width:100%;border-radius:12px;overflow:hidden;box-shadow:0 8px 16px #0000001a;cursor:pointer;transition:transform .3s}.staff-children-document-preview:hover{transform:translateY(-5px)}.staff-children-document-preview:hover .staff-children-document-overlay{opacity:1}.staff-children-certificate{max-width:100%;max-height:300px;display:block}.staff-children-document-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.staff-children-document-overlay-content{color:#fff;text-align:center}.staff-children-document-overlay-content i{font-size:24px;margin-bottom:8px}.staff-children-document-overlay-content span{display:block;font-size:14px;font-weight:600}.staff-children-no-document{padding:40px;border:2px dashed #e2e8f0;border-radius:12px;color:#a0aec0;text-align:center;width:100%;max-width:400px}.staff-children-no-document i{font-size:48px;margin-bottom:16px}.staff-children-no-document p{margin:0 0 16px;font-size:16px}.staff-children-upload-btn{padding:8px 16px;background-color:#4299e1;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.staff-children-upload-btn:hover{background-color:#3182ce}.staff-children-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #edf2f7;background-color:#f8fafc}.staff-children-action-button{padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;border:none}.staff-children-action-button.secondary{background-color:#edf2f7;color:#4a5568}.staff-children-action-button.secondary:hover{background-color:#e2e8f0;color:#2d3748}.staff-children-action-button.primary{background-color:#4299e1;color:#fff}.staff-children-action-button.primary:hover{background-color:#3182ce}.staff-children-fullscreen-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;z-index:1100;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.staff-children-fullscreen-actions{position:absolute;top:20px;right:20px;z-index:1200}.staff-children-fullscreen-close{width:40px;height:40px;border-radius:50%;background-color:#fff3;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.staff-children-fullscreen-close:hover{background-color:#ffffff4d;transform:scale(1.1)}.staff-children-fullscreen-image-container{max-width:100%;max-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center}.staff-children-fullscreen-image{max-width:100%;max-height:calc(100vh - 120px);object-fit:contain;border-radius:4px}.staff-children-image-caption{margin-top:20px;color:#ffffffb3;font-size:14px}@media (max-width: 576px){.staff-children-modal-content{padding:16px}.staff-children-child-profile{flex-direction:column;align-items:center;text-align:center}.staff-children-name-badge{flex-direction:column;gap:8px}.staff-children-info-badge{width:100%}.staff-children-info-cards{grid-template-columns:1fr}.staff-children-tabs{margin:0 -16px 16px;padding:0 16px;overflow-x:auto}.staff-children-tab{padding:12px;font-size:14px}}.staff-children-id-value{font-size:.8rem;font-family:monospace;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-children-id-value:hover{overflow:visible;white-space:normal;word-break:break-all}.staff-children-page{padding:20px;max-width:100%}.staff-children-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.staff-children-header h1{font-size:28px;margin:0;color:#333;font-weight:700}.staff-children-add-btn{padding:10px 16px;background:linear-gradient(45deg,#006eff,#2acdff);color:#fff;border:none;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 4px 6px #0000001a;transition:all .2s}.staff-children-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.staff-children-filters{background-color:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px}.staff-children-filter-row{display:flex;flex-wrap:wrap;gap:15px;align-items:center}.staff-children-filter-group{display:flex;align-items:center;gap:10px}.staff-children-filter-group label{font-weight:600;color:#555;white-space:nowrap}.staff-children-search-group{flex-grow:1;position:relative}input[type=text].staff-children-search-input{width:100%;height:42px;padding:8px 12px 8px 40px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px}.staff-children-search-group:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9e9e9e}.staff-children-filter-select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;height:42px;min-width:120px}.staff-children-filter-reset-button{padding:8px 16px;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;color:#666;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.staff-children-filter-reset-button:hover{background-color:#e0e0e0}.staff-children-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.staff-children-stat-card{background:#fff;padding:16px 20px;border-radius:8px;box-shadow:0 2px 8px #0000000d;text-align:center}.staff-children-stat-title{font-size:14px;color:#666;margin-bottom:8px}.staff-children-stat-value{font-size:24px;font-weight:700;color:#006eff}.staff-children-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:auto;margin-bottom:20px}.staff-children-table{width:100%;border-collapse:separate;border-spacing:0}.staff-children-table th,.staff-children-table td{padding:16px;text-align:left;border-bottom:1px solid #eee}.staff-children-table th{position:sticky;top:0;background-color:#f9f9f9;font-weight:600;color:#444;cursor:pointer;white-space:nowrap;transition:background-color .2s}.staff-children-table th:hover{background-color:#f0f0f0}.staff-children-table th i{margin-left:6px;font-size:12px;color:#006eff}.staff-children-child-name{font-weight:600;color:#333}.staff-children-child-avatar{width:60px}.staff-children-child-avatar img{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid #e0e0e0}.staff-children-avatar-placeholder{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#4a90e2,#50e3c2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.staff-children-birth-info{display:flex;flex-direction:column}.staff-children-age{font-size:12px;color:#666;margin-top:4px}.staff-children-actions-cell{white-space:nowrap;text-align:center}.staff-children-action-btn{width:36px;height:36px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;margin:0 3px;border:none;cursor:pointer;transition:all .2s;color:#fff}.staff-children-view-btn{background-color:#4a90e2}.staff-children-edit-btn{background-color:#f5a623}.staff-children-delete-btn{background-color:#e53935}.staff-children-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.staff-children-no-data{padding:60px 0;text-align:center;color:#888}.staff-children-no-data i{font-size:40px;margin-bottom:10px;opacity:.5}.staff-children-pagination{display:flex;justify-content:center;align-items:center;margin-top:20px}.staff-children-pagination-button{width:36px;height:36px;border:none;background-color:#fff;border-radius:50%;margin:0 4px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000000d;transition:all .2s}.staff-children-pagination-button:disabled{opacity:.5;cursor:not-allowed}.staff-children-pagination-button:not(:disabled):hover{background-color:#f0f0f0}.staff-children-pagination-info{margin:0 12px;display:flex;align-items:baseline}.staff-children-current-page{font-size:18px;font-weight:700;color:#333;margin-right:4px}.staff-children-total-pages{color:#888}@media (max-width: 992px){.staff-children-header{flex-direction:column;align-items:flex-start;gap:15px}.staff-children-filter-row{flex-direction:column;align-items:stretch}.staff-children-filter-group{width:100%}.staff-children-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 768px){.staff-children-table th,.staff-children-table td{padding:12px 8px;font-size:14px}}.enrollment-management{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:28px;margin-bottom:30px;transition:all .3s ease}.enrollment-management__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.enrollment-management__title{font-size:1.6rem;font-weight:700;color:#2c3e50;margin:0;position:relative}.enrollment-management__title:after{content:"";position:absolute;width:40px;height:3px;background:linear-gradient(90deg,#4a6cf7,#6e8fff);bottom:-10px;left:0}.enrollment-management__search{width:350px;position:relative;transition:all .3s ease}.enrollment-management__search input{width:100%;padding:12px 16px 12px 45px;border:1px solid #e0e0e0;border-radius:30px;font-size:14px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.enrollment-management__search input:focus{border-color:#4a6cf7;box-shadow:0 3px 12px #4a6cf726;outline:none}.enrollment-management__search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#7c8db5;font-size:16px}.dashboard-stats-container{margin-bottom:25px;background:#f9fafc;border-radius:12px;padding:15px;transition:all .3s ease}.dashboard-stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.05)}.dashboard-stats-title{font-size:1rem;font-weight:600;color:#4a5568;margin:0;display:flex;align-items:center;gap:8px}.dashboard-stats-title:before{content:"";display:inline-block;width:3px;height:16px;background:linear-gradient(to bottom,#4a6cf7,#6e8fff);border-radius:3px}.dashboard-stats-toggle{background:none;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#7c8db5;cursor:pointer;transition:all .2s;background-color:#00000008}.dashboard-stats-toggle:hover{background-color:#0000000f;color:#4a6cf7}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;max-height:500px;overflow:hidden;transition:max-height .4s ease,opacity .3s ease,transform .3s ease;transform-origin:top}.dashboard-stats.collapsed{max-height:0;opacity:0;transform:scaleY(.8);margin:0;padding-top:0;padding-bottom:0}.dashboard-stats-container .dashboard-stats.collapsed+.dashboard-stats-header{margin-bottom:0;border-bottom:none}.stat-card{background:#fff;border-radius:10px;padding:15px;box-shadow:0 3px 10px #0000000d;transition:all .3s ease;border-left:4px solid transparent;display:flex;flex-direction:column;height:100%}.stat-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.stat-card.total{border-left-color:#4a6cf7}.stat-card.pending{border-left-color:#ffa000}.stat-card.approved{border-left-color:#4caf50}.stat-card.rejected{border-left-color:#f44336}.stat-card.paid{border-left-color:#9c27b0}.stat-card.enrolled{border-left-color:#009688}.stat-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stat-card__title{font-size:.8rem;color:#7c8db5;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin:0}.stat-card__icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem}.stat-card.total .stat-card__icon{background-color:#4a6cf726;color:#4a6cf7}.stat-card.pending .stat-card__icon{background-color:#ffa00026;color:#ffa000}.stat-card.approved .stat-card__icon{background-color:#4caf5026;color:#4caf50}.stat-card.rejected .stat-card__icon{background-color:#f4433626;color:#f44336}.stat-card.paid .stat-card__icon{background-color:#9c27b026;color:#9c27b0}.stat-card.enrolled .stat-card__icon{background-color:#00968826;color:#009688}.stat-card__value{font-size:1.75rem;font-weight:700;color:#2c3e50;margin:0}.stat-card__description{font-size:.75rem;color:#7c8db5;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-section{display:flex;gap:15px;margin-bottom:25px;flex-wrap:wrap;align-items:center}.filter-label{font-size:.9rem;font-weight:500;color:#5e6e82}.filter-select{padding:8px 15px;border-radius:6px;border:1px solid #e0e0e0;font-size:.9rem;color:#2c3e50;background-color:#fff;cursor:pointer;min-width:150px}.filter-select:focus{outline:none;border-color:#4a6cf7}.table-responsive{overflow-x:auto;margin-top:20px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000f}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{background-color:#f9fafc;font-weight:600;color:#4a5568;text-align:center;padding:18px;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid #edf2f9}.data-table th:first-child{border-top-left-radius:12px;padding-left:25px}.data-table th:last-child{border-top-right-radius:12px;padding-right:25px}.data-table td{padding:16px 18px;font-size:.9rem;color:#2d3748;border-bottom:1px solid #edf2f9;vertical-align:middle;text-align:center;align-items:center;justify-content:center}.data-table td:first-child{padding-left:25px}.data-table td:last-child{padding-right:25px}.data-table tr{transition:all .2s ease}.data-table tr:hover{background-color:#f8f9ff;transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.data-table tr:last-child td{border-bottom:none}.data-table tr:last-child td:first-child{border-bottom-left-radius:12px}.data-table tr:last-child td:last-child{border-bottom-right-radius:12px}.application-row{cursor:pointer}.child-cell{display:flex;align-items:center;gap:12px}.child-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid white;box-shadow:0 2px 5px #0000001a}.child-info-container{display:flex;flex-direction:column}.list-child-name{font-weight:600;color:#2c3e50;margin-bottom:2px}.child-birthdate{font-size:.75rem;color:#718096;display:flex;align-items:center;gap:4px;justify-content:center}.parent-cell{display:flex;flex-direction:column}.parent-name{font-weight:500;margin-bottom:2px}.parent-phone{font-size:.75rem;color:#718096;display:flex;align-items:center;gap:4px;justify-content:center}.date-cell{display:flex;flex-direction:column}.date-primary{font-weight:500}.date-secondary{font-size:.75rem;color:#718096}.status-badge{padding:6px 14px;border-radius:30px;font-size:.7rem;font-weight:600;text-align:center;display:inline-flex;align-items:center;gap:5px;letter-spacing:.5px;text-transform:uppercase;transition:all .3s ease;box-shadow:0 2px 5px #0000000d}.status-badge.pending{background-color:#ffa0001f;color:#ffa000;border:1px solid rgba(255,160,0,.3)}.status-badge.approved{background-color:#4caf501f;color:#388e3c;border:1px solid rgba(76,175,80,.3)}.status-badge.rejected{background-color:#f443361f;color:#d32f2f;border:1px solid rgba(244,67,54,.3)}.status-badge.paid{background-color:#9c27b01f;color:#7b1fa2;border:1px solid rgba(156,39,176,.3)}.status-badge.enrolled{background-color:#0096881f;color:#00796b;border:1px solid rgba(0,150,136,.3)}.actions-cell{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;margin-top:8px}.enrollment-action-button{padding:8px 14px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .25s ease;border:none;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 2px 5px #0000001a;min-width:80px}.enrollment-action-button svg{font-size:.85rem}.enrollment-action-button.view{background-color:#f0f4ff;color:#4a6cf7;border:1px solid #e0e7ff}.enrollment-action-button.view:hover{background-color:#e0e7ff;transform:translateY(-2px);box-shadow:0 4px 8px #4a6cf733}.enrollment-action-button.approve{background-color:#2e7d32;color:#fff;border:1px solid #1b5e20}.enrollment-action-button.approve:hover{background-color:#388e3c;transform:translateY(-2px);box-shadow:0 4px 8px #2e7d324d}.enrollment-action-button.reject{background-color:#d32f2f;color:#fff;border:1px solid #b71c1c}.enrollment-action-button.reject:hover{background-color:#e53935;transform:translateY(-2px);box-shadow:0 4px 8px #d32f2f4d}.enrollment-action-button:disabled{background-color:#e0e0e0;color:#9e9e9e;cursor:not-allowed;box-shadow:none}.enrollment-action-button:disabled:hover{transform:none;box-shadow:none}.enrollment-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.enrollment-detail-content{background-color:#fff;border-radius:16px;box-shadow:0 15px 40px #0003;width:90%;max-width:950px;max-height:90vh;overflow-y:auto;padding:0;animation:slideUp .4s ease}.enrollment-detail-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid #eaeaea;background:linear-gradient(to right,#f8faff,#fff);border-radius:16px 16px 0 0}.enrollment-detail-title{font-size:1.5rem;font-weight:700;margin:0;color:#2c3e50;display:flex;align-items:center;gap:12px}.enrollment-detail-title svg{color:#4a6cf7}.enrollment-detail-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#7c8db5;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background-color:#f6f8fd}.enrollment-detail-close:hover{background-color:#ffebee;color:#f44336;transform:rotate(90deg)}.enrollment-detail-body{padding:30px}.enrollment-detail-section{margin-bottom:30px;background-color:#f9fafc;border-radius:12px;padding:25px;box-shadow:0 2px 10px #00000008;transition:all .3s ease}.enrollment-detail-section:hover{box-shadow:0 5px 15px #0000000f;transform:translateY(-2px)}.enrollment-detail-section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #edf2f9}.enrollment-detail-section-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.child-info-icon{background-color:#4a6cf71a;color:#4a6cf7}.parent-info-icon{background-color:#2196f31a;color:#2196f3}.registration-info-icon{background-color:#4caf501a;color:#4caf50}.enrollment-detail-section-title{font-size:1.2rem;font-weight:600;margin:0;color:#2c3e50}.enrollment-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.enrollment-child-profile{display:flex;flex-direction:column;align-items:center;padding:25px;background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;position:relative;overflow:hidden}.enrollment-child-profile:before{content:"";position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);z-index:0}.enrollment-child-image{width:140px;height:140px;border-radius:50%;object-fit:cover;margin-bottom:20px;border:5px solid white;box-shadow:0 5px 15px #00000026;position:relative;z-index:1}.enrollment-child-name{font-size:1.25rem;font-weight:700;color:#2c3e50;margin-bottom:8px;text-align:center}.enrollment-child-bio{display:flex;align-items:center;gap:10px;background-color:#f5f7fa;padding:8px 16px;border-radius:30px;margin-bottom:15px}.enrollment-child-bio-item{display:flex;align-items:center;gap:5px;font-size:.85rem;color:#5e6e82}.enrollment-detail-item{margin-bottom:18px}.enrollment-detail-label{font-size:.85rem;color:#7c8db5;margin-bottom:8px;font-weight:500;display:flex;align-items:center;gap:6px}.enrollment-detail-value{font-size:1rem;color:#2c3e50;font-weight:500;word-break:break-word;background-color:#fff;padding:10px 15px;border-radius:8px;box-shadow:0 1px 3px #0000000d}.enrollment-document-link{display:inline-flex;align-items:center;gap:8px;color:#4a6cf7;text-decoration:none;font-weight:500;transition:all .2s ease;padding:10px 16px;border-radius:8px;background-color:#4a6cf714}.enrollment-document-link:hover{background-color:#4a6cf726;transform:translateY(-2px);box-shadow:0 3px 8px #4a6cf726}.enrollment-modal-actions{display:flex;justify-content:flex-end;margin-top:20px;gap:15px;padding:20px 30px;background-color:#f9fafc;border-top:1px solid #edf2f9;border-radius:0 0 16px 16px}.enrollment-modal-actions .enrollment-action-button{padding:12px 24px;font-size:.9rem;min-width:140px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;color:#7c8db5}.loading-spinner{border:3px solid rgba(74,108,247,.2);border-top:3px solid #4a6cf7;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:15px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;color:#7c8db5;text-align:center}.empty-state svg{color:#d1d8e6;margin-bottom:20px}.empty-state p{font-size:1.1rem;font-weight:500;margin-bottom:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1440px){.dashboard-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.stat-card{padding:12px}.stat-card__value{font-size:1.5rem}}@media (max-width: 576px){.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card__icon{width:28px;height:28px;font-size:.8rem}.stat-card__value{font-size:1.25rem}.stat-card__description{font-size:.7rem}.enrollment-management{padding:20px}}@media (max-width: 480px){.dashboard-stats{grid-template-columns:1fr}.stat-card{flex-direction:row;align-items:center;padding:10px 15px}.stat-card__header{margin-bottom:0;margin-right:15px}.stat-card__value{margin-right:8px}.stat-card__description{white-space:normal}}.enrollment-notification-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.enrollment-notification-content{background-color:#fff;border-radius:16px;box-shadow:0 15px 40px #0003;width:90%;max-width:600px;animation:slideUp .4s ease}.enrollment-notification-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #eaeaea;background:linear-gradient(to right,#f8faff,#fff);border-radius:16px 16px 0 0}.enrollment-notification-title{font-size:1.3rem;font-weight:700;margin:0;color:#2c3e50;display:flex;align-items:center;gap:10px}.enrollment-notification-title svg{color:#4a6cf7}.enrollment-notification-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#7c8db5;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background-color:#f6f8fd}.enrollment-notification-close:hover{background-color:#ffebee;color:#f44336;transform:rotate(90deg)}.enrollment-notification-body{padding:25px}.enrollment-notification-info{background-color:#f9fafc;border-radius:10px;padding:15px;margin-bottom:20px;border-left:4px solid #4a6cf7}.enrollment-notification-info p{margin:5px 0;font-size:.9rem;color:#4a5568}.enrollment-notification-field{margin-bottom:20px}.enrollment-notification-field label{display:block;font-size:.9rem;font-weight:500;color:#4a5568;margin-bottom:8px}.enrollment-notification-field input,.enrollment-notification-field textarea{width:100%;padding:12px 15px;border:1px solid #e0e7ff;border-radius:8px;font-size:.95rem;transition:all .2s;background-color:#f8faff}.enrollment-notification-field input:focus,.enrollment-notification-field textarea:focus{outline:none;border-color:#4a6cf7;box-shadow:0 0 0 3px #4a6cf71a}.enrollment-notification-field textarea{resize:vertical;min-height:120px;font-family:inherit}.enrollment-notification-actions{display:flex;justify-content:flex-end;padding:15px 25px 25px;gap:12px}.account-list-container{padding:24px;background:#fff;min-height:100%;border-radius:8px;box-shadow:0 2px 8px #0000001a}.account-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap}.account-list-header h1{margin:0;font-size:24px;color:#1890ff}.account-list-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.create-account-btn{background-color:#52c41a;border-color:#52c41a;margin-right:8px}.create-account-btn:hover,.create-account-btn:focus{background-color:#73d13d;border-color:#73d13d}@media (max-width: 768px){.account-list-header{flex-direction:column;align-items:flex-start}.account-list-actions{margin-top:16px;width:100%}}.account-details{display:flex;flex-direction:column;gap:16px}.detail-row{display:flex;border-bottom:1px solid #f0f0f0;padding-bottom:10px}.detail-label{width:150px;font-weight:600;color:#555}.detail-value{flex:1}