@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;500;600;700&display=swap";:root{--color-primary: #8ECAE6;--color-accent: #219EBC;--color-success: #2A9D8F;--color-danger: #E76F51;--color-text: #E0E0E0;--color-text-light: #B0B0B0;--color-bg-dark: #121212;--color-bg-card: #1E1E1E;--color-border: #333333;--font-family: "Inter", sans-serif;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--radius-md: 12px}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-family)}body{background-color:var(--color-bg-dark);color:var(--color-text);min-height:100vh;display:flex;justify-content:center;align-items:flex-start}#root{width:100%}h1,h2,h3{font-weight:700;color:var(--color-primary);margin-bottom:.5rem}a{text-decoration:none;color:inherit}.btn{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s ease-in-out}.btn-primary{background-color:var(--color-primary);color:var(--color-bg-dark);box-shadow:0 4px 10px #8ecae666}.btn-primary:hover{background-color:#bee3db;transform:translateY(-2px);box-shadow:0 6px 15px #8ecae680}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover{background-color:#d8573d}.btn-success{background-color:var(--color-success);color:#fff}.btn-success:hover{background-color:#23857a}.btn-small{padding:.5rem 1rem;font-size:.9rem}input,textarea,select{border:1px solid var(--color-border);border-radius:8px;padding:.75rem 1rem;font-size:1rem;width:100%;margin-bottom:1rem;background-color:var(--color-bg-card);color:var(--color-text)}input:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #8ecae61a;outline:none}.login-form-container{background:var(--color-bg-card);padding:40px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);width:100%;max-width:400px;margin-top:10vh;margin-left:auto;margin-right:auto;border:1px solid var(--color-border)}.login-form h3{text-align:center;color:var(--color-primary);margin-bottom:25px}.login-form h1{font-size:1.8rem;text-align:center;margin-bottom:30px;color:var(--color-text)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--color-bg-card);color:var(--color-text);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--color-border)}.navbar-brand{font-size:1.6rem;font-weight:700;color:var(--color-primary)}.navbar-link{text-decoration:none;font-weight:500;color:var(--color-text);padding:.5rem 1rem;border-radius:6px}.navbar-link:hover{background-color:rgba(var(--color-primary),.1);color:var(--color-primary)}.navbar-link.active{font-weight:600;background-color:var(--color-accent);color:var(--color-bg-dark)}.btn-logout{background-color:var(--color-danger);color:#fff;padding:.4rem .8rem;font-size:.9rem}.dashboard-container{max-width:1200px;margin:20px auto;padding:20px;display:flex;flex-direction:column;gap:25px}.dashboard-container h1{text-align:center;font-size:2rem;margin-bottom:10px;color:var(--color-text)}.site-selection-container{display:flex;flex-direction:column;gap:15px;width:100%;max-width:400px;margin:0 auto;padding:20px;background-color:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.site-card{width:100%;padding:1.5rem;font-size:1.1rem;background-color:var(--color-bg-card);color:var(--color-primary);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);text-align:left}.site-card:hover{background-color:var(--color-accent);color:var(--color-bg-dark);border-color:var(--color-accent)}.pre-start-main{max-width:450px;background:var(--color-bg-card);padding:25px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin:20px auto;border:1px solid var(--color-border)}.prestart-top,.prestart-signin-time{display:flex;justify-content:space-between;padding:5px 0;font-size:.9rem;color:var(--color-text-light)}.messages-main{text-align:center;margin-bottom:20px}.daily-routine-main h2{font-size:1.5rem;margin-bottom:15px;color:var(--color-primary);text-align:center}.routine-section{padding:15px;border:1px solid var(--color-border);border-radius:8px;margin-bottom:15px;background-color:var(--color-bg-dark);color:var(--color-text-light)}.routine-section h3{font-size:1.1rem;color:var(--color-primary);border-bottom:1px solid var(--color-border);padding-bottom:5px;margin-bottom:10px}.MuiFormControlLabel-root{display:block!important;margin-left:0!important;padding:5px 0;border-bottom:1px dashed var(--color-border)}.MuiCheckbox-root{color:var(--color-primary)!important}.Mui-checked{color:var(--color-success)!important}.finish-work .btn{margin-bottom:10px}.date-filter{margin-bottom:20px;display:flex;gap:10px;align-items:center;background-color:var(--color-bg-card);padding:15px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.school-card{background-color:var(--color-bg-card);border-radius:var(--radius-md);padding:20px;margin-bottom:20px;box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.report-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:15px}.report-table th,.report-table td{padding:12px;text-align:left;border-bottom:1px solid var(--color-border)}.report-table th{background-color:var(--color-primary);color:var(--color-bg-dark);font-weight:600;text-transform:uppercase;font-size:.85rem}.report-table tr:last-child td{border-bottom:none}.even-row{background-color:var(--color-bg-card)}.odd-row{background-color:var(--color-bg-dark)}.report-detail-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:500px;width:90%;background-color:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:0 10px 30px #0006;padding:30px;z-index:1010;border-left:5px solid var(--color-primary);border:1px solid var(--color-border);color:var(--color-text)}.report-detail-card h4{color:var(--color-primary);margin-top:15px}.report-detail-card ul{list-style:none;padding-left:0;margin-top:10px;font-size:.95rem}.report-detail-card ul li{margin-bottom:5px}