@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#f03e46;--primary-dark:#d62d35;--primary-light:#f78b90;--primary-glow:#f03e4633;--accent:#3b3d42;--accent-dark:#222326;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--bg-dark:#fff;--bg-card:#fff;--bg-input:#f8fafc;--bg-glass:#fffffff2;--border:#e2e8f0;--border-focus:#f03e4680;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-card:0 10px 40px #00000014;--shadow-glow:0 0 20px #f03e461a;--transition:all .25s cubic-bezier(.4, 0, .2, 1)}body{color:var(--text-primary);-webkit-font-smoothing:antialiased;background-color:#fcfcfc;background-image:url(/bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.page-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex;position:relative;overflow:hidden}.reg-container{z-index:1;width:100%;max-width:540px;position:relative}.reg-card{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-card);padding:3rem;position:relative;overflow:hidden}.reg-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--primary-light));height:4px;position:absolute;top:0;left:0;right:0}.reg-header{text-align:center;margin-bottom:2.5rem}.brand-logo{max-width:220px;margin:0 auto 1.5rem;display:block}.reg-main-title{color:var(--text-primary);letter-spacing:-1px;margin-bottom:.5rem;font-size:1.9rem;font-weight:800;line-height:1.1}.reg-title{color:var(--text-secondary);letter-spacing:-.5px;margin-bottom:.8rem;font-size:1.5rem;font-weight:700}.reg-subtitle{color:var(--text-secondary);font-size:.95rem;font-weight:400}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group{margin-bottom:1.35rem;position:relative}.form-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.form-label span{color:var(--primary)}.input-wrapper{position:relative}.input-icon{color:var(--text-muted);transition:var(--transition);pointer-events:none;font-size:1.1rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.form-input{background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition);outline:none;padding:.85rem 1rem .85rem 2.75rem;font-family:inherit;font-size:.95rem}.form-input::placeholder{color:#cbd5e1;font-size:.9rem}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:#fff}.form-input:focus+.input-icon,.input-wrapper:focus-within .input-icon{color:var(--primary)}.form-input.error{border-color:var(--danger);background:#fef2f2}.form-input.error:focus{box-shadow:0 0 0 3px #ef444433}.form-input.success{border-color:var(--success)}.error-msg{color:var(--danger);align-items:center;gap:.35rem;margin-top:.4rem;font-size:.8rem;font-weight:500;animation:.2s slideDown;display:flex}.error-msg svg{flex-shrink:0;width:14px;height:14px}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.submit-btn{background:var(--primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;width:100%;transition:var(--transition);letter-spacing:.3px;box-shadow:0 4px 14px var(--primary-glow);border:none;justify-content:center;align-items:center;gap:.6rem;margin-top:.5rem;padding:1rem;font-family:inherit;font-size:1.05rem;font-weight:700;display:flex;position:relative;overflow:hidden}.submit-btn:after{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .4s,height .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.submit-btn:hover:not(:disabled):after{width:400px;height:400px}.submit-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #f03e464d}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{border:2.5px solid #fff6;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.admin-badge{color:var(--danger);text-transform:uppercase;letter-spacing:1px;background:#fef2f2;border:1px solid #fca5a5;border-radius:100px;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding:.3rem .8rem;font-size:.75rem;font-weight:700;display:inline-flex}.admin-card{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-card);width:100%;max-width:440px;padding:3rem;position:relative;overflow:hidden}.admin-card:before{content:"";background:var(--accent);height:4px;position:absolute;top:0;left:0;right:0}.admin-login-btn{background:var(--accent);border-radius:var(--radius-md);color:#fff;cursor:pointer;width:100%;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:.6rem;padding:1rem;font-family:inherit;font-size:1.05rem;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #3b3d4233}.admin-login-btn:after{content:"";background:#ffffff26;border-radius:50%;width:0;height:0;transition:width .4s,height .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.admin-login-btn:hover:not(:disabled):after{width:400px;height:400px}.admin-login-btn:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 6px 20px #3b3d424d}.admin-login-btn:disabled{opacity:.7;cursor:not-allowed}.dashboard-layout{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafcd9;min-height:100vh}.dashboard-nav{border-bottom:1px solid var(--border);z-index:100;background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 2rem;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #00000008}.nav-brand{align-items:center;gap:1rem;display:flex}.nav-logo{object-fit:contain;height:56px}.nav-actions{align-items:center;gap:1.25rem;display:flex}.admin-chip{border:1px solid var(--border);color:var(--text-primary);background:#f1f5f9;border-radius:100px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:flex}.logout-btn{color:var(--danger);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:#fef2f2;border:1px solid #fca5a5;align-items:center;gap:.5rem;padding:.45rem 1.1rem;font-family:inherit;font-size:.85rem;font-weight:600;display:flex}.logout-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger);transform:translateY(-1px)}.dashboard-content{max-width:1350px;margin:0 auto;padding:2.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.stat-card{border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);background:#fff;align-items:center;gap:1.5rem;padding:1.75rem;display:flex;box-shadow:0 4px 12px #00000005}.stat-card:hover{border-color:var(--primary-light);transform:translateY(-3px);box-shadow:0 10px 25px #0000000d}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:flex}.stat-icon.purple{color:#3b82f6;background:#eff6ff}.stat-icon.cyan{color:var(--primary);background:#fef2f2}.stat-icon.green{color:#10b981;background:#ecfdf5}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.3rem;font-size:.85rem;font-weight:600}.stat-value{color:var(--text-primary);font-size:2.2rem;font-weight:800;line-height:1}.table-container{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;overflow:hidden;box-shadow:0 4px 20px #0000000a}.table-header{border-bottom:1px solid var(--border);background:#f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex}.table-title{color:var(--text-primary);font-size:1.2rem;font-weight:700}.table-count{color:var(--text-secondary);margin-top:.2rem;font-size:.9rem;font-weight:500}.search-input-wrapper{position:relative}.search-input{border-radius:var(--radius-md);color:var(--text-primary);transition:var(--transition);background:#fff;border:1px solid #cbd5e1;outline:none;width:260px;padding:.6rem 1rem .6rem 2.6rem;font-family:inherit;font-size:.95rem}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.search-icon{color:var(--text-muted);font-size:1.1rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}thead tr{border-bottom:2px solid var(--border);background:#f1f5f9}th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);white-space:nowrap;padding:1rem 1.5rem;font-size:.8rem;font-weight:700}tbody tr{transition:var(--transition);border-bottom:1px solid #f1f5f9}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#f8fafc}td{color:var(--text-secondary);vertical-align:middle;padding:1.1rem 1.5rem;font-size:.95rem}.student-name{color:var(--text-primary);font-weight:600}.student-email{color:var(--primary);font-size:.9rem;font-weight:500}.phone-badge{color:var(--text-primary);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:100px;padding:.3rem .8rem;font-size:.85rem;font-weight:600;display:inline-block}.date-text{color:var(--text-secondary);font-size:.9rem;font-weight:500}.id-badge{color:var(--primary);border-radius:var(--radius-sm);background:#fef2f2;border:1px solid #fee2e2;padding:.2rem .6rem;font-family:Courier New,monospace;font-size:.82rem;font-weight:700}.delete-btn{color:var(--danger);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:#fff;border:1px solid #fca5a5;align-items:center;gap:.4rem;padding:.4rem .8rem;font-family:inherit;font-size:.85rem;font-weight:600;display:inline-flex}.delete-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.empty-state{text-align:center;padding:5rem 2rem}.empty-icon{opacity:.4;margin-bottom:1.2rem;font-size:4rem}.empty-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.empty-subtitle{color:var(--text-secondary);font-size:.95rem}.server-error-banner{border-radius:var(--radius-md);color:var(--danger);background:#fef2f2;border:1px solid #fca5a5;align-items:center;gap:.6rem;margin-bottom:1.5rem;padding:.9rem 1.2rem;font-size:.9rem;font-weight:600;animation:.2s slideDown;display:flex}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.back-link{color:var(--text-secondary);transition:var(--transition);align-items:center;gap:.4rem;margin-top:1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--primary)}.admin-link{color:var(--text-secondary);transition:var(--transition);align-items:center;gap:.4rem;margin-top:1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.admin-link:hover{color:var(--primary)}@media (width<=600px){.reg-card,.admin-card{padding:2.5rem 1.5rem}.form-row{grid-template-columns:1fr}.dashboard-nav{height:64px;padding:0 1rem}.dashboard-content{padding:1.5rem 1rem}.search-input{width:180px}.brand-logo{max-width:180px}}