*{box-sizing:border-box}body{background-color:#d3d3d3;margin:0;font-family:Arial,Helvetica,sans-serif}.navbar{color:#fff;background-color:#2563eb;align-items:center;height:60px;padding:0 25px;display:flex}.layout{min-height:calc(100v - 60px);display:flex}.sidebar{background-color:#fff;width:220px;padding:20px}.sidebar ul{padding:0;list-style:none}.sidebar li{margin-bottom:15px}.sidebar a{color:#333;text-decoration:none}.content{flex:1;padding:30px}table{border-collapse:collapse;background-color:#fff;width:80%;margin-top:20px}th,td{text-align:left;border:1px solid #ddd;padding:10px}th{color:#fff;background-color:#2563eb}.actions-cell{flex-wrap:wrap;gap:9px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:6px;padding:8px;font-size:14px;text-decoration:none;display:inline-block}.view-btn{color:#fff;background:#2563eb}.edit-btn{color:#fff;background:green}.delete-btn{color:#fff;background:red}.dashboard-cards{gap:20px;margin-top:30px;display:flex}.card{background-color:#fff;border-radius:8px;width:250px;padding:25px}.navbar[data-v-4df2f396]{color:#fff;background-color:#2563eb;padding:1rem;box-shadow:0 2px 4px #0000001a}.navbar h2[data-v-4df2f396]{margin:0;font-size:1.5rem}.sidebar[data-v-da674cdd]{background-color:#f5f5f5;border-right:1px solid #ddd;width:200px;padding:1rem;overflow-y:auto}.sidebar h3[data-v-da674cdd]{margin-top:0;font-size:1.2rem}.sidebar ul[data-v-da674cdd]{margin:0;padding:0;list-style:none}.sidebar li[data-v-da674cdd]{margin:.5rem 0}.sidebar a[data-v-da674cdd]{color:#333;border-radius:4px;padding:.5rem .75rem;text-decoration:none;transition:background-color .2s;display:block}.sidebar a[data-v-da674cdd]:hover{background-color:#ddd}.sidebar a.router-link-active[data-v-da674cdd]{color:#fff;background-color:#4caf50}.app-container[data-v-9b610fd5]{flex-direction:column;width:100%;height:100vh;display:flex}.main-content[data-v-9b610fd5]{flex:1;width:100%;display:flex;overflow:hidden}.content[data-v-9b610fd5]{flex:1;padding:1rem;overflow-y:auto}.view-students-btn[data-v-b6c6e28c],.view-units-btn[data-v-b6c6e28c],.view-enrollments-btn[data-v-b6c6e28c]{color:#fff;background-color:#2563eb;border-radius:5px;margin-bottom:20px;padding:10px 15px;text-decoration:none;display:inline-block}.students-page[data-v-337272fa]{padding:20px}.add-student-btn[data-v-337272fa]{color:#fff;background-color:#2563eb;border-radius:5px;margin-bottom:20px;padding:10px 15px;text-decoration:none;display:inline-block}.student-form[data-v-cdbb5dd0]{background:#fff;border-radius:8px;width:100%;max-width:500px;margin:0 auto;padding:25px;box-shadow:0 2px 10px #0000001a}.form-title[data-v-cdbb5dd0]{text-align:center;margin:0 0 20px;font-weight:700}.form-group[data-v-cdbb5dd0]{flex-direction:column;margin-bottom:15px;display:flex}label[data-v-cdbb5dd0]{color:#374151;margin-bottom:5px;font-weight:700}input[data-v-cdbb5dd0],select[data-v-cdbb5dd0],textarea[data-v-cdbb5dd0]{box-sizing:border-box;width:100%;font:inherit;border:1px solid #d1d5db;border-radius:4px;padding:10px;font-weight:400}input[data-v-cdbb5dd0]:focus,select[data-v-cdbb5dd0]:focus,textarea[data-v-cdbb5dd0]:focus{border-color:#2563eb;outline:2px solid #93c5fd}.error[data-v-cdbb5dd0]{color:#b91c1c;margin:0 0 12px}.actions[data-v-cdbb5dd0]{justify-content:center;margin-top:8px;display:flex}button[data-v-cdbb5dd0]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:4px;padding:10px 20px;font-weight:600}button.secondary[data-v-cdbb5dd0]{background:#6b7280}button[data-v-cdbb5dd0]:hover{opacity:.9}.view-student-page[data-v-a2e3fa36]{padding:20px}.student-details[data-v-a2e3fa36]{background-color:#f9f9f9;border-radius:8px;max-width:600px;margin-bottom:20px;padding:20px}.detail-row[data-v-a2e3fa36]{border-bottom:1px solid #ddd;padding:12px 0;display:flex}.detail-row strong[data-v-a2e3fa36]{width:150px}.enrolled-units[data-v-a2e3fa36]{background-color:#f9f9f9;border-radius:8px;padding:20px}table[data-v-a2e3fa36]{border-collapse:collapse;width:100%;margin-top:10px}th[data-v-a2e3fa36],td[data-v-a2e3fa36]{text-align:left;border:1px solid #ddd;padding:12px}th[data-v-a2e3fa36]{color:#fff;background-color:#2563eb}.no-units[data-v-a2e3fa36]{text-align:center;color:#555;font-style:italic}.back-button[data-v-a2e3fa36]{color:#fff;background-color:#2563eb;border-radius:8px;padding:10px 20px;text-decoration:none;display:inline-block}.back-button[data-v-a2e3fa36]:hover{background-color:#1e40af}.add-unit-btn[data-v-e28bcce6]{color:#fff;background-color:#2563eb;border-radius:5px;margin-bottom:20px;padding:10px 15px;text-decoration:none;display:inline-block}.unit-form[data-v-f80fcb24]{background:#fff;border-radius:8px;width:100%;max-width:500px;margin:0 auto;padding:25px;box-shadow:0 2px 10px #0000001a}.form-title[data-v-f80fcb24]{text-align:center;margin:0 0 20px;font-weight:700}.form-group[data-v-f80fcb24]{flex-direction:column;margin-bottom:15px;display:flex}label[data-v-f80fcb24]{color:#374151;margin-bottom:5px;font-weight:700}input[data-v-f80fcb24],select[data-v-f80fcb24],textarea[data-v-f80fcb24]{box-sizing:border-box;width:100%;font:inherit;border:1px solid #d1d5db;border-radius:4px;padding:10px;font-weight:400}input[data-v-f80fcb24]:focus,select[data-v-f80fcb24]:focus,textarea[data-v-f80fcb24]:focus{border-color:#2563eb;outline:2px solid #93c5fd}.error[data-v-f80fcb24]{color:#b91c1c;margin:0 0 12px}.actions[data-v-f80fcb24]{justify-content:center;margin-top:8px;display:flex}button[data-v-f80fcb24]{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:4px;padding:10px 20px;font-weight:600}button[data-v-f80fcb24]:hover{background:#1e40af}.view-unit-page[data-v-99d71adf]{padding:20px}.unit-details[data-v-99d71adf]{background-color:#f9f9f9;border-radius:8px;max-width:600px;margin-bottom:20px;padding:20px}.detail-row[data-v-99d71adf]{border-bottom:1px solid #ddd;padding:12px 0;display:flex}.detail-row strong[data-v-99d71adf]{width:150px}.students-section[data-v-99d71adf]{background-color:#f9f9f9;border-radius:8px;padding:20px}table[data-v-99d71adf]{border-collapse:collapse;width:100%;margin-top:10px}th[data-v-99d71adf],td[data-v-99d71adf]{text-align:left;border:1px solid #ddd;padding:12px}th[data-v-99d71adf]{color:#fff;background-color:#2563eb}.no-student[data-v-99d71adf]{text-align:center;color:#555;font-style:italic}.back-button[data-v-99d71adf]{color:#fff;background-color:#2563eb;border-radius:8px;padding:10px 20px;text-decoration:none;display:inline-block}.back-button[data-v-99d71adf]:hover{background-color:#1e40af}.enrollment-page[data-v-c32008bd]{padding:20px}.enrollment-form[data-v-c32008bd]{background-color:#f9f9f9;border-radius:8px;max-width:600px;margin-top:20px;margin-bottom:20px;padding:20px;box-shadow:0 2px 4px #0000001a}.label[data-v-c32008bd]{margin-bottom:5px;font-weight:700;display:block}.enroll-btn[data-v-c32008bd]{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;margin-top:10px;padding:6px 8px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}table[data-v-c32008bd]{border-collapse:collapse;width:100%}th[data-v-c32008bd],td[data-v-c32008bd]{border:1px solid #ddd;padding:8px}th[data-v-c32008bd]{text-align:left;background-color:#2563eb}