:root{--bg:#f0f4f8;--surface:#fff;--text:#1a202c;--muted:#718096;--primary:#3182ce;--primary-dark:#2b6cb0;--success:#38a169;--danger:#e53e3e;--border:#e2e8f0;--shadow:0 1px 3px #0000001a;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:var(--primary);text-decoration:none}.loading{min-height:200px;color:var(--muted);justify-content:center;align-items:center;display:flex}.login-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background:var(--surface);border-radius:12px;width:100%;max-width:420px;padding:2.5rem;box-shadow:0 10px 40px #00000026}.login-card h1{margin-bottom:.25rem;font-size:1.75rem}.subtitle{color:var(--muted);margin-bottom:1.5rem}.demo-accounts{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem}.demo-accounts p{color:var(--muted);margin-bottom:.75rem;font-size:.875rem}.demo-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:100%;margin-bottom:.5rem;padding:.5rem;font-size:.875rem;transition:background .2s;display:block}.demo-btn:hover{background:var(--border)}.layout{min-height:100vh}.header{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.header-left{align-items:center;gap:1rem;display:flex}.logo{color:var(--primary);font-size:1.25rem;font-weight:700}.page-title{color:var(--muted);border-left:1px solid var(--border);padding-left:1rem;font-size:.95rem}.header-right{align-items:center;gap:1rem;display:flex}.user-badge{color:var(--muted);font-size:.875rem}.main{max-width:1200px;margin:0 auto;padding:2rem}.form-group{margin-bottom:1rem}.form-group label{margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:.625rem .75rem;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3182ce26}.form-actions{gap:.75rem;margin-top:1.5rem;display:flex}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.625rem 1.25rem;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-outline{border:1px solid var(--border);color:var(--text);background:0 0}.btn-outline:hover{background:var(--bg)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-block{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.alert{border-radius:var(--radius);margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.alert-success{color:#22543d;background:#c6f6d5}.alert-error{color:#742a2a;background:#fed7d7}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1.5rem}.card h2{margin-bottom:1rem;font-size:1.125rem}.grid-2{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=768px){.grid-2{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start;gap:1rem}}.tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tab{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.75rem}th{color:var(--muted);text-transform:uppercase;font-size:.8125rem;font-weight:600}.empty{text-align:center;color:var(--muted);padding:2rem!important}.muted{color:var(--muted);font-size:.875rem}.assign-row{align-items:center;gap:.5rem;display:flex}.assign-row select{border:1px solid var(--border);border-radius:var(--radius);flex:1;padding:.375rem}.question-block{background:var(--bg);border-radius:var(--radius);margin-bottom:1rem;padding:1.25rem}.question-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.options-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=600px){.options-grid{grid-template-columns:1fr}}.badge{background:var(--bg);color:var(--muted);border-radius:999px;padding:.25rem .625rem;font-size:.75rem;display:inline-block}.assignment-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1rem}.assignment-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.assignment-header h3{margin-bottom:.25rem}.submissions-list{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.assignment-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.assignment-card{border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:box-shadow .2s}.assignment-card:hover{box-shadow:var(--shadow)}.assignment-card.completed{border-left:4px solid var(--success)}.assignment-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.status-badge{border-radius:999px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.status-badge.pending{color:#92400e;background:#fef3c7}.status-badge.done{color:#22543d;background:#c6f6d5}.assignment-meta{color:var(--muted);gap:1rem;margin:.75rem 0;font-size:.8125rem;display:flex}.score-display{margin-bottom:.75rem;font-size:.95rem}.score-display .percentage{color:var(--muted);margin-left:.5rem}.assignment-actions{margin-top:1rem}.mcq-options{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.mcq-option{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.mcq-option:hover{background:var(--bg)}.mcq-option.selected{border-color:var(--primary);background:#3182ce14}.mcq-option input{accent-color:var(--primary)}.option-label{min-width:1.5rem;font-weight:600}.result-card h2{margin-bottom:1rem}.result-summary{text-align:center;margin-bottom:2rem}.score-circle{background:linear-gradient(135deg, var(--primary), #667eea);color:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:1rem;display:inline-flex}.score-value{font-size:2rem;font-weight:700}.score-label{opacity:.9;font-size:.875rem}.review-item{border-radius:var(--radius);border-left:4px solid;margin-bottom:.75rem;padding:1rem}.review-item.correct{border-color:var(--success);background:#f0fff4}.review-item.incorrect{border-color:var(--danger);background:#fff5f5}.review-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem;display:flex}.review-badge{white-space:nowrap;border-radius:999px;padding:.25rem .5rem;font-size:.75rem}.review-badge.correct{color:#22543d;background:#c6f6d5}.review-badge.incorrect{color:#742a2a;background:#fed7d7}