*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#000;color:#fff;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:linear-gradient(#7c3aed,#2563eb);border-radius:4px}.navbar{display:flex;align-items:center;justify-content:space-between;background:#0a0a0a;border-bottom:1px solid rgba(124,58,237,.3);padding:0 2rem;height:64px;box-shadow:0 2px 20px #7c3aed33;position:sticky;top:0;z-index:1000}.navbar-brand{font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,#a855f7,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px}.navbar-links{list-style:none;display:flex;gap:.5rem;margin:0;padding:0}.nav-link{display:inline-block;padding:.5rem 1.2rem;color:#94a3b8;text-decoration:none;border-radius:6px;font-weight:500;font-size:.95rem;transition:color .2s,background .2s}.nav-link:hover{color:#fff;background:#7c3aed26}.nav-link.active{color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb);font-weight:700;box-shadow:0 0 12px #7c3aed66}.home-container{display:flex;justify-content:center;align-items:flex-start;padding:4rem 1rem;min-height:calc(100vh - 64px);background:#000}.home-card{background:#0d0d1a;border-radius:20px;padding:3rem 2.5rem;max-width:640px;width:100%;text-align:center;box-shadow:0 0 40px #7c3aed26,0 8px 32px #0009;border:1px solid rgba(124,58,237,.2)}.home-title{font-size:2.8rem;font-weight:800;margin:0 0 .5rem;background:linear-gradient(135deg,#a855f7,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home-subtitle{color:#94a3b8;font-size:1.1rem;margin-bottom:2.5rem}.home-stat{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;background:#7c3aed14;border:1px solid rgba(124,58,237,.3);border-radius:14px;padding:1.5rem}.stat-number{font-size:4rem;font-weight:900;background:linear-gradient(135deg,#a855f7,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.stat-label{color:#94a3b8;font-size:.95rem;margin-top:.4rem}.no-students{color:#475569;font-style:italic;font-size:1rem;margin-top:1rem}.student-list{display:flex;flex-direction:column;gap:.75rem;text-align:left}.student-row{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;border:1px solid rgba(124,58,237,.15);border-radius:12px;padding:.85rem 1rem;transition:border-color .2s,background .2s}.student-row:hover{border-color:#7c3aed66;background:#7c3aed0d}.student-row-info{display:flex;align-items:center;gap:.9rem;overflow:hidden}.student-avatar{width:42px;height:42px;min-width:42px;background:linear-gradient(135deg,#7c3aed,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:#fff;box-shadow:0 0 10px #7c3aed59}.student-details{display:flex;flex-direction:column;gap:.15rem;overflow:hidden}.student-name{font-weight:700;color:#fff;font-size:.97rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-meta{color:#475569;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-btn{background:#a855f714;border:1px solid rgba(168,85,247,.25);color:#a855f7;border-radius:8px;width:34px;height:34px;min-width:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;font-weight:700;transition:background .2s,border-color .2s,color .2s,transform .15s}.delete-btn:hover{background:#a855f733;border-color:#a855f7;color:#fff;transform:scale(1.1)}.delete-btn:active{transform:scale(.95)}.section-label{color:#94a3b8;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;max-width:1000px;margin:0 auto .8rem;padding:0 .2rem}.section-label:not(:first-of-type){margin-top:2.5rem}.local-card{border-color:#2563eb4d!important;box-shadow:0 4px 20px #2563eb1f!important}.local-card:hover{border-color:#2563eb99!important;box-shadow:0 12px 36px #2563eb40!important}.local-avatar{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;box-shadow:0 0 16px #2563eb66!important}.card-delete-btn{margin-top:1rem;background:#7c3aed14;border:1px solid rgba(124,58,237,.25);color:#a855f7;border-radius:8px;padding:.4rem .9rem;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .15s;width:100%}.card-delete-btn:hover{background:#7c3aed33;border-color:#a855f7;color:#fff;transform:translateY(-1px)}.students-container{min-height:calc(100vh - 64px);background:#000;padding:3rem 2rem}.page-title{text-align:center;color:#fff;font-size:2rem;font-weight:800;margin-bottom:.4rem;background:linear-gradient(135deg,#a855f7,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-subtitle{text-align:center;color:#475569;margin-bottom:2.5rem;font-size:.95rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.user-card{background:#0d0d1a;border:1px solid rgba(124,58,237,.15);border-radius:16px;padding:1.8rem 1.5rem;text-align:center;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 4px 20px #00000080}.user-card:hover{transform:translateY(-6px);box-shadow:0 12px 36px #7c3aed40;border-color:#7c3aed80}.card-avatar{width:62px;height:62px;background:linear-gradient(135deg,#7c3aed,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:800;color:#fff;margin:0 auto 1rem;box-shadow:0 0 16px #7c3aed66}.card-name{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 1rem}.card-info{display:flex;align-items:center;gap:.5rem;margin:.5rem 0;justify-content:center}.card-icon{font-size:.9rem}.card-email{color:#60a5fa;font-size:.85rem;text-decoration:none;word-break:break-all}.card-email:hover{color:#a855f7}.card-phone{color:#94a3b8;font-size:.85rem}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 64px);color:#94a3b8;gap:1rem;background:#000}.spinner{width:48px;height:48px;border:4px solid rgba(124,58,237,.15);border-top-color:#7c3aed;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-box{background:#7c3aed14;border:1px solid rgba(124,58,237,.35);color:#a855f7;border-radius:10px;padding:1.2rem 1.8rem;text-align:center;max-width:500px;margin:4rem auto;font-size:1rem}.add-container{min-height:calc(100vh - 64px);background:#000;display:flex;justify-content:center;align-items:flex-start;padding:3rem 1rem}.add-card{background:#0d0d1a;border:1px solid rgba(124,58,237,.2);border-radius:20px;padding:2.5rem 2rem;width:100%;max-width:520px;box-shadow:0 0 40px #7c3aed1f,0 8px 32px #0009}.page-title{color:#fff;font-size:1.8rem;font-weight:800;margin:0 0 .3rem;text-align:center;background:linear-gradient(135deg,#a855f7,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-subtitle{color:#475569;text-align:center;margin-bottom:2rem;font-size:.92rem}.student-form{display:flex;flex-direction:column;gap:1.2rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{color:#94a3b8;font-size:.88rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.form-group input[type=text]{background:#ffffff08;border:1px solid rgba(124,58,237,.2);border-radius:8px;color:#fff;padding:.7rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s;outline:none;width:100%;box-sizing:border-box}.form-group input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26;background:#7c3aed0a}.input-error{border-color:#7c3aed!important;box-shadow:0 0 0 3px #7c3aed33!important}.error-msg{color:#a855f7;font-size:.82rem;margin-top:.1rem}.radio-group{display:flex;gap:1.5rem;margin-top:.2rem}.radio-label{display:flex;align-items:center;gap:.5rem;color:#94a3b8;cursor:pointer;font-size:.95rem;text-transform:none;letter-spacing:0;font-weight:400}.radio-label input[type=radio]{accent-color:#7c3aed;width:16px;height:16px}.submit-btn{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;border:none;border-radius:8px;padding:.85rem;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .1s,box-shadow .2s;margin-top:.5rem;box-shadow:0 4px 16px #7c3aed59}.submit-btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed80}.submit-btn:active{transform:translateY(0)}.success-msg{margin-top:1.2rem;background:#2563eb14;border:1px solid rgba(37,99,235,.3);color:#60a5fa;border-radius:8px;padding:.8rem 1rem;text-align:center;font-size:.95rem}.new-student-preview{margin-top:1.5rem;background:#7c3aed12;border:1px solid rgba(124,58,237,.25);border-radius:12px;padding:1.2rem 1.4rem}.new-student-preview h4{color:#a855f7;margin:0 0 .8rem;font-size:1rem;font-weight:700}.preview-row{display:flex;gap:.5rem;color:#94a3b8;font-size:.9rem;padding:.25rem 0}.preview-row span{color:#818cf8;font-weight:600;min-width:60px}.counter-container{min-height:calc(100vh - 64px);background:#000;display:flex;justify-content:center;align-items:center;padding:2rem 1rem}.counter-card{background:#0d0d1a;border:1px solid rgba(124,58,237,.2);border-radius:24px;padding:3rem 2.5rem;text-align:center;max-width:420px;width:100%;box-shadow:0 0 50px #7c3aed1f,0 8px 32px #0009}.counter-heading{color:#fff;font-size:2rem;font-weight:800;margin:0 0 .4rem;background:linear-gradient(135deg,#a855f7,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.counter-subtext{color:#475569;font-size:.9rem;margin-bottom:2.5rem}.counter-value{font-size:7rem;font-weight:900;line-height:1;margin-bottom:1rem;transition:color .3s,text-shadow .3s;letter-spacing:-3px}.counter-value.zero{color:#a855f7;text-shadow:0 0 40px rgba(168,85,247,.5)}.counter-value.positive{color:#3b82f6;text-shadow:0 0 40px rgba(59,130,246,.45)}.counter-status-label{color:#475569;font-size:.88rem;margin-bottom:2rem;min-height:1.2rem}.counter-buttons{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}.btn{border:none;border-radius:10px;padding:.75rem 1.3rem;font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .15s,opacity .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.btn-increment{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 14px #2563eb59}.btn-increment:hover:not(:disabled){box-shadow:0 6px 20px #2563eb8c}.btn-decrement{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;box-shadow:0 4px 14px #7c3aed59}.btn-decrement:hover:not(:disabled){box-shadow:0 6px 20px #7c3aed8c}.btn-reset{background:#ffffff0f;color:#94a3b8;border:1px solid rgba(255,255,255,.1)}.btn-reset:hover{background:#ffffff1a;color:#fff}