:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.4;font-weight:400;color:#111827;background-color:#f3f4f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px}#root{width:100%}.app-shell{max-width:1120px;margin:0 auto;padding:24px;display:grid;gap:18px}.auth-shell{max-width:560px;margin:48px auto;padding:0 16px}.auth-panel{display:grid;gap:12px}.auth-grid{margin-top:8px}.auth-mode-row{display:flex;gap:8px}.auth-tab{background:#e5e7eb;border-color:#d1d5db;color:#111827}.auth-tab.active{background:#2563eb;border-color:#2563eb;color:#fff}.header-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.top-nav{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.nav-btn{background:#e5e7eb;border-color:#d1d5db;color:#111827}.nav-btn:hover{background:#d1d5db}.nav-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.nav-btn.active:hover{background:#1d4ed8}.account-chip{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 10px}header h1{margin:0;font-size:2rem}header p{margin:6px 0 0;color:#4b5563}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.panel h2{margin-top:0;margin-bottom:12px}.grid{display:grid;gap:12px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.three-col{grid-template-columns:1.2fr 1fr auto;align-items:end}label{display:grid;gap:6px;font-size:.95rem;color:#374151}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;background:#fff}textarea{resize:vertical}button{border:1px solid #2563eb;background:#2563eb;color:#fff;border-radius:8px;padding:10px 14px;cursor:pointer}button:hover{background:#1d4ed8}.button-wrap{display:flex;justify-content:flex-end}.button-wrap.left-align{justify-content:flex-start;align-items:end}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.day-labels{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.students-grid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.event-create{margin-top:12px}.bulk-block{margin-top:14px;padding-top:12px;border-top:1px solid #e5e7eb}.student-card{border:1px solid #e5e7eb;border-radius:10px;padding:12px;display:grid;gap:6px;justify-items:start}.student-card h3{margin:0}.student-card p{margin:0;color:#4b5563}.student-card code{font-size:.74rem;background:#f3f4f6;border-radius:6px;padding:6px 8px;word-break:break-all}.qr-reader{margin-top:12px;border:1px dashed #9ca3af;border-radius:8px;padding:10px}.scan-result,.today-list{margin-top:14px;border-top:1px solid #e5e7eb;padding-top:10px}.scan-modal-overlay{position:fixed;inset:0;background:#11182773;display:grid;place-items:center;padding:16px;z-index:1000}.scan-modal{width:min(460px,100%);background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.scan-modal h3{margin:0 0 10px}.scan-modal p{margin:6px 0}.scan-result h3,.today-list h3{margin:0 0 8px}.scan-result p{margin:4px 0}.today-list ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.today-list li{display:flex;justify-content:space-between;gap:8px;border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px}footer{color:#374151}footer p{margin:4px 0}.status-message{color:#1f2937;font-weight:600}.danger-btn{background:#dc2626;border-color:#dc2626}.danger-btn:hover{background:#b91c1c}.secondary-btn{background:#e5e7eb;border-color:#d1d5db;color:#111827}.secondary-btn:hover{background:#d1d5db}.student-actions{margin-top:4px}@media(max-width:860px){.two-col,.three-col{grid-template-columns:1fr}.header-row{flex-direction:column}.button-wrap{justify-content:flex-start}}