html,body,#root{min-width:100%;min-height:100%;margin:0;padding:0}*{box-sizing:border-box}body{color:#1c2430;background:#f4f7fb;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}a{color:#2563eb;text-decoration:none}.page-center{background:linear-gradient(135deg,#eef4ff,#f7f9fc);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card{background:#fff;border-radius:18px;width:100%;max-width:520px;padding:28px;box-shadow:0 12px 40px #0f172a14}.auth-page{background:linear-gradient(135deg,#e0ecff,#f8fafc);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:#fff;border-radius:20px;width:100%;max-width:440px;padding:32px 28px;box-shadow:0 16px 40px #2563eb1f}.auth-card h1{text-align:center;margin:0 0 8px;font-size:2rem}.subtitle{text-align:center;color:#52607a;margin:0 0 24px}form{flex-direction:column;gap:16px;display:flex}label{color:#2d3748;flex-direction:column;gap:8px;font-weight:600;display:flex}input,textarea{background:#f8fafc;border:1px solid #d6deeb;border-radius:12px;width:100%;padding:12px 14px;transition:border .2s,box-shadow .2s}input:focus,textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f626}textarea{resize:vertical}.primary-btn,.secondary-btn,.small-btn,.danger-btn{cursor:pointer;border:none;border-radius:12px;padding:12px 18px;transition:opacity .2s,transform .2s}.primary-btn:hover,.secondary-btn:hover,.small-btn:hover,.danger-btn:hover{transform:translateY(-1px)}.primary-btn{color:#fff;background:#2563eb;font-weight:700}.secondary-btn{color:#1d4ed8;background:#eef4ff;width:100%;margin-top:16px;font-weight:600}.small-btn{color:#1d4ed8;background:#dbeafe;font-weight:600}.danger-btn{color:#b91c1c;background:#fee2e2;font-weight:600}.error-message{color:#b91c1c;margin:0;font-weight:600}.dashboard-page{min-height:100vh;padding:24px}.topbar{background:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto 24px;padding:22px 24px;display:flex;box-shadow:0 10px 24px #0f172a0f}.topbar h1{margin:0;font-size:clamp(1.5rem,3vw,2.2rem)}.topbar p{color:#64748b;margin:4px 0 0}.dashboard-grid{grid-template-columns:1.1fr .9fr;gap:24px;max-width:1200px;margin:0 auto;display:grid}.panel{background:#fff;border-radius:20px;padding:24px;box-shadow:0 12px 30px #0f172a0f}.panel h2{margin-top:0;margin-bottom:18px;font-size:1.4rem}.homework-form{flex-direction:column;gap:16px;display:flex}.file-name{color:#475569;margin:-4px 0 0;font-size:.95rem}.status-message{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;margin-top:16px;padding:12px 14px;font-weight:600}.empty-state{color:#64748b;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:18px}.homework-list{flex-direction:column;gap:16px;display:flex}.homework-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;gap:16px;padding:18px;display:flex}.homework-item h3{margin:0 0 8px}.meta{color:#475569;margin:4px 0}.action-row{flex-direction:column;gap:10px;min-width:120px;display:flex}.student-page{background:linear-gradient(135deg,#eff6ff,#f8fafc);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.student-card{width:100%;max-width:900px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#2563eb;margin-bottom:8px;font-weight:700}.student-card h1{margin:0 0 12px;font-size:clamp(2rem,4vw,3rem)}.student-meta{color:#475569;margin-bottom:20px}.student-description{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:18px}.student-media{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;width:100%;max-height:700px}.download-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-top:16px;padding:18px}@media (width<=860px){.dashboard-grid{grid-template-columns:1fr}.homework-item{flex-direction:column}.action-row{flex-direction:row;width:100%}}