*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;color:#333}.container{max-width:1200px;margin:0 auto;padding:20px}.language-selector{position:fixed;top:20px;right:20px;z-index:1000}.lang-btn{background:#fff;border:2px solid #ddd;padding:8px 12px;margin:0 2px;border-radius:5px;cursor:pointer;font-size:14px;transition:all .3s ease}.lang-btn:hover{background:#f0f0f0}.lang-btn.active{background:#4CAF50;color:#fff;border-color:#4CAF50}.screen{display:none;min-height:100vh;padding-top:60px}.screen.active{display:block}.login-box{background:#fff;padding:40px;border-radius:10px;box-shadow:0 10px 30px #0003;max-width:400px;margin:100px auto;text-align:center}.login-box h1{margin-bottom:30px;color:#333;font-size:28px}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#555}.form-group input{width:100%;padding:12px;border:2px solid #ddd;border-radius:5px;font-size:16px;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#667eea}button[type="submit"]{width:100%;background:#667eea;color:#fff;padding:12px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background .3s ease}button[type="submit"]:hover{background:#5a6fd8}.header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:20px;border-radius:10px;margin-bottom:20px;box-shadow:0 2px 10px #0000001a}.header h1{color:#333;font-size:24px}.back-btn,.logout-btn{background:#f44336;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:14px;transition:background .3s ease}.pdf-btn{background:#4CAF50;color:#fff;border-color:#4CAF50;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:14px;transition:background .3s ease}.back-btn{background:#2196F3}.back-btn:hover{background:#1976D2}.logout-btn:hover{background:#d32f2f}.turmas-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.turma-card{background:#fff;padding:25px;border-radius:10px;box-shadow:0 4px 15px #0000001a;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.turma-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.turma-card h3{color:#333;margin-bottom:10px;font-size:20px}.turma-card p{color:#666;font-size:14px}.controls{background:#fff;padding:20px;border-radius:10px;margin-bottom:20px;box-shadow:0 2px 10px #0000001a}.controls h2{color:#333;margin-bottom:10px}.controls p{color:#666}.students-list{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.student-header{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;background:#f5f5f5;padding:15px 20px;font-weight:700;color:#333;border-bottom:2px solid #ddd}.student-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;padding:15px 20px;border-bottom:1px solid #eee;align-items:center}.student-row:last-child{border-bottom:none}.student-row:nth-child(even){background:#f9f9f9}.student-name{font-weight:500;color:#333}.attendance-control{display:flex;gap:10px;align-items:center}.attendance-control input[type="checkbox"]{transform:scale(1.2);cursor:pointer}.grade-input{width:60px;padding:5px;border:1px solid #ddd;border-radius:3px;text-align:center;font-size:14px}.grade-input:focus{outline:none;border-color:#667eea}@media (max-width: 768px){.container{padding:10px}.header{flex-direction:column;gap:10px;text-align:center}.student-header,.student-row{grid-template-columns:1fr;gap:10px;text-align:center}.student-header{display:none}.student-row{display:block;padding:15px}.student-row > div{margin-bottom:10px}}