.login-wrapper{height:80vh;display:flex;justify-content:center;align-items:center;background-color:#121212}.login-card{width:360px;padding:25px;background:#1e1e1e;border-radius:10px;box-shadow:0 8px 25px #000c;text-align:center}.login-card h2{margin-bottom:20px;color:#fff}.login-card input{width:100%;padding:10px;margin-bottom:15px;background:#2c2c2c;border:1px solid #444;color:#fff;border-radius:6px}.login-card input::placeholder{color:#aaa}.login-card button{width:100%;padding:10px;background-color:#1976d2;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px}.login-card button:hover{background-color:#1565c0}.sidebar{position:fixed;top:0;left:0;width:220px;height:100vh;background:linear-gradient(180deg,#1e1e1e,#161616);display:flex;flex-direction:column;padding:20px;z-index:9999;box-shadow:2px 0 15px #00000073}.logo{color:#fff;margin-bottom:35px;text-align:center;font-size:22px;font-weight:600;letter-spacing:.5px}.nav-links{display:flex;flex-direction:column;gap:8px}.nav-links a{position:relative;color:#cfcfcf;text-decoration:none;padding:12px 16px;border-radius:8px;font-size:15px;font-weight:500;overflow:hidden;cursor:pointer;transition:color .3s ease,background-color .3s ease,transform .2s ease}.nav-links a:before{content:"";position:absolute;left:0;top:50%;width:3px;height:0;background:#1976d2;transform:translateY(-50%);transition:height .3s ease}.nav-links a:hover{background:#050115e6;color:#fff;transform:translate(4px)}.nav-links a:hover:before{height:70%}.nav-links a.active{background:#0612bab4;color:#fff;box-shadow:inset 3px 0 #1976d2}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sidebar{position:fixed;top:0;left:0;width:230px;height:100vh;padding:20px;background:#141414b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;z-index:999}.logo{color:#fff;text-align:center;font-size:22px;font-weight:700;margin-bottom:40px;background:linear-gradient(to right,#38bdf8,#c026d3);-webkit-background-clip:text;color:transparent}.nav-links{display:flex;flex-direction:column;gap:10px}.nav-links a{position:relative;padding:12px 16px;border-radius:10px;color:#cbd5e1;text-decoration:none;font-size:15px;transition:all .3s ease;overflow:hidden}.nav-links a:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(56,189,248,.2),transparent);opacity:0;transition:.3s}.nav-links a:hover{transform:translate(6px);color:#fff;background:#38bdf814}.nav-links a:hover:before{opacity:1}.nav-links a.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:600;box-shadow:0 10px 25px #2563eb66}.sub-links{margin-left:10px;display:flex;flex-direction:column;gap:6px}.sub-links a{font-size:14px;padding:8px 12px;opacity:.85}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#38bdf8}html,body,#root{height:100%}.page-container{height:calc(100vh - 60px);overflow-y:auto;background:#121212;margin-left:220px;min-height:100vh}.home-page{min-height:100vh;background:#000;padding-top:60px}.home-hero{min-height:100%;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.home-overlay{position:absolute;inset:0;background:#0000008c;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff}.home-overlay h1{font-size:42px;margin-bottom:12px}.home-overlay p{font-size:18px;opacity:.9}.dashboard{min-height:calc(100vh + -0px);display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at top,#111827,#000)}.dashboard-title{color:#fff;font-size:32px;margin-bottom:50px}.dashboard-options{display:flex;gap:40px}.dashboard-card{width:320px;padding:35px;background:linear-gradient(145deg,#1f2937,#111827);border-radius:16px;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden}.dashboard-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(56,189,248,.4),transparent);opacity:0;transition:.4s}.dashboard-card:hover:before{opacity:1}.dashboard-card:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 25px 60px #0009}.dashboard-card h2{color:#38bdf8;margin-bottom:12px}.dashboard-card p{color:#d1d5db;font-size:15px;line-height:1.5}.card-btn{display:inline-block;margin-top:20px;padding:8px 18px;border-radius:20px;background:#38bdf8;color:#000;font-size:14px;font-weight:600}@media(max-width:768px){.dashboard-options{flex-direction:column}}.student-correction-wrapper{min-height:calc(100vh - 80px);display:flex;flex-direction:column;gap:20px;padding-top:30px;padding-left:20px;padding-right:20px;align-items:center}.student-card.horizontal{width:900px;max-width:100%;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(145deg,#1f2937,#111827);padding:25px 35px;border-radius:18px;box-shadow:0 20px 50px #0009;transition:all .3s ease}.student-card.horizontal:hover{transform:translateY(-6px)}.student-left{flex:1}.student-name{color:#38bdf8;margin-bottom:8px}.student-left p{color:#e5e7eb;margin:6px 0}.student-actions{display:flex;gap:12px}.btn{padding:8px 22px;border-radius:20px;border:none;font-weight:600;cursor:pointer;transition:.3s}.btn.view{background:#38bdf8}.btn.edit{background:#facc15}.btn.delete{background:#ef4444;color:#fff}.btn:hover{transform:scale(1.1)}@media(max-width:768px){.student-card.horizontal{flex-direction:column;align-items:flex-start;gap:15px}.student-actions{width:100%;justify-content:flex-end}}.top-nav{display:flex;justify-content:flex-end;gap:30px;font-size:20px;margin-bottom:45px}.top-nav span{cursor:pointer;opacity:.8;transition:.3s}.top-nav span:hover{color:#38bdf8}.dashboard-hero{min-height:100vh;background:radial-gradient(circle at top,#0f172a,#020617);color:#fff;padding:40px;display:flex;flex-direction:column}.hero-wrapper{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.hero-content{max-width:600px}.hero-content h1{padding-top:50px;font-size:40px;margin-bottom:20px}.hero-content span{color:#c026d3}.hero-content p{margin-bottom:10px;color:#d1d5db}.hero-image{padding-top:40px}.hero-image img,.booking-image img{width:300px;transition:transform .4s ease}.hero-image img:hover,.booking-image img:hover{animation:floatCircle 2s linear infinite}@keyframes floatCircle{0%{transform:translate(0)}25%{transform:translate(10px,-10px)}50%{transform:translateY(-20px)}75%{transform:translate(-10px,-10px)}to{transform:translate(0)}}.student-details-wrapper{padding:30px;color:#fff}.page-title{margin-bottom:20px;font-size:26px}.table-wrapper{width:100%;overflow-x:auto}.student-table{width:100%;min-width:1000px;border-collapse:collapse;background:#111827;border-radius:12px;overflow:hidden}.student-table th,.student-table td{padding:12px 14px;text-align:left;font-size:14px;white-space:nowrap}.student-table th{background:#1f2937;color:#38bdf8;font-weight:600}.student-table tr{border-bottom:1px solid #374151}.student-table tr:hover{background:#1f2937}.status{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.status.active{background:#16a34a}.status.expired{background:#dc2626}.action-btns{display:flex;gap:10px}.btn-view,.btn-edit{border:none;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:14px}.btn-view{background:#38bdf8}.btn-edit{background:#facc15}.btn-view:hover,.btn-edit:hover{transform:scale(1.1)}.filter-bar{display:flex;gap:10px;margin-bottom:20px}.filter-btn{padding:8px 16px;border-radius:20px;border:1px solid #374151;background:#1f2937;color:#e5e7eb;cursor:pointer;font-size:14px;transition:all .2s ease}.filter-btn:hover{background:#2563eb}.filter-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.booking-wrapper{display:flex;justify-content:center;padding:40px 0;background:#121212;box-sizing:border-box}.booking-card{width:440px;background:#1e1e1e;padding:20px;border-radius:12px;box-shadow:0 8px 30px #000c;color:#fff}.booking-card h2{text-align:center;margin-bottom:20px}.booking-card form{display:flex;flex-direction:column}.booking-card input,.booking-card select{width:100%;padding:10px;margin-bottom:15px;background:#2c2c2c;border:1px solid #444;border-radius:6px;color:#fff}.booking-card button{padding:10px;background:#1976d2;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px}.booking-card button:hover{background:#1565c0}.booking-wrapper{display:flex;flex-direction:column;align-items:center;padding:30px;background:#121212;min-height:100vh;overflow:hidden}.page-heading{text-align:center;width:100%;font-size:32px;margin-bottom:30px;font-weight:600;background:linear-gradient(to right,#38bdf8,#c026d3);-webkit-background-clip:text;color:transparent}.booking-container{display:flex;align-items:center;justify-content:center;gap:40px;width:100%;max-width:1000px;flex-wrap:wrap}.booking-image{flex:1;display:flex;justify-content:center}.booking-image img{width:300px;max-width:100%;height:auto}.booking-card{width:100%;flex:1;max-width:400px;background:#1e1e1e;padding:20px;border-radius:12px;box-shadow:0 8px 30px #000c;color:#fff}.nav-links a{display:flex;justify-content:space-between;align-items:center}.nav-icon{margin-left:10px;font-size:14px;opacity:.8}.nav-links a:hover .nav-icon{transform:translate(3px);opacity:1}@media(max-width:768px){.booking-container{flex-direction:column;text-align:center}.booking-image{order:1}.booking-card{order:2}}.view-wrapper{min-height:100vh;background:#121212;padding:40px;color:#fff}.page-title{text-align:center;margin-bottom:30px}.view-card{display:flex;align-items:flex-start;background:#1e1e1e;padding:25px 35px;border-radius:14px;box-shadow:0 15px 40px #000000e6;transition:transform .3s ease,box-shadow .3s ease}.view-card:hover{transform:translateY(-3px);box-shadow:0 20px 45px #000}.view-info p{font-size:16px;margin-bottom:8px}.btn-back{padding:10px;background:#1976d2;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:15px;margin-left:auto;margin-top:20px;transition:background .3s ease,transform .2s ease}.btn-back:hover{background:#1565c0;transform:scale(1.03)}.update-wrapper{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#121212}.update-card{width:420px;background:#1e1e1e;padding:30px;border-radius:14px;box-shadow:0 15px 40px #000000e6;color:#fff}.update-card h2{text-align:center;margin-bottom:20px}.update-card input,.update-card select{width:100%;padding:10px;margin-bottom:14px;border-radius:6px;border:1px solid #444;background:#2c2c2c;color:#fff}.update-card input::placeholder{color:#aaa}.btn-group{display:flex;gap:10px;margin-top:10px}.btn-update{flex:1;background:#1976d2;color:#fff;padding:10px;border:none;border-radius:6px;cursor:pointer;font-size:15px;transition:transform .2s,background .3s}.btn-update:hover{background:#1565c0;transform:scale(1.05)}.btn-cancel{flex:1;background:#555;color:#fff;padding:10px;border:none;border-radius:6px;cursor:pointer}.btn-cancel:hover{background:#777}.success-msg{background:#2e7d32;color:#c8e6c9;padding:8px;text-align:center;border-radius:6px;margin-bottom:12px}.delete-wrapper{margin-top:80px;background:#121212;display:flex;justify-content:center;align-items:center;color:#fff}.delete-card{width:420px;background:#1e1e1e;padding:30px;border-radius:14px;box-shadow:0 15px 40px #000000e6;text-align:center}.delete-card h2{margin-bottom:20px}.delete-text{margin-bottom:25px;font-size:16px;line-height:1.5}.delete-actions{display:flex;justify-content:center;gap:15px}.btn-delete{padding:10px 18px;background:#d32f2f;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:15px;transition:background .3s ease,transform .2s ease}.btn-delete:hover{background:#b71c1c;transform:scale(1.05)}.btn-cancel{padding:10px 18px;background:#555;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:15px;transition:background .3s ease,transform .2s ease}.btn-cancel:hover{background:#777;transform:scale(1.05)}.reports-page{padding:30px 60px;background:radial-gradient(circle at top,#0f172a,#020617);min-height:100vh;color:#fff}.reports-page h1{text-align:center;margin-bottom:40px;font-size:34px;font-weight:700;background:linear-gradient(to right,#38bdf8,#c026d3);-webkit-background-clip:text;color:transparent}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;width:100%;margin:0 auto}.icon-card{width:100%;background:#ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:28px;display:flex;align-items:center;gap:20px;min-height:110px;box-sizing:border-box;transition:all .35s ease}.icon-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 20px 40px #38bdf840}.icon-box{width:70px;height:70px;border-radius:18px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);display:flex;align-items:center;justify-content:center;font-size:34px;box-shadow:0 10px 25px #38bdf866}.card-info h3{font-size:26px;font-weight:700}.card-info p{font-size:13px;color:#94a3b8}.reports-page{position:relative;padding:30px;background:radial-gradient(circle at top,#020617,#000);min-height:100vh;width:100%;max-width:100%;overflow-x:hidden}.reports-page:before{content:"";position:absolute;width:400px;height:400px;background:#38bdf8;filter:blur(140px);opacity:.2;top:-100px;right:-100px}@media(max-width:768px){.reports-page h1{font-size:24px}.icon-box{width:60px;height:60px;font-size:28px}}body{overflow-x:hidden}.seat-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;color:#fff;margin:auto}.seat-heading{text-align:center;font-size:26px;margin-top:20px;margin-bottom:10px}.legend{display:flex;gap:30px;margin-bottom:30px}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px}.dot{width:12px;height:12px;border-radius:50%}.dot.green{background-color:#2ecc71}.dot.red{background-color:#e63946}.seat-card-wrapper{width:100%;display:flex;justify-content:center;padding:0 20px}.seat-card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:18px;width:100%;max-width:900px}.seat-card{padding:16px 12px;border-radius:14px;text-align:center;font-weight:600;box-shadow:0 10px 20px #0006}.seat-card.green{background:#2ecc71}.seat-card.red{background:#e63946}.seat-number{font-size:15px}.student-name{margin-top:8px;font-size:13px;background:#00000040;padding:4px;border-radius:6px}.bottom-center{margin-top:40px;display:flex;justify-content:center;align-items:center;gap:18px}.seat-controls button{background:#1f2937;color:#fff;border:none;padding:6px 18px;font-size:18px;border-radius:10px;cursor:pointer}.seat-controls button:hover{background:#374151}@media(max-width:768px){.seat-page{margin-left:0}.seat-controls{gap:8px}.seat-card-container{max-width:100%}}*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:#121212;color:#e0e0e0;font-family:Arial,sans-serif;height:100%;overflow:hidden}