*{box-sizing:border-box;margin:0;padding:0}:root{--asu-maroon:#8c1d40;--asu-gold:#ffc627;--asu-dark:#1a1a1a;--sidebar-width:220px;--sidebar-collapsed:48px;--header-height:56px;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-500:#6b7280;--gray-700:#374151;--gray-900:#111827;--white:#fff;--green-600:#16a34a;--red-500:#ef4444;--orange-500:#f97316}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--gray-50);color:var(--gray-900);min-height:100vh}.top-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--white);border-bottom:1px solid var(--gray-200);justify-content:space-between;padding:0 24px;z-index:100}.top-header,.top-header-left{display:flex;align-items:center}.top-header-left{gap:16px}.top-header-logo{display:flex;align-items:center;gap:8px}.top-header-logo img{height:32px}.top-header-logo .logo-text{font-size:12px;font-weight:700;color:var(--asu-maroon);line-height:1.2}.top-header-logo .logo-text span{display:block;font-weight:400;font-size:10px;color:var(--gray-500)}.top-header-title{font-size:16px;font-weight:600;color:var(--gray-900);margin-left:16px;padding-left:16px;border-left:1px solid var(--gray-200)}.top-header-right{display:flex;align-items:center;gap:16px}.view-as-label{font-size:12px;color:var(--gray-500);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.role-toggle{display:flex;border-radius:6px;overflow:hidden;border:1px solid var(--gray-200)}.role-toggle button{padding:6px 16px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .15s}.role-toggle button.active-student{background:var(--asu-gold);color:var(--gray-900)}.role-toggle button.active-instructor{background:var(--asu-maroon);color:var(--white)}.role-toggle button.inactive{background:var(--white);color:var(--gray-500)}.avatar{width:36px;height:36px;border-radius:50%;color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.avatar,.sidebar{background:var(--asu-maroon)}.sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;width:var(--sidebar-width);padding-top:8px;transition:width .2s;z-index:80;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar.collapsed .sidebar-toggle{right:auto;left:50%;transform:translateX(-50%)}.sidebar-toggle{position:absolute;top:12px;right:8px;background:none;border:none;color:hsla(0,0%,100%,.6);cursor:pointer;font-size:14px;padding:4px 6px;z-index:10}.sidebar-nav{list-style:none;padding:16px 0}.sidebar-nav li a{display:flex;align-items:center;gap:12px;padding:12px 20px;color:hsla(0,0%,100%,.8);text-decoration:none;font-size:14px;font-weight:500;transition:all .15s;border-left:3px solid transparent}.sidebar-nav li a:hover{background:hsla(0,0%,100%,.08);color:var(--white)}.sidebar-nav li a.active{background:hsla(0,0%,100%,.12);color:var(--white);border-left-color:var(--asu-gold);font-weight:600}.sidebar-nav li a .nav-icon{font-size:18px;width:20px;text-align:center}.main-content{margin-left:var(--sidebar-width);padding-top:calc(var(--header-height) + 24px);padding-left:32px;padding-right:32px;padding-bottom:24px;min-height:100vh;width:calc(100% - var(--sidebar-width))}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}.welcome-banner{background:var(--asu-maroon);border-radius:12px;padding:24px 32px;color:var(--white);margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.welcome-banner h2{font-size:12px;font-weight:400;opacity:.8;margin-bottom:4px;text-transform:none;letter-spacing:normal}.welcome-banner h1{font-size:24px;font-weight:700}.btn-primary{background:var(--asu-gold);color:var(--gray-900);border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .1s,box-shadow .1s;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.stats-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:24px}.stat-card{background:var(--white);border-radius:12px;padding:20px 24px;border:1px solid var(--gray-200)}.stat-card .stat-value{font-size:36px;font-weight:700;color:var(--asu-maroon)}.stat-card .stat-label{font-size:13px;color:var(--gray-500);margin-top:4px}.dashboard-grid{display:grid;grid-template-columns:1fr 280px;grid-gap:24px;gap:24px;align-items:start}.exercises-card{background:var(--white);border-radius:12px;border:1px solid var(--gray-200);padding:24px}.exercises-card h3{font-size:16px;font-weight:700;margin-bottom:16px;color:var(--gray-900)}.exercise-item{display:flex;align-items:center;padding:16px 0;border-bottom:1px solid var(--gray-100)}.exercise-item:last-child{border-bottom:none}.exercise-dot{width:12px;height:12px;border-radius:50%;margin-right:16px;flex-shrink:0}.exercise-dot.in-progress{background:var(--asu-gold)}.exercise-dot.not-started{background:var(--gray-300)}.exercise-dot.completed{background:var(--asu-maroon)}.exercise-info{flex:1 1}.exercise-info .exercise-title{font-size:14px;font-weight:600;color:var(--gray-900)}.exercise-info .exercise-meta{font-size:12px;color:var(--gray-500);margin-top:2px}.exercise-actions{display:flex;align-items:center;gap:12px}.exercise-score{font-size:14px;font-weight:700;color:var(--gray-700);background:var(--gray-100);padding:4px 10px;border-radius:6px}.btn-continue{background:var(--asu-maroon);color:var(--white);border:none;border-radius:6px}.btn-continue,.btn-start{padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer}.btn-review,.btn-start{background:var(--white);color:var(--gray-700);border:1px solid var(--gray-300);border-radius:6px}.btn-review{padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer}.exercise-progress-bar{height:4px;background:var(--gray-200);border-radius:2px;margin-top:8px;overflow:hidden}.exercise-progress-bar .fill{height:100%;background:var(--asu-maroon);border-radius:2px;transition:width .3s}.recent-scores-card{background:var(--white);border-radius:12px;border:1px solid var(--gray-200);padding:24px}.recent-scores-card h3{font-size:16px;font-weight:700;margin-bottom:16px;color:var(--gray-900)}.score-item{padding:12px 0;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;align-items:flex-start}.score-item:last-child{border-bottom:none}.score-item-info .score-exercise-name{font-size:13px;font-weight:600;color:var(--gray-900)}.score-item-info .score-date{font-size:11px;color:var(--gray-500);margin-top:2px}.score-item-value{font-size:14px;font-weight:700}.score-item-value.high{color:var(--green-600)}.score-item-value.medium{color:var(--orange-500)}.score-item-value.low{color:var(--red-500)}.view-all-link{display:block;margin-top:16px;font-size:13px;font-weight:600;color:var(--asu-maroon);text-decoration:none;cursor:pointer}.view-all-link:hover{text-decoration:underline}.login-container{max-width:480px;margin:80px auto;padding:0 16px}.login-container h1{margin-bottom:4px;font-size:24px}.login-container p{color:var(--gray-500);margin-bottom:24px}.card{border:1px solid var(--gray-200);border-radius:12px;padding:24px;margin-bottom:16px}.activity-card,.card{background:var(--white)}.activity-card{border:1px solid var(--gray-300);border-radius:8px;padding:10px 12px;margin:6px 0}.phase-columns{display:flex;gap:12px}.phase-columns>section{flex:1 1;border:2px dashed var(--gray-300);border-radius:8px;padding:12px;min-height:120px;background:var(--white)}button{font-family:inherit}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{padding:8px 12px;border:1px solid var(--gray-300);border-radius:6px;margin:4px 0;font-size:14px;font-family:inherit}label{display:block;margin-top:8px;font-weight:600;font-size:13px;color:var(--gray-700)}.error{color:var(--red-500)}.ok{color:var(--green-600)}table{border-collapse:collapse;width:100%}td,th{border:1px solid var(--gray-200);padding:6px 8px;text-align:left;font-size:13px}th{background:var(--gray-50);font-weight:600}.container{max-width:1100px;margin:0 auto;padding:24px}@media (max-width:900px){.dashboard-grid,.stats-row{grid-template-columns:1fr}.sidebar{display:none}.main-content{margin-left:0}}.app-footer{position:fixed;bottom:0;left:0;right:0;background:#1a1a1a;color:#9ca3af;text-align:center;padding:10px 24px;font-size:12px;z-index:50}.app-footer a{color:#ffc627;text-decoration:none}.app-footer a:hover{text-decoration:underline}