.assignment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.assignment-summary>div{display:grid;gap:3px;padding:20px;border:1px solid #dbe3ee;border-radius:12px;background:#fff;box-shadow:0 5px 18px #172c4b12}.assignment-summary strong{color:#176ff2;font-size:27px}.assignment-summary span{color:#64748b;font-weight:700}.assignment-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.assignment-panel{padding:22px;border:1px solid #dbe3ee;border-radius:13px;background:#fff;box-shadow:0 5px 18px #172c4b12}.assignment-panel h2{margin:0 0 6px}.assignment-panel>p{margin:0 0 17px;color:#64748b;line-height:1.5}.assignment-panel form{display:grid;gap:13px}.assignment-panel form small{margin-top:-8px;color:#64748b}.assignment-panel input[type=file]{padding:9px;background:#f8fafc}.assignment-status{display:inline-block;padding:5px 9px;border-radius:999px;color:#9a3412;background:#ffedd5;font-size:12px;font-weight:800}.assignment-status.is-ready{color:#08754c;background:#dcf8ea}.assignment-viewer-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding:16px 18px;border:1px solid #dbe3ee;border-radius:12px;background:#fff}.assignment-viewer-actions>div{display:grid;gap:4px}.assignment-viewer-actions small{color:#64748b}.assignment-viewer{height:calc(100vh - 265px);min-height:620px;overflow:hidden;border:1px solid #bfcddd;border-radius:13px;background:#374151;box-shadow:0 10px 28px #172c4b22}.assignment-viewer iframe{width:100%;height:100%;border:0}.assignment-empty{display:grid;gap:8px}.assignment-empty strong{font-size:19px}.assignment-empty span{color:#64748b}@media(max-width:800px){.assignment-summary,.assignment-upload-grid{grid-template-columns:1fr}.assignment-viewer-actions{align-items:stretch;flex-direction:column}.assignment-viewer{height:72vh;min-height:480px}}