*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f5f5f5;color:#2c3e50;line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}.nav{background:#2c3e50;padding:0 24px;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #00000026}.nav-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:56px}.nav-title{color:#fff;font-weight:700;font-size:18px}.nav-list{display:flex;list-style:none;gap:32px;margin:0;padding:0}.nav-link{text-decoration:none;font-weight:500;color:#ecf0f1;padding-bottom:6px;border-bottom:2px solid transparent}.nav-link--active{color:#3498db;border-bottom-color:#3498db}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.card{display:flex;align-items:center;justify-content:space-between;gap:16px}.card--editing{flex-direction:column;align-items:stretch}.card--editing .form-row{margin-bottom:12px}.student-name{font-weight:600;color:#2c3e50;margin-bottom:4px;font-size:15px}.student-meta{font-size:13px;color:#7f8c8d;display:flex;gap:0;flex-wrap:wrap}@media(max-width:768px){.form-row{grid-template-columns:1fr}.card{flex-direction:column;align-items:flex-start}}.form-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-bottom:16px}.form-group--wide{grid-column:1}.card>.form-row{margin-bottom:12px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.class-name{font-weight:600;color:#2c3e50;font-size:15px;margin-bottom:4px}.class-meta{font-size:13px;color:#7f8c8d;display:flex;align-items:center;gap:0;flex-wrap:wrap}.student-count{color:#27ae60;font-weight:600}.students-panel{margin-top:16px;padding-top:16px;border-top:1px solid #ecf0f1;display:grid;grid-template-columns:1fr 1fr;gap:16px}.students-panel-section h4{margin:0 0 10px;font-size:13px;font-weight:700;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px}.enrolled-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.enrolled-list li{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;background:#f8f9fa;border-radius:4px;font-size:14px;color:#2c3e50}.panel-empty{font-size:13px;color:#7f8c8d;margin:0}.add-student-row select{width:100%;padding:9px 11px;border:1px solid #bdc3c7;border-radius:4px;font-size:14px;font-family:inherit}.add-student-row select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.btn-info{background:#8e44ad;color:#fff}.btn-info:hover:not(:disabled){background:#7d3c98}.btn-info-active{background:#6c3483;color:#fff}.btn-xs{padding:4px 9px;font-size:12px}@media(max-width:768px){.form-row{grid-template-columns:1fr}.card-top{flex-direction:column;align-items:flex-start}.card-actions{flex-wrap:wrap}.students-panel{grid-template-columns:1fr}}.class-selector{display:flex;align-items:center;gap:12px;margin-bottom:24px}.selector-label{font-size:14px;font-weight:600;color:#2c3e50;white-space:nowrap}.selector-select{flex:1;max-width:420px;padding:9px 11px;border:1px solid #bdc3c7;border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .2s}.selector-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.table-wrapper{overflow-x:auto}.eval-table{width:100%;border-collapse:collapse;font-size:14px}.eval-table th,.eval-table td{padding:10px 14px;border:1px solid #ecf0f1;text-align:center}.th-student{text-align:left;background:#f8f9fa;color:#2c3e50;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;min-width:200px}.th-goal{background:#f8f9fa;color:#2c3e50;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;min-width:130px}.eval-table tbody tr:hover{background:#fafbfc}.td-student{text-align:left;vertical-align:middle}.eval-student-name{display:block;font-weight:600;color:#2c3e50}.eval-student-cpf{display:block;font-size:12px;color:#95a5a6}.td-cell{position:relative;vertical-align:middle;transition:background .15s}.cell-MA{background:#eafaf1}.cell-MPA{background:#fef9e7}.cell-MANA{background:#fdecea}.cell-empty{background:#fff}.cell-select{width:100%;padding:6px 8px;border:1px solid #dfe6e9;border-radius:4px;font-size:13px;font-weight:600;font-family:inherit;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center}.cell-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.cell-select:disabled{opacity:.5;cursor:not-allowed}.cell-spinner{position:absolute;top:4px;right:4px;font-size:11px;color:#3498db;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.class-selector{flex-direction:column;align-items:flex-start}.selector-select{max-width:100%;width:100%}.th-student,.th-goal{font-size:11px;padding:8px}.td-student,.td-cell{padding:8px}}.page{animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #ecf0f1}.page-header h1{margin:0;font-size:26px;color:#2c3e50;display:flex;align-items:center;gap:10px}.badge{background:#3498db;color:#fff;font-size:13px;font-weight:700;border-radius:20px;padding:2px 10px}.alert{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px}.alert-error{background:#fee;border:1px solid #fcc;color:#c33}.close-btn{background:none;border:none;cursor:pointer;font-size:16px;color:inherit;padding:0 0 0 12px}.form-card{background:#f8f9fa;border-left:4px solid #3498db;border-radius:6px;padding:20px;margin-bottom:24px}.form-title{margin:0 0 16px;font-size:15px;font-weight:600;color:#2c3e50}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:#2c3e50}.form-group input,.form-group select{padding:9px 11px;border:1px solid #bdc3c7;border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.loading{text-align:center;color:#7f8c8d;padding:40px 0}.empty-state{text-align:center;color:#7f8c8d;padding:60px 20px;background:#f8f9fa;border:2px dashed #ecf0f1;border-radius:8px}.list{display:flex;flex-direction:column;gap:12px}.card{background:#fff;border:1px solid #ecf0f1;border-radius:8px;padding:16px 20px;transition:box-shadow .2s}.card:hover{box-shadow:0 3px 10px #00000012}.card--editing{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.card-info{flex:1}.card-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.sep{margin:0 8px}.btn{padding:9px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover:not(:disabled){background:#2980b9}.btn-success{background:#27ae60;color:#fff}.btn-success:hover:not(:disabled){background:#229954}.btn-secondary{background:#ecf0f1;color:#2c3e50;border:1px solid #bdc3c7}.btn-secondary:hover:not(:disabled){background:#d5dbdb}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover:not(:disabled){background:#c0392b}.btn-sm{padding:7px 12px;font-size:13px}@media(max-width:768px){.card-actions{width:100%}.btn-sm{flex:1}}