*,:before,:after{box-sizing:border-box}:root{--bg:#f5f0eb;--surface:#fff;--border:#ddd;--text:#222;--muted:#666;--accent:#5b4fcf;--accent-h:#4338b5;--danger:#c0392b;--radius:10px}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,sans-serif;font-size:16px}button{cursor:pointer;border-radius:var(--radius);border:none;padding:.45rem 1.1rem;font-family:inherit;font-size:.9rem;transition:background .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-h)}.btn-primary:disabled{opacity:.5;cursor:default}.btn-ghost{border:1px solid var(--border);color:var(--text);background:0 0}.btn-ghost:hover{background:#eee}.btn-danger{border:1px solid var(--danger);color:var(--danger);background:0 0}.btn-danger:hover{background:var(--danger);color:#fff}.error-msg{color:var(--danger);margin:.5rem 0;font-size:.88rem}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;width:100%;max-width:360px;padding:2rem;box-shadow:0 4px 20px #00000014}.login-title{margin:0 0 .5rem;font-size:1.6rem}.login-hint{color:var(--muted);margin:0 0 1.2rem;font-size:.9rem}.login-loading{color:var(--muted)}.admin-details{text-align:left;margin-top:1.5rem}.admin-details summary{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;font-size:.85rem}.admin-form{flex-direction:column;gap:.6rem;margin-top:.8rem;display:flex}.admin-form input{border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:.5rem .75rem;font-size:.95rem}.admin-form input:focus{outline:2px solid var(--accent);border-color:#0000}.gallery-page{min-height:100vh;padding-bottom:2rem}.gallery-header{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.gallery-title{flex:1;margin:0;font-size:1.3rem}.gallery-actions{gap:.5rem;display:flex}.gallery-empty{text-align:center;color:var(--muted);margin-top:4rem;font-size:1.1rem}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;padding:1.2rem;display:grid}.photo-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;padding:0;transition:box-shadow .15s;overflow:hidden}.photo-card:hover{box-shadow:0 4px 16px #0000001f}.photo-card img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.photo-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;padding:.4rem .6rem;font-size:.78rem;overflow:hidden}.lightbox{z-index:100;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.lightbox img{border-radius:var(--radius);max-width:100%;max-height:90vh}.lightbox-close{color:#fff;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;padding:0;font-size:1.2rem;display:flex;position:absolute;top:1rem;right:1rem}.lightbox-close:hover{background:#ffffff59}.photo-preview-overlay{z-index:200;background:#000000eb;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.photo-preview-modal{flex-direction:column;align-items:center;gap:1.2rem;width:100%;max-width:480px;display:flex}.photo-preview-img{border-radius:var(--radius);object-fit:contain;max-width:100%;max-height:65vh}.photo-preview-actions{flex-direction:column;gap:.7rem;width:100%;display:flex}.photo-preview-actions .btn-primary,.photo-preview-actions .btn-ghost{justify-content:center;width:100%;padding:.85rem 1rem;font-size:1rem}.admin-page{min-height:100vh;padding-bottom:3rem}.admin-header{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.admin-header h1{flex:1;margin:0;font-size:1.3rem}.admin-error{padding:0 1.2rem}.admin-section{max-width:640px;padding:1.2rem}.admin-section h2{margin:0 0 .8rem;font-size:1.05rem;font-weight:600}.create-form{gap:.5rem;display:flex}.create-form input{border:1px solid var(--border);border-radius:var(--radius);flex:1;padding:.5rem .75rem;font-size:.95rem}.create-form input:focus{outline:2px solid var(--accent);border-color:#0000}.student-list{flex-direction:column;gap:.5rem;display:flex}.student-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.75rem;padding:.65rem 1rem;display:flex}.student-info{flex:1;align-items:baseline;gap:.6rem;display:flex}.student-name{font-weight:600}.student-meta{color:var(--muted);font-size:.82rem}.student-btns{gap:.4rem;display:flex}.student-btns button{padding:.3rem .7rem;font-size:.82rem}.muted{color:var(--muted);font-size:.9rem}.modal-backdrop{z-index:50;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border-radius:var(--radius);text-align:center;width:100%;max-width:360px;padding:1.5rem;box-shadow:0 8px 40px #0003}.modal-card.modal-wide{text-align:left;max-width:720px}.modal-card h2{margin:0 0 1rem;font-size:1.1rem}.qr-img{width:220px;height:220px;image-rendering:pixelated}.qr-hint{color:var(--muted);margin:.5rem 0 1rem;font-size:.85rem}.modal-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.admin-photo-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem;max-height:55vh;margin-bottom:.5rem;display:grid;overflow-y:auto}.admin-photo-card{border:1px solid var(--border);background:var(--surface);border-radius:6px;overflow:hidden}.admin-photo-card img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.admin-photo-card .photo-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;padding:.3rem .4rem;font-size:.72rem;overflow:hidden}