.assignment-page[data-v-12a569c4]{min-height:100vh;background:var(--gray-100)}.page-header[data-v-12a569c4]{background:var(--white);padding:20px;text-align:center}.page-header h1[data-v-12a569c4]{font-size:18px;font-weight:600;color:var(--gray-900)}.tabs-wrapper[data-v-12a569c4]{background:var(--white);padding:0 20px 16px}.tabs[data-v-12a569c4]{display:-ms-flexbox;display:flex;background:var(--gray-100);border-radius:var(--radius);padding:4px}.tab-item[data-v-12a569c4]{-ms-flex:1;flex:1;text-align:center;padding:10px 0;font-size:14px;font-weight:500;color:var(--gray-600);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;position:relative}.tab-item.active[data-v-12a569c4]{background:var(--white);color:var(--primary);box-shadow:var(--shadow-sm)}.tab-item .count[data-v-12a569c4]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:18px;height:18px;background:var(--primary);color:var(--white);font-size:11px;font-weight:600;border-radius:9px;margin-left:6px;padding:0 5px}.list-content[data-v-12a569c4]{padding:16px}.assignment-card[data-v-12a569c4]{background:var(--white);border-radius:var(--radius-lg);padding:16px;margin-bottom:12px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .2s}.assignment-card[data-v-12a569c4]:active{transform:scale(.98)}.card-top[data-v-12a569c4]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:10px}.subject[data-v-12a569c4]{color:var(--gray-500);background:var(--gray-100)}.status-tag[data-v-12a569c4],.subject[data-v-12a569c4]{font-size:12px;padding:4px 10px;border-radius:var(--radius-full)}.status-tag[data-v-12a569c4]{font-weight:600}.status-tag.pending[data-v-12a569c4]{background:#fef3c7;color:#d97706}.status-tag.submitted[data-v-12a569c4]{background:#dbeafe;color:#2563eb}.status-tag.graded[data-v-12a569c4]{background:#d1fae5;color:#059669}.status-tag.expired[data-v-12a569c4]{background:#fee2e2;color:#dc2626}.title[data-v-12a569c4]{font-size:16px;font-weight:600;color:var(--gray-900);margin-bottom:6px}.desc[data-v-12a569c4]{font-size:13px;color:var(--gray-500);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.card-footer[data-v-12a569c4]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding-top:12px;border-top:1px solid var(--gray-100)}.time[data-v-12a569c4]{font-size:12px;color:var(--gray-500)}.time i[data-v-12a569c4]{margin-right:4px}.score[data-v-12a569c4]{font-size:14px;font-weight:600;color:var(--primary)}.score i[data-v-12a569c4]{margin-right:4px;color:#fbbf24}.pc-assignment[data-v-12a569c4]{max-width:1000px;margin:0 auto}.page-title-bar[data-v-12a569c4]{margin-bottom:24px}.page-title-bar h1[data-v-12a569c4]{font-size:24px;font-weight:600;color:var(--gray-900)}.pc-tabs[data-v-12a569c4]{display:-ms-flexbox;display:flex;gap:12px;margin-bottom:24px}.tab-btn[data-v-12a569c4]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;padding:12px 24px;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius);font-size:14px;font-weight:500;color:var(--gray-600);cursor:pointer;transition:all .2s}.tab-btn[data-v-12a569c4]:hover{border-color:var(--primary);color:var(--primary)}.tab-btn.active[data-v-12a569c4]{background:var(--primary);border-color:var(--primary);color:var(--white)}.tab-btn .badge[data-v-12a569c4]{min-width:20px;height:20px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:12px;font-weight:600;background:hsla(0,0%,100%,.2);border-radius:10px;padding:0 6px}.tab-btn:not(.active) .badge[data-v-12a569c4]{background:var(--primary);color:var(--white)}.assignment-grid[data-v-12a569c4]{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(320px,1fr))[auto-fill];grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.pc-assignment .assignment-card[data-v-12a569c4]{background:var(--white);border-radius:var(--radius-lg);padding:24px;cursor:pointer;transition:all .2s;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pc-assignment .assignment-card[data-v-12a569c4]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pc-assignment .card-header[data-v-12a569c4]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:16px}.subject-tag[data-v-12a569c4]{font-size:12px;font-weight:500;padding:4px 12px;background:var(--gray-100);color:var(--gray-600);border-radius:var(--radius-full)}.card-title[data-v-12a569c4]{font-size:18px;font-weight:600;color:var(--gray-900);margin-bottom:8px}.card-desc[data-v-12a569c4]{font-size:14px;color:var(--gray-500);-ms-flex:1;flex:1;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;margin-bottom:16px}.card-meta[data-v-12a569c4]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:12px 0;border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100);margin-bottom:16px}.score-info[data-v-12a569c4],.time-info[data-v-12a569c4]{font-size:13px;color:var(--gray-500)}.score-info i[data-v-12a569c4],.time-info i[data-v-12a569c4]{margin-right:6px}.score-info[data-v-12a569c4]{font-weight:600;color:var(--primary)}.score-info i[data-v-12a569c4]{color:#fbbf24}.card-action[data-v-12a569c4]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;gap:6px;font-size:14px;font-weight:500;color:var(--primary)}.card-action i[data-v-12a569c4]{transition:transform .2s}.pc-assignment .assignment-card:hover .card-action i[data-v-12a569c4]{transform:translateX(4px)}.empty-state[data-v-12a569c4]{text-align:center;padding:80px 20px}.empty-state i[data-v-12a569c4]{font-size:64px;color:var(--gray-300);margin-bottom:16px}.empty-state h3[data-v-12a569c4],.empty-state p[data-v-12a569c4]{font-size:16px;color:var(--gray-500)}