*{margin:0;padding:0;box-sizing:border-box}body{font-family:Lexend,sans-serif;background:#e6f0fa;min-height:100vh;color:#2c3e50}.container{max-width:1400px;margin:0 auto;padding:20px}.header{background:white;border-radius:25px;padding:20px;margin-bottom:20px;box-shadow:0 8px 32px rgba(0,0,0,.1);text-align:center}.header h1{color:#336699;font-size:2rem;margin-bottom:10px;font-weight:600}.nav-tabs{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.nav-tab{background:white;border:2px solid #336699;padding:15px 25px;border-radius:25px;cursor:pointer;font-family:Lexend,sans-serif;font-size:1rem;font-weight:500;transition:all .3s ease;color:#336699}.nav-tab:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.nav-tab.active{background:#336699;color:white}.page{display:none;background:white;border-radius:25px;padding:30px;box-shadow:0 8px 32px rgba(0,0,0,.1)}.page.active{display:block}.brain-model{background:white;border-radius:20px;padding:25px;margin:20px 0;box-shadow:0 4px 15px rgba(0,0,0,.1)}.brain-model h3{text-align:center;margin-bottom:25px;color:#336699;font-size:1.4rem}.brain-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.brain-part{background:#f8f9fa;border-radius:15px;padding:20px;text-align:center;border:3px solid}.brain-part.brainstem{border-color:#e74c3c}.brain-part.limbic{border-color:#f39c12}.brain-part.cortex{border-color:#27ae60}.brain-part h4{font-size:1.3rem;margin-bottom:8px}.brain-part.brainstem h4{color:#e74c3c}.brain-part.limbic h4{color:#f39c12}.brain-part.cortex h4{color:#27ae60}.brain-part h5{font-size:1rem;margin-bottom:10px;font-weight:500}.brain-part.brainstem h5{color:#e74c3c}.brain-part.limbic h5{color:#f39c12}.brain-part.cortex h5{color:#27ae60}.mood-spectrum{background:white;border-radius:20px;padding:25px;margin:20px 0;box-shadow:0 4px 15px rgba(0,0,0,.1)}.mood-spectrum h3{text-align:center;margin-bottom:20px;color:#336699;font-size:1.3rem}.gradient-bar{height:60px;border-radius:30px;background:linear-gradient(90deg,#001f3f 0,#003366 10%,#004080 20%,#0080b3 30%,#339966 40%,#33cc33 50%,#99cc33 60%,#ffcc00 70%,#ffcc00 80%,#ff9933 90%,#ff3300);margin-bottom:20px}.mood-scale{display:grid;grid-template-columns:repeat(11,1fr);gap:8px;margin-bottom:25px}.mood-item{background:white;border-radius:15px;padding:12px 8px;text-align:center;font-size:.9rem;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.1);height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center}.mood-item.window-zone{height:120px;padding:15px 8px;border-radius:20px;box-shadow:0 6px 20px rgba(39,174,96,.3);transform:scale(1.05);position:relative}.mood-item.small-zone{height:80px;opacity:.8}.mood-zones{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:20px}.zone-bubble{background:white;border-radius:20px;padding:15px;text-align:center;font-weight:500;border:3px solid;font-size:.9rem;display:flex;align-items:center;justify-content:center}.zone-bubble.shutdown{border-color:#001f3f;color:#001f3f}.zone-bubble.hypo{border-color:#004080;color:#004080}.zone-bubble.dysreg1{border-color:#0080b3;color:#0080b3}.zone-bubble.window{border-color:#33cc33;color:#33cc33;background:#e8f5e8}.zone-bubble.dysreg2{border-color:#99cc33;color:#99cc33}.zone-bubble.hyper{border-color:#ff9933;color:#ff9933}.zone-bubble.crisis{border-color:#ff3300;color:#ff3300}.class-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;flex-wrap:wrap;gap:20px}.tracking-grid{overflow-x:auto;background:white;border-radius:20px;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.grid-table{width:100%;min-width:800px;border-collapse:separate;border-spacing:10px}.grid-table th{background:#336699;color:white;padding:15px;border-radius:15px;font-weight:500;text-align:center}.grid-table td{padding:10px;text-align:center;vertical-align:middle}.period-label{background:#336699;color:white;padding:15px;border-radius:15px;font-weight:500;min-width:120px;cursor:pointer;transition:all .3s ease}.period-label:hover{background:#003366}.period-input{background:transparent;border:none;color:white;text-align:center;font-family:Lexend,sans-serif;font-size:.9rem;font-weight:500;width:100%;resize:none;overflow:hidden;min-height:1.2em}.period-input::placeholder{color:rgba(255,255,255,.8)}.mood-bubble{width:80px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:white;text-shadow:1px 1px 2px rgba(0,0,0,.3);cursor:pointer;transition:all .3s ease;margin:0 auto}.mood-bubble:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(0,0,0,.3)}.mood-dropdown{background:white;border:2px solid #336699;border-radius:15px;padding:8px;font-family:Lexend,sans-serif;font-size:.9rem;cursor:pointer;width:100%;max-width:200px}.day-content{display:none}.day-content.active{display:block}.graph-container{background:transparent;border-radius:20px;padding:25px;margin-top:30px;position:relative;text-align:center}.chart-wrapper{position:relative;height:800px;min-height:400px}.chart-background-zones{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.mood-zone-band{width:100%;height:100%;background:linear-gradient(0deg,#001f3f 0,#003366 9%,#004080 18%,#0080b3 27%,#339966 36%,#33cc33 45%,#99cc33 54%,#ffcc00 63%,#ff9900 72%,#F25C16 81%,#ff3300 90%,#ff3300);opacity:.2}.graph-container h3{display:none}.chart-canvas{position:relative;z-index:1;background:transparent!important;height:100%!important;width:100%!important}.overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px}.stat-card{background:white;border-radius:20px;padding:25px;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,.1);border:2px solid #336699}.stat-number{font-size:2.5rem;font-weight:600;color:#336699;margin-bottom:10px}.stat-label{color:#003366;font-size:1.1rem}@media (max-width:768px){.container{padding:10px}.header h1{font-size:1.5rem}.brain-parts{grid-template-columns:1fr}.mood-scale{grid-template-columns:repeat(auto-fit,minmax(50px,1fr))}.mood-zones{grid-template-columns:1fr}.mood-bubble{width:70px;height:45px;font-size:1rem}.chart-wrapper{height:400px}}.window-day-box:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.window-day-box.high-window{border-color:#27ae60;background:linear-gradient(135deg,#e8f5e8,#d4edda)}.window-day-box.medium-window{border-color:#f39c12;background:linear-gradient(135deg,#fff3e0,#ffeaa7)}.window-day-box.low-window{border-color:#e74c3c;background:linear-gradient(135deg,#ffe8e8,#fab1a0)}.window-day-box.no-data{border-color:#95a5a6;background:linear-gradient(135deg,#f8f9fa,#ddd)}.login-screen{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.login-container{background:white;border-radius:25px;box-shadow:0 20px 60px rgba(0,0,0,.2);width:100%;overflow:hidden}@media (min-width:769px){.login-container{max-width:900px;display:grid;grid-template-columns:1fr 1fr}}.login-info-panel{padding:40px;display:flex;flex-direction:column;justify-content:space-between}.login-form-panel{padding:40px;background-color:#f8f9fa}.login-header{margin-bottom:30px;text-align:left}.login-header h1{color:#336699;font-size:2.5rem;margin-bottom:10px;font-weight:600}.login-header p{color:#666;font-size:1.1rem;margin:0}.login-tabs{display:flex;gap:10px;margin-bottom:30px;background:#e9ecef;border-radius:15px;padding:5px}.login-tab{flex:1;background:transparent;border:none;padding:15px;border-radius:10px;cursor:pointer;font-family:Lexend,sans-serif;font-size:1rem;font-weight:500;transition:all .3s ease;color:#666}.login-tab.active{background:#336699;color:white;box-shadow:0 4px 15px rgba(51,102,153,.3)}.login-form{display:none}.login-form.active{display:block}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;margin-bottom:8px;color:#336699;font-weight:500}.form-group input{width:100%;padding:15px;border:2px solid #e0e0e0;border-radius:15px;font-family:Lexend,sans-serif;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#336699;box-shadow:0 0 0 3px rgba(51,102,153,.1)}.login-button{width:100%;background:#336699;color:white;border:none;padding:18px;border-radius:15px;font-family:Lexend,sans-serif;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:15px}.login-button:hover{background:#003366;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.demo-button{width:100%;background:#27ae60;color:white;border:none;padding:18px;border-radius:15px;font-family:Lexend,sans-serif;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.demo-button:hover{background:#229954;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.forgot-password{color:#336699;text-decoration:none;font-size:.9rem;margin-top:15px;display:inline-block}.forgot-password:hover{text-decoration:underline}.demo-info{background:#e8f5e8;border:2px solid #27ae60;border-radius:15px;padding:20px;text-align:left}@media (max-width:768px){.demo-info{margin-top:30px;padding-top:30px;border-top:2px solid #f0f0f0}}.demo-info h4{color:#27ae60;margin-bottom:10px;font-size:1.1rem}.demo-info ul{margin:0;padding-left:20px;color:#2c3e50}.demo-info li{margin-bottom:5px}.hidden{display:none!important}.text-center{text-align:center}.mb-20{margin-bottom:20px}.btn{background:#336699;color:white;border:none;padding:12px 24px;border-radius:20px;cursor:pointer;font-family:Lexend,sans-serif;font-size:1rem;transition:all .3s ease}.btn:hover{background:#003366;transform:translateY(-2px)}.btn-success{background:#27ae60}.btn-success:hover{background:#229954}.period-item.dragging{opacity:.5;transform:rotate(5deg)}.period-item.drag-over{border:2px dashed #27ae60;background:#e8f5e8!important}.timetable-day-content{display:none}.timetable-day-content.active{display:block}.day-period-list .period-item input{transition:all .3s ease}.day-period-list .period-item input:focus{background:#f0f8ff!important;border:1px solid #27ae60!important;border-radius:5px;padding:2px 5px}.student-header:hover{background:#f0f8ff!important}.student-input{transition:all .3s ease}.student-input:focus{background:#f0f8ff!important;border:1px solid #27ae60!important;border-radius:5px;padding:2px 5px}.pdf-page{width:210mm;height:297mm;padding:12mm;margin:0;box-sizing:border-box;display:flex;flex-direction:column;background:white;font-family:Lexend,sans-serif;color:#2c3e50;page-break-after:always}.pdf-header{text-align:center;padding-bottom:5mm;flex-shrink:0}.pdf-header h1{font-size:18pt;color:#0EA5E9;font-weight:600}.pdf-header h2{font-size:14pt;color:#2c3e50;font-weight:400}.pdf-image-container{align-items:center;overflow:hidden}.pdf-image-container,.pdf-table-container{flex-grow:1;display:flex;justify-content:center}.pdf-table-container{align-items:flex-start}.pdf-table-container table{border-collapse:separate;border-spacing:2mm;width:100%}.pdf-table-container th{font-size:10pt;font-weight:600;text-align:center;background:#0EA5E9;color:white;padding:2mm;border-radius:3mm}.pdf-table-container td{text-align:center;vertical-align:middle;font-size:9pt;height:18mm;min-height:18mm}.pdf-mood-pill{border-radius:5mm;height:100%;width:100%;font-size:12pt;font-weight:700}.pdf-chart-container,.pdf-mood-pill{display:flex;align-items:center;justify-content:center}.pdf-chart-container{flex-grow:1;position:relative}.chart-background-zones-pdf{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.mood-zone-band-pdf{width:100%;height:100%;background:linear-gradient(0deg,#001f3f 0,#003366 9%,#004080 18%,#0080b3 27%,#339966 36%,#33cc33 45%,#99cc33 54%,#ffcc00 63%,#ff9900 72%,#F25C16 81%,#ff3300 90%,#ff3300);opacity:.2}@media print{#mainApp,#pdf-container-temp,.container,body{background:white;margin:0;padding:0;box-shadow:none}.pdf-page{display:block;width:100%;height:100%;box-shadow:none;border:none}#moodModal,.class-header,.header,.nav-tabs{display:none}@page{size:A4 portrait;margin:0}}