:root{font-family:Inter,system-ui,sans-serif;color:#1b1f23;background:#f4f7fb;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;padding:.75rem .9rem;border-radius:12px;border:1px solid #cfd7e3}button{cursor:pointer;background:#172554;color:#fff;border:none}img{max-width:100%;display:block}.appShell{min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e6ebf2;position:sticky;top:0;z-index:10}.topbar nav{display:flex;gap:1rem;flex-wrap:wrap}.brand{font-weight:700}.mainContent{padding:1.5rem;max-width:1200px;margin:0 auto}.panel{background:#fff;border-radius:24px;padding:1.5rem;box-shadow:0 10px 30px #0f172a0f}.soft{background:linear-gradient(180deg,#eef4ff,#f9fbff)}.hero,.builderLayout,.pageGrid{display:grid;gap:1.25rem}.hero{grid-template-columns:1.2fr .8fr;align-items:start}.builderLayout{grid-template-columns:2fr .9fr}.cardGrid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.cardGrid.compact{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card,.loginCard,.resultBox{background:#f9fbff;border-radius:18px;padding:1rem;border:1px solid #e4ebf5}.badge{display:inline-block;background:#dbeafe;color:#1d4ed8;padding:.35rem .6rem;border-radius:999px;font-size:.85rem}.row{display:flex}.between{justify-content:space-between}.center{align-items:center}.gap{gap:.75rem}.wrap{flex-wrap:wrap}.formGrid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin:1rem 0 1.5rem}.formGrid .fullWidth{grid-column:1 / -1}label{display:grid;gap:.4rem;color:#334155}textarea{resize:vertical}.artCard{text-align:left;background:#fff;color:#0f172a;border:1px solid #d7dfeb;min-height:110px;display:grid;gap:.2rem}.artCard.selected{outline:2px solid #2563eb;background:#eff6ff}.status{text-transform:uppercase;font-size:.75rem;padding:.25rem .55rem;border-radius:999px}.status.draft{background:#fef3c7;color:#92400e}.status.published{background:#dcfce7;color:#166534}.secondaryLink,.buttonLink{color:#1d4ed8;font-weight:600}.secondaryButton,.ghostButton{background:#e2e8f0;color:#0f172a}.stack{display:grid;gap:.75rem}.taskRow{display:grid;gap:.6rem;grid-template-columns:1.4fr 1fr}.gallery{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:1rem}.galleryCard{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden}.galleryCard div{padding:1rem}.galleryCard img{height:180px;width:100%;object-fit:cover}.success{color:#166534}.error{color:#b91c1c}.topSpace{margin-top:1rem}.thumb{width:100%;max-height:160px;object-fit:cover;border-radius:14px;margin:.75rem 0}.dashboardLayout{grid-template-columns:1.4fr .8fr}.statsTable{display:grid;gap:.5rem;margin-top:1rem}.statsHead,.statsRow{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:.75rem;align-items:center}.statsHead{color:#475569;font-size:.9rem}.statsRow{padding:.75rem .85rem;background:#ffffffbf;border:1px solid #dbe5f0;border-radius:14px}.roomBoard{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.roomPanel{border:2px dashed #cbd5e1;border-radius:18px;padding:1rem;min-height:300px;background:#f8fafc}.exhibitionRoom{background:#fefce8;border-color:#cbd5e1}.roomHeader{display:flex;justify-content:space-between;align-items:center;gap:1rem}.roomHeader h2{margin:0}.roomHint{color:#64748b;margin-top:.35rem}.tileGrid{display:grid;gap:.75rem}.smallTiles{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));align-content:start}.tileCard{background:#fff;border:1px solid #d9e2ee;border-radius:14px;padding:.45rem;display:grid;gap:.35rem;box-shadow:0 3px 12px #0f172a0d}.tileCard img{width:100%;height:82px;object-fit:cover;border-radius:10px}.tileCard div{display:grid;gap:.05rem;font-size:.84rem}.tileCard span{color:#64748b}.previewBox{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.muted{color:#64748b}.studentWelcome{display:flex;justify-content:space-between;align-items:center;gap:1rem}.studentInlineBadge{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.tabRow{display:flex;gap:.75rem;margin:1rem 0;flex-wrap:wrap}.tabButton{border:1px solid #c9d3e8;background:#fff;color:#1e2a44;border-radius:999px;padding:.6rem 1rem;cursor:pointer;font-weight:600}.tabButton.active{background:#e9f0ff;border-color:#9fb4ef}.byline{margin-top:-.25rem;margin-bottom:.75rem}.classificationBoard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.classificationPanel{min-height:280px}.wrongZone{background:#fff7ed}.rightZone{background:#f0fdf4}.correctTile{border-color:#86efac}.selectableCard{border:1px solid #d7dfeb}.selectedCard{outline:2px solid #2563eb;background:#eff6ff}.checkboxRow{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.mobileActions{display:flex;gap:.5rem;flex-wrap:wrap}.mobileActions button{background:#dbeafe;color:#1d4ed8}@media (max-width: 1100px){.classificationBoard{grid-template-columns:1fr}}@media (max-width: 900px){.hero,.builderLayout,.dashboardLayout,.roomBoard,.formGrid,.taskRow{grid-template-columns:1fr}.topbar{padding:.85rem 1rem}.mainContent{padding:1rem}}