.home{display:flex;min-height:100vh;flex-direction:column}.sidebar{position:fixed;top:0;left:0;height:100vh;width:200px;background-color:#000c;color:#fff;transition:transform .3s ease,width .3s ease;overflow-x:hidden;z-index:100;box-shadow:2px 0 5px #00000080}.sidebar.collapsed{width:60px}.sidebar ul{list-style-type:none;padding:0;margin:0}.sidebar li{padding:15px;text-align:left}.sidebar li a{color:#fff;text-decoration:none;display:block;transition:background-color .3s ease,color .3s ease}.sidebar li a:hover{background-color:#fff3;color:#ffa726}.content-wrapper{display:flex;flex-direction:column;flex-grow:1}.main-content{flex:1;padding:20px}.footer-section{background-color:#1f2a36;color:#b0b8c1;padding:60px 20px;text-align:center;z-index:9999;width:100%;position:relative;margin-top:auto}@media (max-width: 768px){.sidebar{width:60px}}.header{position:fixed;top:0;width:100%;padding:15px 50px;z-index:7100;display:flex;justify-content:space-between;align-items:center;background-color:#1f1f1fcc;transition:background-color .3s ease,padding .3s ease;box-sizing:border-box}.header.scrolled{background-color:#1f1f1ff2;padding:15px 50px}.nav-container{max-height:50px;display:flex;justify-content:center;flex-grow:1}.logo-image{max-height:55px;width:auto}.header-logo{display:flex;padding-left:1%;padding-right:1%;align-items:center;transition:color .3s ease,background-color .3s ease}.header-logo img{content:url(/assets/logo_yellow-4SgV5_AH.png)}.header-logo:hover img{content:url(/assets/logo_white-C5PcNWip.png)}.logo-text{font-size:1.5em;font-weight:700;color:#ffdd57;transition:color .3s ease;margin-left:10px}.logo-text:hover{color:#fff}.nav-links{list-style:none;display:flex;gap:30px;margin-right:20px;flex:2;justify-content:center}.nav-links li{font-size:1.1em;cursor:pointer;color:#fff;position:relative;padding:18px 15px;transition:color .3s ease,background-color .3s ease;background-color:#fff3;border-radius:3%;display:flex;align-items:center;justify-content:center;text-align:center;min-width:7%}.nav-links li:after{content:"";position:absolute;width:100%;height:2px;background-color:#ffdd57;bottom:-6px;left:0;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.nav-links li:hover:after{transform:scaleX(1);transform-origin:left}.nav-links li:hover{color:#ffdd57}.contact-btn{background-color:#ffffff1a;color:#fff;padding:12px 30px;border-radius:30px;border:2px solid white;cursor:pointer;transition:background-color .3s ease,color .3s ease;flex-shrink:0;white-space:nowrap;margin-left:auto}.contact-btn:hover{background-color:#fff;color:#333}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;cursor:pointer;margin-left:20px}.menu-toggle .line{width:100%;height:3px;background-color:#fff}.menu-toggle.active .line:nth-child(2){opacity:0}.menu-toggle.active .line:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-toggle.active .line:nth-child(3){transform:translateY(-9px) rotate(-45deg)}a.logo-link{display:flex;align-items:center;text-decoration:none;color:inherit}a.logo-link:hover .logo-text{color:#fff}a.logo-link:hover{text-decoration:none;color:#fff}.my-account-btn{background-color:#007bff;color:#fff}.my-account-btn:hover{background-color:#ece009}@media (max-width: 1024px){.header{padding:10px 30px}.logo-image{max-height:60px}.nav-links li{font-size:1em;min-width:80px}.contact-btn{padding:10px 25px}}@media (max-width: 768px){.nav-links{display:none;flex-direction:column;position:absolute;top:100%;right:0;background-color:#1f1f1f;width:100%}.nav-links.active,.menu-toggle{display:flex}.nav-links li{padding:10px 0;text-align:center;font-size:1em;min-width:unset}.contact-btn{padding:10px 20px;font-size:.9em}.header{padding:10px 20px}.logo-image{max-height:40px}.logo-text{font-size:1.2em}}.hero-section{background-color:transparent;height:100vh;width:100vw;position:absolute;top:0;left:0;color:#fff;display:flex;justify-content:center;align-items:center;padding:0;overflow:hidden;z-index:-1}.background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;z-index:-1}.hero-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:0}.overlay{position:relative;max-width:600px;text-align:center;z-index:1}.overlay h1{font-size:2.5em;font-weight:700;color:#fff;margin-bottom:10px}.overlay p{font-size:1.2em;margin:20px 0;color:#fff}.primary-btn,.secondary-btn{padding:10px 20px;margin:10px;border:none;border-radius:5px;cursor:pointer}.primary-btn{background-color:#007bff;color:#fff}.primary-btn:hover{background-color:#0056b3}@media (max-width: 768px){.hero-section{height:100vh;padding:0;justify-content:center;align-items:flex-end}.overlay{max-width:100%;text-align:center;padding-bottom:20px}.overlay h1{font-size:1.8em}.overlay p{font-size:.9em}}@media (max-width: 480px){.hero-section{height:100vh;padding:0;justify-content:center;align-items:flex-end}.overlay{max-width:100%;text-align:center;padding-bottom:15px}.overlay h1{font-size:1.5em}.overlay p{font-size:.8em}}.footer-section{background-color:#1f2a36;color:#b0b8c1;padding:60px 20px;text-align:center;z-index:9999;margin-top:0;margin-bottom:-21.5%}.footer-content{max-width:1200px;margin:0 auto}.footer-content h2{font-size:2em;font-weight:300;color:#c9d1d9;max-width:900px;margin:0 auto 30px;line-height:1.4}.footer-divider{width:100%;height:1px;background-color:#3b4a59;margin:20px 0}.social-links{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.social-links a{font-size:1.5em;color:#b0b8c1;transition:color .3s ease}.social-links a:hover{color:#ffdd57}.footer-legal{margin-top:20px;font-size:.9em;color:#b0b8c1}.footer-legal a{color:#b0b8c1;text-decoration:none;transition:color .3s ease}.footer-legal a:hover{color:#ffdd57}.footer-content p{color:#6b7685;font-size:.85em;margin-top:10px}@media (max-width: 768px){.footer-content h2{font-size:1.6em}.social-links{gap:15px}.footer-legal{font-size:.8em}}.cookie-bar{position:fixed;bottom:0;left:0;width:100%;background-color:#f4f40f;color:#fff;text-align:center;padding:15px 20px;font-size:1rem;z-index:1000;box-shadow:0 -2px 5px #0000004d}.cookie-bar p{margin:0;display:inline}.cookie-bar a{color:#0a78ee;text-decoration:underline}.cookie-bar button{background-color:#0a78ee;color:#fdfdfd;border:none;padding:10px 15px;margin-left:20px;cursor:pointer;font-size:1rem;border-radius:5px;transition:background-color .3s ease}.cookie-bar button:hover{background-color:#ffb700;color:#0d4883}.page-container{display:flex;height:100vh;flex-direction:row}.map-container{flex-grow:1;position:relative;padding:20px;margin-top:55px;margin-left:5%}.google-map{width:100%;height:calc(100vh - 150px)}h1{text-align:center;color:#333;font-size:24px;margin-bottom:20px}.data-panel{position:fixed;top:80px;right:-900px;width:900px;height:calc(100vh - 80px);background-color:#f9f9f9;box-shadow:-2px 0 5px #0000001a;transition:right .3s ease;overflow-y:auto;z-index:1000}.data-panel.open{right:0}.data-panel table{width:100%;border-collapse:collapse}.data-panel table,th,td{border:1px solid #ddd}.data-panel th,td{padding:12px;text-align:left}.data-panel th{background-color:#f2f2f2}.toggle-panel-btn{position:absolute;top:50%;right:0;transform:translateY(-50%);padding:10px 20px;background-color:#007bff;color:#fff;border:none;cursor:pointer;z-index:1001;transition:all .3s ease;border-top-left-radius:5px;border-bottom-left-radius:5px}.toggle-panel-btn:hover{background-color:#0056b3}.legend{position:absolute;bottom:10px;left:10px;background-color:#fffc;padding:10px;border-radius:5px;box-shadow:0 2px 6px #0000004d;font-size:14px}.legend ul{list-style:none;padding:0;margin:0}.legend li{display:flex;align-items:center;margin-bottom:5px}.color-box{display:inline-block;width:20px;height:20px;margin-right:10px;border:1px solid #000}.password-container{display:flex;justify-content:center;align-items:center;margin-left:45%;margin-right:45%;height:100vh}.password-container form{display:flex;flex-direction:column;align-items:center}.password-container input{padding:10px;margin-bottom:10px;font-size:16px}.password-container button{padding:10px 20px;font-size:16px;background-color:#1e90ff;color:#fff;border:none;cursor:pointer}.password-container button:hover{background-color:#4682b4}.sidebar{position:fixed;top:0%;left:0;height:calc(100vh - 60px);width:60px;background-color:#1f2a36e6;color:#fff;transition:width .3s ease,background-color .3s ease;overflow:hidden;z-index:100;padding-top:10%}.sidebar:hover{width:200px}.sidebar.collapsed ul .text{display:none}.sidebar ul{list-style-type:none;margin:0;display:flex;flex-direction:column;align-items:center;padding:0 0 0 30%}.sidebar ul li{width:100%;text-align:left;padding:15px 10px;display:flex;align-items:center;justify-content:flex-start}.sidebar ul li a{color:#fff;text-decoration:none;display:flex;align-items:center;transition:background-color .3s ease;width:100%}.sidebar ul li a:hover{background-color:#ffffff1a}.icon{font-size:1.5em;margin-right:10px}.text{font-size:1em;display:inline-block}.footer-section{background-color:#1f2a36;color:#b0b8c1;padding:60px 20px;text-align:center;position:relative;bottom:0;width:100%}@media (max-width: 768px){.sidebar{top:0;height:100vh}}.dashboard-container{width:100%;height:100vh;padding:20px;background-color:#f8f9fa;margin-top:3%;margin-left:1.3%;margin-bottom:-5%}.add-school-container{width:100%;max-width:1200px;margin:5% auto 0;padding:30px;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a}h2{font-size:2.2em;font-weight:600;color:#343a40;margin-bottom:20px}.current-pricing,.pricing-update,.school-form,.school-list{margin-top:30px}.current-pricing h4,.pricing-update h4,.school-list h4{font-size:1.4em;font-weight:500;color:#495057;margin-bottom:15px}.school-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.school-form input,.community-form input,.pricing-update input,button{max-width:300px;padding:12px;border:1px solid #ced4da;border-radius:5px;font-size:1em;color:#495057;width:100%;box-sizing:border-box}button{background-color:#054af7;color:#fff;padding:12px 20px;border:none;border-radius:5px;font-size:1em;cursor:pointer;transition:background-color .3s;margin-top:10px}button:hover{background-color:#0437c0}.school-list table{width:100%;border-collapse:collapse;margin-top:20px}.school-list th,.school-list td{padding:12px;text-align:left;border-bottom:1px solid #e9ecef;vertical-align:middle}.school-list th{background-color:#f1f3f5;font-weight:600;color:#495057;white-space:nowrap}.school-list td{font-size:.95em;color:#343a40;white-space:nowrap}.school-list input[type=text]{padding:8px;border:1px solid #ced4da;border-radius:4px;width:100%;box-sizing:border-box;margin-bottom:10px}.delete-icon{color:#dc3545;cursor:pointer;font-size:1.2em;transition:color .3s}.delete-icon:hover{color:#c82333}.fa-plus,.fa-trash{cursor:pointer;font-size:1.2em;margin-right:10px;transition:color .3s}.fa-plus:hover{color:#28a745}.fa-trash:hover{color:#c82333}.add-route-modal,.delete-confirmation-modal{width:100%;max-width:600px;background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin:50px auto;text-align:center}.add-route-modal input,.delete-confirmation-modal input{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ced4da;border-radius:5px}.add-route-modal button,.delete-confirmation-modal button{padding:10px 20px;margin-top:10px;background-color:#054af7;color:#fff;border:none;cursor:pointer;border-radius:5px}.add-route-modal button:hover,.delete-confirmation-modal button:hover{background-color:#0437c0}.community-list{text-align:left;margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.community-item{display:flex;align-items:center;gap:10px}.community-item input[type=checkbox]{width:16px;height:16px}.modal-actions{display:flex;justify-content:center;gap:20px}.password-protection{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:400px;padding:30px;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;text-align:center}.password-protection input{width:100%;padding:12px;border-radius:5px;border:1px solid #ced4da;margin-bottom:15px}.password-protection button{width:100%;max-width:160px;padding:12px;background-color:#054af7;color:#fff;border:none;border-radius:5px;cursor:pointer}.password-protection button:hover{background-color:#0437c0}@media (max-width: 768px){.school-form{grid-template-columns:1fr}.school-list table{font-size:.85em}h2{font-size:1.6em}.fa-plus,.fa-trash{font-size:1.1em}}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f4f4f4}h1{color:#333}
