*{box-sizing:border-box}body{background:linear-gradient(#bcffe2 0%,#fff 70%);min-height:100vh;margin:0;padding:60px 0 0;font-family:Arial,sans-serif}.page{justify-content:center;align-items:flex-start;min-height:100vh;padding-top:20px;padding-bottom:80px;display:flex}.page-container{padding-top:70px}.card{text-align:center;width:820px;padding-top:82px}.card h1{margin:0;font-size:32px}.card h2{margin:10px 0 65px;font-size:26px;font-weight:400}.form{grid-template-columns:135px 135px 135px;justify-content:center;align-items:end;gap:34px 95px;display:grid}.form label{flex-direction:column;align-items:flex-start;font-size:18px;display:flex}.form input{background:#bcffe2;border:none;border-radius:7px;outline:none;width:135px;height:21px;margin-top:4px;padding:2px 8px}.student-admin-row{grid-column:2/4;grid-template-columns:135px 40px 135px;align-items:end;column-gap:18px;display:grid}.student-admin-row span{align-self:center;padding-top:26px;font-size:18px}button{cursor:pointer;background:#8dd9bd;border:none;border-radius:7px;grid-column:2;justify-self:center;width:105px;height:37px;margin-top:28px;font-size:18px}.error,.success{text-align:center;grid-column:1/4;margin:0}.error{color:red}.success{color:green}.login-page{background:linear-gradient(#c9ffe7 0%,#fff 36%);justify-content:center;min-height:100vh;font-family:Arial,sans-serif;display:flex}.login-card{text-align:center;width:420px;padding-top:95px}.login-card h1{margin:0;font-size:32px}.login-card h2{margin:10px 0 65px;font-size:26px;font-weight:400}.login-form{flex-direction:column;align-items:center;gap:28px;display:flex}.login-form label{flex-direction:column;align-items:flex-start;font-size:18px;display:flex}.login-form input{background:#b5f8dc;border:none;border-radius:7px;outline:none;width:180px;height:24px;margin-top:5px;padding:2px 8px}.login-form button{cursor:pointer;background:#8dd9bd;border:none;border-radius:7px;width:105px;height:37px;font-size:18px}.login-error{color:red;text-align:center;margin:0}.auth-link{margin:0;font-size:15px}.auth-link a{color:#2e7d32;font-weight:700;text-decoration:none}.auth-link a:hover{text-decoration:underline}.history-page{flex-direction:column;align-items:center;padding:40px;display:flex}.history-card{background:#fffc;border-radius:15px;width:900px;padding:30px}.history-card h1{color:#333;margin-bottom:40px;font-size:32px}.accordion-item{background:#fff;border:1px solid #8dd9bd;border-radius:7px;margin-bottom:10px}.accordion-header{cursor:pointer;justify-content:space-between;padding:20px;font-size:18px;display:flex}.accordion-header:hover{background:#bcffe2}.calendar-input{background:#bcffe2;border:none;border-radius:7px;outline:none;padding:8px;font-size:16px}.indicators-header{text-align:left;margin-bottom:25px}.title{color:#1b5e20;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:1.8rem;font-weight:700}.indicators-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px;display:grid}.accordion-row{background-color:#fff;border:1px solid #eee;border-radius:12px;margin-bottom:10px;transition:all .3s;overflow:hidden}.accordion-row.active{background-color:#f1f8e9;border-color:#4caf50;box-shadow:0 4px 12px #0000000d}.row-main{cursor:pointer;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.row-main:hover{background-color:#bcffe2}.row-title{color:#333;font-size:1.3rem;font-weight:600}.row-content{background-color:#fff;border-top:1px solid #e8f5e9;justify-content:center;padding:20px;display:flex}.sensor-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;width:100%;max-width:800px;display:grid}.sensor-item{text-align:center;background-color:#e8f5e9;border:1px solid #c8e6c9;border-radius:10px;padding:15px;transition:transform .2s}.sensor-item:hover{background-color:#bcffe2;transform:scale(1.05)}.sensor-item p{color:#666;margin:0;font-size:.9rem}.sensor-item strong{color:#2e7d32;margin-top:5px;font-size:1.2rem;display:block}.arrow{color:#4caf50;font-size:1.2rem;transition:transform .3s}.accordion-row.active .arrow{transform:rotate(180deg)}.chart-card{background:#fff;border-radius:15px;width:100%;height:400px;margin-bottom:30px;padding:20px;box-shadow:0 4px 10px #0000000d}.navbar{z-index:1000;box-sizing:border-box;z-index:9999;background:#fff;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 50px;display:flex;position:fixed;top:0;left:0;box-shadow:0 2px 5px #0000001a}.navbar-logo{color:#2e7d32;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;display:flex}.nav-links{gap:30px;margin:0;list-style:none;display:flex}.nav-links a{color:#333;font-size:1.1rem;font-weight:600;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#8dd9bd}.hamburger{cursor:pointer;flex-direction:column;gap:5px;display:none}.bar{background-color:#2e7d32;width:25px;height:3px;transition:all .3s}@media (width<=768px){.hamburger{display:flex}.nav-links{background:#fff;border-radius:0 0 0 10px;flex-direction:column;width:200px;padding:20px;display:none;position:absolute;top:60px;right:0;box-shadow:-2px 5px 10px #0000001a}.nav-links.show{display:flex}}.dashboard{min-height:100vh;padding:20px 20px 100px;font-family:Arial,sans-serif}.dashboard h1{margin-bottom:20px;font-size:2rem;font-weight:600}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.sensor-card{background:linear-gradient(135deg,#caf7db,#b7e4c7);border-radius:16px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 6px #0000001a}.sensor-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.sensor-title{color:#1b4332;letter-spacing:.5px;font-size:1rem;font-weight:600}.sensor-value{color:#2d6a4f;margin-top:10px;font-size:1.6rem;font-weight:600}.admin-actions{gap:15px;margin-top:30px;display:flex}.admin-actions button{color:#fff;cursor:pointer;background:#40916c;border:none;border-radius:10px;justify-content:center;align-items:center;min-height:50px;padding:12px 20px;font-size:1rem;transition:background .2s;display:flex}.admin-actions button:hover{background:#2d6a4f}@media (width<=576px){.dashboard-grid{grid-template-columns:1fr}.sensor-card{padding:16px}.sensor-value{font-size:1.4rem}.admin-actions{flex-direction:column}.admin-actions button{width:100%}}@media (width<=768px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.sensor-card{padding:18px}}@media (width>=1200px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}.status-good{background:linear-gradient(135deg,#d8f3dc,#b7e4c7)}.status-bad{background:linear-gradient(135deg,#ffe5e5,#ffb3b3)}.profile-page-container{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);flex-direction:column;align-items:center;min-height:100vh;padding:40px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.profile-card-wrapper{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffc;border-radius:15px;width:900px;padding:30px;box-shadow:0 8px 32px #0000001a}.profile-card-wrapper h1{color:#1b5e20;text-align:center;text-transform:uppercase;margin-bottom:40px;font-size:32px;font-weight:700}.profile-section{background:#fff;border:1px solid #8dd9bd;border-radius:12px;margin-bottom:20px;padding:25px}.profile-avatar{color:#2e7d32;background-color:#bcffe2;border:2px solid #4caf50;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 15px;font-size:28px;font-weight:700;display:flex}.profile-info{text-align:center;margin-bottom:30px}.setting-row{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.setting-row:last-child{border-bottom:none}.profile-input{color:#333;text-align:center;background:#bcffe2;border:none;border-radius:7px;outline:none;width:80px;padding:8px;font-size:16px}.save-btn{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:10px;width:100%;margin-top:20px;padding:15px;font-size:1rem;font-weight:700}.save-btn:hover{background-color:#2e7d32}.logout-btn{color:#d32f2f;cursor:pointer;background:0 0;border:1px solid #d32f2f;border-radius:7px;margin-top:10px;padding:8px 20px}