*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#b8bcc4;background-color:#0a0e14;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.8}a{color:#00d4ff;text-decoration:none;transition:all .3s}a:hover{color:#6b5fff}header{z-index:100;background:linear-gradient(135deg,#0f1419 0%,#1a1f2e 100%);border-bottom:1px solid #6b5fff1a;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0006}.header-brand{align-items:center;gap:16px;display:flex}.logo{object-fit:contain;border-radius:8px;width:50px;height:50px;transition:transform .3s,box-shadow .3s}.logo:hover{transform:scale(1.05);box-shadow:0 4px 12px #00d4ff4d}header h1{color:#f5f5f5;letter-spacing:2px;margin:0;font-size:1.4rem;font-weight:300}nav{gap:24px;display:flex}nav a,nav button{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:.95rem;font-weight:500;transition:all .3s;position:relative}nav a:hover,nav button:hover{color:#00d4ff}nav a:after,nav button:after{content:"";background:linear-gradient(90deg,#00d4ff,#6b5fff);width:0;height:2px;transition:width .3s;position:absolute;bottom:-8px;left:0}nav a:hover:after,nav button:hover:after{width:100%}main{max-width:1200px;margin:0 auto;padding:40px 20px}.page-header{text-align:center;margin-bottom:40px}.page-header h1{color:#fff;letter-spacing:.5px;margin-bottom:12px;font-size:2.5rem;font-weight:300}.page-header p{color:#a0aab5;font-size:1.1rem}.container{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:40px;display:grid}.column{flex-direction:column;gap:24px;display:flex}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f1419f2,#141a27f2);border:1px solid #6b5fff14;border-radius:12px;padding:28px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000004d}.card:hover{border-color:#00d4ff33;transform:translateY(-4px);box-shadow:0 12px 40px #00d4ff14}.card-header{border-bottom:1px solid #6b5fff1a;margin-bottom:20px;padding-bottom:16px}.card-title{color:#f0f4f8;margin:0;font-size:1.3rem;font-weight:500}.card-subtitle{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin:8px 0 0;font-size:.85rem}.calendar-grid{gap:12px;display:grid}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.calendar-header h2{color:#f0f4f8;margin:0;font-size:1.5rem;font-weight:500}.calendar-nav{gap:8px;display:flex}.calendar-weekdays{grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:12px;display:grid}.weekday-label{text-align:center;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:700}.calendar-days{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.calendar-day{aspect-ratio:1;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.calendar-day.available{color:#00d482;background:linear-gradient(135deg,#00d48226,#00d48214);border-color:#00d4824d}.calendar-day.available:hover{background:linear-gradient(135deg,#00d48240,#00d48226);border-color:#00d48280}.calendar-day.booked{box-shadow:inset 0 0 12px #ff000026,0 0 8px #ff6b7a33;color:#ff6b7a!important;background:linear-gradient(135deg,#ff6b7a59,#ff6b7a40)!important;border-color:#ff6b7a99!important;font-weight:700!important}.calendar-day.selected{color:#fff;background:linear-gradient(135deg,#00d4ff,#6b5fff);border-color:#00d4ffcc;box-shadow:0 0 16px #00d4ff4d}.calendar-day.empty{color:#6b7280;cursor:default;background:#6b5fff0d}.calendar-legend{border-top:1px solid #6b5fff1a;flex-wrap:wrap;gap:16px;margin-top:24px;padding-top:16px;font-size:.9rem;display:flex}.legend-item{align-items:center;gap:8px;display:flex}.legend-color{border:1px solid #6b5fff33;border-radius:4px;width:20px;height:20px}.time-slots{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-top:12px;display:grid}.time-slot{text-align:center;cursor:pointer;color:#b8bcc4;background:#0f141980;border:1px solid #6b5fff33;border-radius:8px;padding:12px 16px;font-size:.9rem;font-weight:500;transition:all .3s}.time-slot:hover:not(:disabled){color:#00d4ff;background:#00d4ff1a;border-color:#00d4ff66}.time-slot.selected{color:#fff;background:linear-gradient(135deg,#00d4ff,#6b5fff);border-color:#00d4ffcc;box-shadow:0 4px 16px #00d4ff33}.time-slot.booked{color:#ff6b7a;cursor:not-allowed;opacity:.6;background:linear-gradient(135deg,#ff6b7a26,#ff6b7a14);border-color:#ff6b7a4d}.form-group{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.form-group label{color:#e5e9f0;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{color:#f0f4f8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f141980;border:1px solid #6b5fff33;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:.9rem;transition:all .3s}.form-group input::placeholder,.form-group textarea::placeholder{color:#6b7280}.form-group select{cursor:pointer}.form-group select option{color:#f0f4f8;background:#0a0e14}.form-group textarea{resize:vertical;min-height:100px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#0f1419cc;border-color:#00d4ff99;outline:none;box-shadow:0 0 12px #00d4ff40}.form-row{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.form-info{background:#00d4ff14;border-left:3px solid #00d4ff;border-radius:6px;margin-bottom:18px;padding:16px}.form-info p{color:#a0aab5;margin:8px 0;font-size:.9rem}.form-info strong{color:#00d4ff}.btn{cursor:pointer;letter-spacing:.5px;text-transform:uppercase;border:none;border-radius:8px;padding:12px 24px;font-size:.9rem;font-weight:600;transition:all .3s;display:inline-block}.btn-primary{color:#fff;background:linear-gradient(135deg,#00d4ff,#6b5fff);width:100%;box-shadow:0 4px 15px #00d4ff33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00d4ff59}.btn-primary:active{transform:translateY(-1px);box-shadow:0 4px 15px #00d4ff40}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{color:#b8bcc4;background:#6b5fff1a;border:1px solid #6b5fff33}.btn-secondary:hover{color:#f0f4f8;background:#6b5fff2e;border-color:#6b5fff59}.btn-danger{color:#ff6b7a;background:#ff6b7a1f;border:1px solid #ff6b7a33}.btn-danger:hover{background:#ff6b7a38;border-color:#ff6b7a66}.btn-success{color:#00d482;background:#00d4821f;border:1px solid #00d48233}.btn-success:hover{background:#00d48238;border-color:#00d48266}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-sm{padding:6px 12px;font-size:.8rem}.badge{text-transform:capitalize;border-radius:20px;padding:6px 12px;font-size:.75rem;font-weight:600;display:inline-block}.badge-confirmed{color:#00d482;background:#00d4821f}.badge-pending{color:#ffc107;background:#ffc1071f}.badge-cancelled{color:#ff6b7a;background:#ff6b7a1f}.success-message{color:#00d482;text-align:left;background:linear-gradient(135deg,#00d48226,#00d48214);border:1px solid #00d48266;border-radius:8px;margin-bottom:16px;padding:16px;font-size:.95rem;animation:.3s slideIn}.success-message h3{color:#00d482;margin-bottom:8px;font-size:1rem}.error-message{color:#ff6b7a;background:linear-gradient(135deg,#ff6b7a26,#ff6b7a14);border:1px solid #ff6b7a66;border-radius:8px;padding:16px;font-size:.95rem;animation:.3s slideIn}.info-message{color:#a0aab5;background:linear-gradient(135deg,#00d4ff1f,#00d4ff0d);border:1px solid #00d4ff4d;border-radius:8px;margin-bottom:16px;padding:16px;font-size:.9rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.data-table{border-collapse:collapse;background:linear-gradient(135deg,#0f1419f2,#141a27f2);border:1px solid #6b5fff14;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 8px 32px #0000004d}.data-table thead{background:#0f141ecc}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;border-bottom:1px solid #6b5fff1a;padding:14px 16px;font-size:.8rem;font-weight:600}.data-table td{color:#b8bcc4;border-top:1px solid #6b5fff0f;padding:14px 16px;font-size:.9rem}.data-table tr:hover{background:#00d4ff08}.table-actions{white-space:nowrap;gap:8px;display:flex}.filter-group{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.filter-btn{color:#9ca3af;cursor:pointer;background:#6b5fff1a;border:1px solid #6b5fff33;border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .3s}.filter-btn:hover{color:#f0f4f8;background:#6b5fff2e;border-color:#6b5fff59}.filter-btn.active{color:#fff;background:linear-gradient(135deg,#00d4ff,#6b5fff);border-color:#00d4ffcc}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0e14}::-webkit-scrollbar-thumb{background:#6b5fff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00d4ff66}@media (max-width:1024px){.container{grid-template-columns:1fr}main{padding:30px 16px}header{padding:16px 24px}.page-header h1{font-size:2rem}}@media (max-width:768px){header{border-bottom:1px solid #6b5fff1a;flex-direction:column;gap:16px;padding:20px 16px}header h1{font-size:1.2rem}nav{justify-content:center;gap:16px;width:100%}nav a,nav button{font-size:.85rem}main{padding:20px 12px}.page-header h1{font-size:1.5rem}.container{grid-template-columns:1fr;gap:20px}.card{padding:20px}.form-row{grid-template-columns:1fr;gap:12px}.calendar-days{grid-template-columns:repeat(7,1fr)}.calendar-day{aspect-ratio:auto;padding:12px 4px;font-size:.8rem}.time-slots{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}.data-table{font-size:.8rem}.data-table th,.data-table td{padding:10px 8px}.btn{padding:10px 16px;font-size:.85rem}}@media (max-width:480px){.page-header h1{font-size:1.25rem}.card-title{font-size:1.1rem}.time-slots{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.time-slot{padding:8px 12px;font-size:.8rem}.filter-group{flex-direction:column}.filter-btn{width:100%}}.admin-tabs{border:none;gap:12px;margin-bottom:32px;padding:0;display:flex}.admin-tab{color:#9ca3af;cursor:pointer;text-align:center;letter-spacing:.3px;background:linear-gradient(135deg,#0f1419f2,#141a27f2);border:1px solid #6b5fff1a;border-radius:12px;flex:0 auto;padding:16px 32px;font-size:1rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #0003}.admin-tab:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#00d4ff14,#6b5fff14);transition:opacity .3s;position:absolute;inset:0}.admin-tab:hover{color:#f0f4f8;border-color:#6b5fff40;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.admin-tab:hover:before{opacity:1}.admin-tab.active{color:#00d4ff;background:linear-gradient(135deg,#00d4ff1f,#6b5fff1f);border-color:#00d4ff66;font-weight:700;box-shadow:0 8px 32px #00d4ff1f}.admin-calendar .calendar-day.admin-day{aspect-ratio:1;flex-direction:column;gap:2px;position:relative}.admin-day-number{font-size:.95rem;font-weight:600}.admin-day-info{opacity:.7;font-size:.65rem;font-weight:400}.admin-day-info.blocked{opacity:1;color:#ff6b7a;text-shadow:0 0 4px #ff6b7a4d;font-weight:600}.admin-day-info.available{color:#00d482}.admin-slots-list{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.admin-slot-item{background:#0f141980;border:1px solid #6b5fff1f;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;transition:all .3s;display:flex}.admin-slot-item:hover{background:#0f1419b3;border-color:#00d4ff33}.admin-slot-item.booked{background:#ff6b7a0a;border-color:#ff6b7a33}.admin-slot-time{color:#f0f4f8;flex:1;font-size:.95rem;font-weight:500}.admin-add-section{border-top:1px solid #6b5fff1a;margin-top:20px;padding-top:20px}footer{text-align:center;color:#7a7f87;background:linear-gradient(135deg,#0f1419 0%,#1a1f2e 100%);border-top:1px solid #6b5fff1a;margin-top:60px;padding:32px;font-size:.85rem;box-shadow:0 -4px 20px #0000004d}footer p{margin:8px 0;font-weight:400}footer a{color:#00d4ff}footer a:hover{color:#6b5fff}