.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1f3a);padding:20px}.auth-card{background:#1a1f3acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.2);border-radius:20px;padding:40px;width:100%;max-width:450px;box-shadow:0 8px 32px #00d9ff1a}.auth-card h1{text-align:center;font-size:2.5em;margin-bottom:10px;font-weight:700}.auth-card h2{text-align:center;color:#fff;margin-bottom:30px;font-size:1.5em}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group label{display:block;margin-bottom:8px;color:#00d9ff;font-weight:600;font-size:.9em}.form-group input,.form-group select{width:100%;padding:12px 15px;background:#ffffff0d;border:1px solid rgba(0,217,255,.3);border-radius:8px;color:#fff;font-size:1em;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;background:#ffffff1a;border-color:#00d9ff;box-shadow:0 0 10px #00d9ff4d}.form-group input::placeholder{color:#ffffff80}.btn-primary{width:100%;padding:12px;background:linear-gradient(135deg,#00d9ff,#ff006e);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:1em;cursor:pointer;transition:all .3s ease;margin-top:20px}.error-message{background:#ff006e1a;border:1px solid #ff006e;border-radius:8px;padding:12px;color:#ff6b9d;margin-bottom:20px;font-size:.9em}.auth-link{text-align:center;margin-top:20px;color:#ffffffb3}.auth-link a{color:#00d9ff;text-decoration:none;font-weight:600;transition:color .3s ease}.auth-link a:hover{color:#ff006e}@media (max-width: 600px){.auth-card{padding:25px}.auth-card h1{font-size:2em}.form-row{grid-template-columns:1fr}}.dashboard-container{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1f3a);padding:40px 20px}.dashboard-header{text-align:center;margin-bottom:50px;color:#fff}.dashboard-header h1{font-size:2.5em;margin-bottom:10px;background:linear-gradient(135deg,#00d9ff,#ff006e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dashboard-header p{color:#ffffffb3;font-size:1.1em}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:40px;max-width:1200px;margin-left:auto;margin-right:auto}.card{background:#1a1f3acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.2);border-radius:15px;padding:25px;box-shadow:0 8px 32px #00d9ff1a;transition:all .3s ease}.card:hover{transform:translateY(-5px);border-color:#00d9ff66;box-shadow:0 12px 40px #00d9ff33}.card h2{color:#00d9ff;margin-bottom:20px;font-size:1.3em}.wallet-card{grid-column:span 1}.balance-display{display:flex;align-items:baseline;margin:20px 0;font-size:2.5em}.currency{color:#00d9ff;margin-right:5px;font-size:.8em}.amount{color:#fff;font-weight:700}.free-minutes{color:#fff9;font-size:.9em;margin-top:15px}.stats-card{grid-column:span 1}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid rgba(0,217,255,.1)}.stat-item:last-child{border-bottom:none}.stat-label{color:#ffffffb3}.stat-value{color:#00d9ff;font-size:1.5em;font-weight:700}.bookings-card{grid-column:span 1}.bookings-list{list-style:none;padding:0;margin-bottom:20px}.bookings-list li{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#00d9ff0d;border-left:3px solid rgba(0,217,255,.3);border-radius:5px;margin-bottom:10px;color:#fffc;transition:all .3s ease}.bookings-list li.active{background:#00d9ff1a;border-left-color:#00d9ff}.booking-slot{font-weight:600;color:#00d9ff}.booking-time{font-size:.9em;color:#fff9}.btn-secondary{width:100%;padding:10px;background:#00d9ff1a;border:1px solid #00d9ff;border-radius:8px;color:#00d9ff;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#00d9ff33}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:1200px;margin-left:auto;margin-right:auto}.btn-large{padding:20px;background:linear-gradient(135deg,#00d9ff,#ff006e);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:1.1em;cursor:pointer;transition:all .3s ease}.btn-large:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00d9ff4d}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}.dashboard-header h1{font-size:1.8em}.action-buttons{grid-template-columns:1fr}}.slots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.slot-card{background:#00d9ff0d;border:2px solid rgba(0,217,255,.2);border-radius:10px;padding:20px;cursor:pointer;transition:all .3s ease}.slot-card:hover{border-color:#00d9ff80;background:#00d9ff1a}.slot-card.selected{border-color:#00d9ff;background:#00d9ff33}.slot-card.unavailable{opacity:.5;cursor:not-allowed}.slot-card h3{color:#fff;margin-bottom:10px}.status-badge{display:inline-block;padding:5px 10px;border-radius:20px;font-size:.8em;font-weight:600}.status-badge.available{background:#0f83;color:#0f8}.status-badge.booked{background:#ff6b6b33;color:#ff6b6b}.cost-display{background:#00d9ff1a;border-radius:10px;padding:20px;margin:20px 0;text-align:center}.cost-display h3{color:#ffffffb3;font-size:.9em;margin-bottom:10px}.cost-amount{color:#00d9ff;font-size:2em;font-weight:700}.cost-note{color:#ffffff80;font-size:.8em;margin-top:5px}.success-message{background:#0f83;color:#0f8;padding:10px;border-radius:8px;margin:10px 0}.form-group label{display:block;color:#ffffffb3;margin-bottom:8px;font-size:.9em}.form-group input,.form-group select{width:100%;padding:12px;background:#00d9ff0d;border:1px solid rgba(0,217,255,.2);border-radius:8px;color:#fff;font-size:1em}.form-group input:focus{outline:none;border-color:#00d9ff}.btn-primary{width:100%;padding:12px;background:linear-gradient(135deg,#00d9ff,#00b8d9);border:none;border-radius:8px;color:#0a0e27;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00d9ff4d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.card.full-width{grid-column:1 / -1}.mentors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.mentor-card{background:#00d9ff0d;border:2px solid rgba(0,217,255,.2);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease}.mentor-card:hover{border-color:#00d9ff80;background:#00d9ff1a}.mentor-card.selected{border-color:#00d9ff;background:#00d9ff33}.mentor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.mentor-header h3{color:#fff;margin:0}.mentor-card .rate{color:#00d9ff;font-weight:600}.mentor-card .expertise{color:#00d9ff;font-size:.9em;margin-bottom:5px}.mentor-card .experience{color:#fff9;font-size:.85em;margin-bottom:10px}.mentor-card .bio{color:#ffffffb3;font-size:.9em;line-height:1.5}.sessions-list{list-style:none;padding:0}.sessions-list li{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#00d9ff0d;border-radius:8px;margin-bottom:10px}.session-time{color:#fffc}.session-status{padding:4px 12px;border-radius:20px;font-size:.8em;font-weight:600}.session-status.confirmed{background:#0f83;color:#0f8}.session-status.pending{background:#ffc10733;color:#ffc107}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;max-width:1400px;margin:0 auto;padding:0 20px}.course-card{background:#1a1f3acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.2);border-radius:15px;padding:25px;transition:all .3s ease}.course-card:hover{transform:translateY(-5px);border-color:#00d9ff66;box-shadow:0 12px 40px #00d9ff33}.course-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.course-header h3{color:#fff;font-size:1.2em;margin:0 10px 0 0;flex:1}.level-badge{padding:5px 12px;border-radius:20px;color:#fff;font-size:.75em;font-weight:600;white-space:nowrap}.course-description{color:#ffffffb3;font-size:.95em;line-height:1.6;margin-bottom:20px}.course-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.course-meta span{color:#fff9;font-size:.85em}.course-btn{width:100%;padding:12px;background:linear-gradient(135deg,#00d9ff,#00b8d9);border:none;border-radius:8px;color:#0a0e27;font-weight:600;cursor:pointer;transition:all .3s ease}.course-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00d9ff4d}.btn-admin{padding:10px 20px;background:linear-gradient(135deg,#ff006e,#ff4d8d);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-admin:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff006e4d}.admin-dashboard{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1f3a);padding:40px 20px}.admin-header{text-align:center;margin-bottom:40px;color:#fff}.admin-header h1{font-size:2.5em;margin-bottom:10px;background:linear-gradient(135deg,#00d9ff,#ff006e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.admin-header p{color:#ffffffb3;font-size:1.1em}.admin-error{text-align:center;padding:40px;color:#ff6b9d;font-size:1.2em}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px;max-width:1200px;margin-left:auto;margin-right:auto}.stat-card{background:#1a1f3acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.2);border-radius:15px;padding:25px;box-shadow:0 8px 32px #00d9ff1a;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);border-color:#00d9ff66}.stat-card h3{color:#00d9ff;margin-bottom:15px;font-size:1em}.stat-number{color:#fff;font-size:2.5em;font-weight:700;margin:0}.admin-section{background:#1a1f3acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.2);border-radius:15px;padding:25px;margin-bottom:30px;max-width:1200px;margin-left:auto;margin-right:auto}.admin-section h2{color:#00d9ff;margin-bottom:20px;font-size:1.3em}.admin-table{width:100%;border-collapse:collapse;color:#fff}.admin-table thead{background:#00d9ff1a}.admin-table th{padding:12px;text-align:left;color:#00d9ff;font-weight:600;border-bottom:2px solid rgba(0,217,255,.3)}.admin-table td{padding:12px;border-bottom:1px solid rgba(0,217,255,.1)}.admin-table tr:hover{background:#00d9ff0d}.badge{display:inline-block;padding:4px 8px;background:#00d9ff33;border:1px solid #00d9ff;border-radius:4px;color:#00d9ff;font-size:.8em;font-weight:600}.action-btn{padding:6px 12px;background:#00d9ff1a;border:1px solid #00d9ff;border-radius:4px;color:#00d9ff;font-weight:600;cursor:pointer;margin-right:5px;transition:all .3s ease}.action-btn:hover{background:#00d9ff33}.action-btn.delete{border-color:#ff006e;color:#ff006e}.action-btn.delete:hover{background:#ff006e1a}.status{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.8em;font-weight:600}.status.active{background:#00d9ff33;color:#00d9ff}.status.inactive{background:#ffffff1a;color:#fff9}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-table{font-size:.9em}.admin-table th,.admin-table td{padding:8px}}.wallet-container{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1f3a);padding:40px 20px;display:flex;justify-content:center;align-items:center}.wallet-card{background:#1a1f3acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.2);border-radius:20px;padding:40px;width:100%;max-width:500px;box-shadow:0 8px 32px #00d9ff1a}.wallet-card h1{color:#00d9ff;margin-bottom:10px;font-size:2em;text-align:center}.subtitle{text-align:center;color:#ffffffb3;margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#00d9ff;font-weight:600}.form-group input{width:100%;padding:12px 15px;background:#ffffff0d;border:1px solid rgba(0,217,255,.3);border-radius:8px;color:#fff;font-size:1em;transition:all .3s ease}.form-group input:focus{outline:none;background:#ffffff1a;border-color:#00d9ff;box-shadow:0 0 10px #00d9ff4d}.preset-amounts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.preset-btn{padding:10px;background:#00d9ff1a;border:1px solid #00d9ff;border-radius:8px;color:#00d9ff;font-weight:600;cursor:pointer;transition:all .3s ease}.preset-btn:hover{background:#00d9ff33;transform:translateY(-2px)}.btn-primary{width:100%;padding:12px;background:linear-gradient(135deg,#00d9ff,#ff006e);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:1em;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #00d9ff4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#ff006e1a;border:1px solid #ff006e;border-radius:8px;padding:12px;color:#ff6b9d;margin-bottom:20px}.success-message{background:#00d9ff1a;border:1px solid #00d9ff;border-radius:8px;padding:12px;color:#00d9ff;margin-bottom:20px}.info-box{background:#00d9ff0d;border-left:3px solid #00d9ff;border-radius:8px;padding:15px;margin-top:20px}.info-box h3{color:#00d9ff;margin-bottom:10px;font-size:1em}.info-box p{color:#ffffffb3;margin:5px 0;font-size:.9em}@media (max-width: 600px){.wallet-card{padding:25px}.preset-amounts{grid-template-columns:repeat(2,1fr)}}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-text{background:linear-gradient(135deg,#00d9ff,#ff006e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}:root{color:#ffffffde;background-color:#0a0e27}a{color:#00d9ff;text-decoration:none}a:hover{color:#ff006e}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1f3a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#00d9ff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}