@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}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}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.custom-button{padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.custom-button:hover{background-color:#2980b9}body{margin:0;font-family:Poppins,sans-serif;background:radial-gradient(circle at top,#111,#000);color:#fff;overflow-x:hidden}div{text-align:center;padding:5rem 2rem;box-sizing:border-box}.title{font-size:3.2rem;font-weight:800;line-height:1.2;color:#fdfdfd;margin-bottom:1rem;position:relative;display:inline-block}.highlight{color:#d4af37;background:linear-gradient(90deg,#d4af37,#f8e38e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.title:after{content:"";display:block;width:80px;height:3px;background:linear-gradient(90deg,#d4af37,#f1c453);margin:1rem auto 2rem;border-radius:2px;animation:expandLine 1s ease forwards}@keyframes expandLine{0%{width:0;opacity:0}to{width:80px;opacity:1}}.subtitle{font-size:1.2rem;color:#cfcfcf;max-width:720px;margin:0 auto 3.5rem;line-height:1.7;letter-spacing:.3px}.auth-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;margin-bottom:4.5rem}@media (min-width: 768px){.auth-buttons{flex-direction:row;gap:2rem}}.auth-buttons a{text-decoration:none;width:220px}.auth-buttons button{width:100%;padding:1rem 0;font-size:1.05rem;font-weight:600;border-radius:10px;border:none;background:linear-gradient(135deg,#d4af37,#b9941f);color:#111;cursor:pointer;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 3px 8px #d4af3740}.auth-buttons button:hover{background:linear-gradient(135deg,#f1c453,#d4af37);transform:translateY(-3px) scale(1.02);box-shadow:0 5px 15px #d4af3766}.stats-section{display:flex;flex-direction:column;gap:2.5rem;align-items:center}@media (min-width: 768px){.stats-section{flex-direction:row;justify-content:center;gap:6rem}}.stat-item{text-align:center;background:#ffffff0d;padding:1.5rem 2rem;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease}.stat-item:hover{transform:translateY(-5px);box-shadow:0 6px 20px #d4af3733;background:#ffffff14}.stat-number{font-size:2.8rem;font-weight:800;color:#d4af37;margin-bottom:.4rem;text-shadow:0 0 10px rgba(212,175,55,.4)}.stat-label{font-size:1rem;color:#e0e0e0;letter-spacing:.6px}.title,.subtitle,.auth-buttons,.stats-section{opacity:0;transform:translateY(25px);animation:fadeInUp .9s ease-out forwards}.subtitle{animation-delay:.15s}.auth-buttons{animation-delay:.3s}.stats-section{animation-delay:.45s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 420px){div{padding:3rem 1rem;text-align:center}.title{font-size:2rem;display:block;margin:0 auto 1rem}.subtitle{font-size:1rem;max-width:90%;margin:0 auto 2rem;text-align:center;line-height:1.5}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(circle at center,#141414,#0b0b0b)}.login-content{width:100%;max-width:380px;text-align:center;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:3rem 2.5rem;box-shadow:0 8px 30px #0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeInUp .8s ease forwards}.login-title{font-size:2.4rem;font-weight:700;color:#d4af37;margin-bottom:.3rem;letter-spacing:.5px}.login-subtitle{color:#cfcfcf;font-size:1rem;margin-bottom:2rem}.login-error{color:#ff4d4d;margin-bottom:1rem;font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1.2rem}.login-form input{font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;background:#1a1a1a;border:1px solid #2b2b2b;color:#fff;padding:.9rem 1rem;border-radius:10px;transition:all .3s ease}.login-form input::placeholder{color:#888;font-weight:400}.login-form input:focus{border-color:#d4af37;background:#1f1f1f;outline:none;box-shadow:0 0 6px #d4af374d}.login-form button{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#d4af37,#b9941f);color:#111;border:none;padding:.9rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:1rem}.login-form button:hover{background:linear-gradient(135deg,#b9941f,#d4af37);transform:translateY(-2px);box-shadow:0 6px 20px #d4af374d}@media (max-width: 480px){.login-content{padding:2rem 1.5rem}.login-title{font-size:2rem}}@media (max-width: 430px){.login-form input,.login-form button{width:100%;padding:.75rem 1rem;font-size:.95rem;border-radius:10px;box-sizing:border-box}.login-form{gap:.9rem}.login-content{max-width:95%;padding:2rem 1.2rem}}body{margin:0;font-family:Poppins,sans-serif;background:linear-gradient(180deg,#0b0b0b,#1a1a1a);color:#fff}.register-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(circle at center,#141414,#0b0b0b)}.register-content{width:100%;max-width:380px;text-align:center;padding:3rem 2.5rem;border-radius:14px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 30px #0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeInUp .8s ease forwards}.register-title{font-size:2.4rem;font-weight:700;color:#d4af37;margin-bottom:.3rem}.register-subtitle{font-size:1rem;color:#cfcfcf;margin-bottom:2rem}.register-form{display:flex;flex-direction:column;gap:1.2rem}.register-form input{font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;background:#1a1a1a;border:1px solid #2b2b2b;color:#fff;padding:.9rem 1rem;border-radius:10px;transition:all .3s ease}.register-form input::placeholder{color:#888;font-weight:400}.register-form input:focus{border-color:#d4af37;background:#1f1f1f;outline:none;box-shadow:0 0 6px #d4af374d}.register-form button{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#d4af37,#b9941f);color:#111;border:none;padding:.9rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:1rem}.register-form button:hover{background:linear-gradient(135deg,#b9941f,#d4af37);transform:translateY(-2px);box-shadow:0 6px 20px #d4af374d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.register-content{padding:2rem 1.5rem}.register-title{font-size:2rem}}.notfound-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.notfound-content{text-align:center}.notfound-code{font-size:6rem;font-weight:700;color:#d4af37;margin:0;letter-spacing:2px}.notfound-message{font-size:1.2rem;color:#ccc;margin-top:1rem}.edit-profile-container{display:flex;flex-direction:column;align-items:center;padding:40px;font-family:Poppins,sans-serif;background:#ffffff05;min-height:100vh;color:#fff}header{width:100%;display:flex;justify-content:flex-start;margin-bottom:40px}header button{background:none;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px 18px;font-weight:500;color:#fff;cursor:pointer;transition:.2s}header button:hover{background:#ffffff1a;border-color:#d4af37;color:#d4af37}.account-details{width:100%;max-width:700px;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:30px 40px;box-shadow:0 4px 20px #00000040;margin-bottom:50px}.account-details h1{font-size:24px;margin-bottom:30px;text-align:center;color:#d4af37}.info-row{display:flex;flex-direction:column;border-bottom:1px solid rgba(255,255,255,.1);padding:15px 0}.info-header{display:flex;justify-content:space-between;align-items:center}.info-header h3{font-size:18px;font-weight:600;color:#fff}.info-header h4{font-size:16px;font-weight:400;color:#ffffffb3}.info-row button{align-self:flex-end;margin-top:10px;background:none;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px 14px;font-weight:500;color:#fff;cursor:pointer;transition:.2s}.info-row button:hover{background:#ffffff1a;border-color:#d4af37;color:#d4af37}.edit-field input{padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;width:100%;font-size:15px}.edit-field .buttons{display:flex;gap:10px}.edit-field .buttons button{flex:1;background-color:#2b2b2b;color:#fff;border:none;padding:10px 0;border-radius:8px}.edit-field .buttons button:hover{background-color:#444;color:#d4af37}.change-password-content{width:100%;max-width:700px;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:30px 40px;box-shadow:0 4px 20px #00000040}.change-password-content h1{font-size:24px;margin-bottom:25px;text-align:center;color:#d4af37}.change-password-content form{display:flex;flex-direction:column;gap:15px}.change-password-content label{display:flex;flex-direction:column;font-size:16px;color:#fff}.change-password-content input{margin-top:6px;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;font-size:15px}.change-password-content button{margin-top:20px;padding:10px 16px;border:none;border-radius:8px;background-color:#2b2b2b;color:#fff;font-weight:500;cursor:pointer;transition:.2s}.change-password-content button:hover{background:#2b2b2b;border-color:#d4af37;color:#d4af37}body{margin:0;font-family:Poppins,sans-serif;background-color:#111;color:#fff}.control-panel-container{min-height:100vh;padding:8rem 2rem 2rem;background:linear-gradient(180deg,#0b0b0b,#1a1a1a)}.control-panel-header{position:fixed;top:0;left:0;width:100%;height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;background:#111111f2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.08);z-index:100}.popout-container{position:relative;z-index:300}.popout-button{background:linear-gradient(135deg,#d4af37,#b9941f);border:none;border-radius:8px;padding:.6rem 1rem;color:#111;font-weight:600;cursor:pointer;transition:all .3s ease}.popout-button:hover{background:linear-gradient(135deg,#b9941f,#d4af37);transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.popout-content{position:absolute;top:100%;right:0;margin-top:.4rem;background:#1a1a1a;border:1px solid #2b2b2b;border-radius:10px;padding:.8rem;min-width:180px;z-index:200;box-shadow:0 4px 16px #0006}.popout-content ul{list-style:none;margin:0;padding:0}.popout-content ul li{margin-bottom:.5rem}.popout-content ul li button{width:100%;background:none;border:none;color:#fff;text-align:left;font-weight:500;padding:.4rem .2rem;cursor:pointer;transition:color .3s ease}.popout-content ul li button:hover{color:#d4af37}.control-panel-manage-appointments-popout,.control-panel-removeApp-popout,.control-panel-contactUser-popout{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a1a1a;border:1px solid #2b2b2b;border-radius:12px;padding:2rem;z-index:50;display:flex;flex-direction:column;gap:1.5rem;width:90%;max-width:400px;box-shadow:0 6px 24px #0006;transition:all .3s ease}.control-panel-contactUser-popout input{padding:1rem 1.2rem;border-radius:8px;border:1px solid #2b2b2b;background:#111111e6;color:#fff;font-family:Poppins,sans-serif;font-weight:500;transition:all .3s ease}.control-panel-contactUser-popout input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 8px #d4af3780}.control-panel-contactUser-popout span{display:flex;justify-content:flex-end;gap:1rem;flex-wrap:wrap}.control-panel-contactUser-popout button{background:transparent;border:1px solid #2b2b2b;border-radius:8px;padding:.6rem 1rem;font-weight:600;cursor:pointer;color:#fff;transition:all .3s ease}.control-panel-contactUser-popout button:hover{background:linear-gradient(135deg,#b9941f,#d4af37);color:#111;transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.control-panel-removeApp-popout button{background:transparent;border:1px solid #2b2b2b;border-radius:8px;padding:.6rem 1rem;font-weight:600;cursor:pointer;color:#fff;transition:all .3s ease}.control-panel-removeApp-popout button:hover{background:linear-gradient(135deg,#b9941f,#d4af37);color:#111;transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.control-panel-removeApp-popout span{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-end;align-items:center}.control-panel-removeApp-popout h2{font-size:1.2rem;flex-basis:100%;margin-bottom:.5rem}.control-panel-appointments{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;transition:all .3s ease;box-shadow:0 4px 20px #00000040;width:100%;max-width:900px;margin:2rem auto 0}.control-panel-appointments h2{font-weight:600;color:#d4af37;margin-bottom:1rem}.control-panel-appointments-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1.5rem;justify-content:flex-start}.control-panel-appointments button{background:none;border:1px solid #2b2b2b;border-radius:8px;padding:.4rem .8rem;cursor:pointer;font-weight:500;color:#fff;transition:all .3s ease}.control-panel-appointments button:hover{background:#2b2b2b;border-color:#d4af37;color:#d4af37}.control-panel-appointments ul{list-style:none;padding:0;margin-top:1rem}.control-panel-appointments ul li{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-bottom:1px solid #2b2b2b;transition:background .3s ease;flex-wrap:wrap}.control-panel-appointments ul li:hover{background:#d4af370d}.control-panel-appointments ul li span button{background:none;border:none;padding:.6rem;color:#fff;cursor:pointer;transition:color .2s ease}.control-panel-appointments ul li span button:first-child:hover{color:#25d366}.control-panel-appointments ul li span button:last-child:hover{color:#ff4d4d}.control-panel-appointments ul li span{font-weight:500;flex-shrink:0}.control-panel-appointments ul li span:last-child{display:flex;gap:.5rem;margin-left:auto}@media (max-width: 768px){.control-panel-header{height:70px;padding:0 1rem;justify-content:space-between;align-items:center;flex-wrap:nowrap}.control-panel-container{padding-top:7rem;padding-left:1rem;padding-right:1rem}.control-panel-appointments{margin-top:1rem}.popout-button{padding:.5rem .8rem;font-size:.9rem}.control-panel-appointments{padding:1rem}.control-panel-appointments-header{justify-content:center}.control-panel-appointments ul li{flex-direction:column;align-items:flex-start;gap:.6rem}.control-panel-appointments ul li span{width:100%;margin-right:0}.control-panel-appointments ul li span:last-child{width:100%;justify-content:flex-end;margin-top:.4rem}.control-panel-appointments button{font-size:.9rem;margin:.2rem 0}.control-panel-manage-appointments-popout,.control-panel-removeApp-popout,.control-panel-contactUser-popout{padding:1.5rem;width:95%;max-width:360px}}@media (max-width: 480px){.control-panel-header{height:70px;padding:0 1rem;justify-content:space-between;flex-wrap:nowrap}.control-panel-header h2{margin-bottom:0;width:100%;text-align:center}.popout-container{width:auto;display:block;margin:0}.popout-button{width:auto;max-width:unset;padding:.6rem .8rem;font-size:.9rem}.control-panel-container{padding-top:7rem;padding-left:1rem;padding-right:1rem}.popout-content{right:0;left:auto;transform:none;width:90%;min-width:180px}.control-panel-contactUser-popout span,.control-panel-removeApp-popout span{flex-direction:column;justify-content:center}.control-panel-removeApp-popout h2{margin-bottom:1rem}.control-panel-contactUser-popout button,.control-panel-removeApp-popout button{width:100%}.control-panel-appointments-header{gap:.7rem}}.user-appointments-section{padding:40px 20px;max-width:1000px;width:100%;margin:0 auto;font-family:Poppins,sans-serif;color:#fff;background:radial-gradient(circle at top,#111,#000);border-radius:12px;box-sizing:border-box}.user-appointments-section h2{font-size:2rem;font-weight:700;text-align:center;color:#fff;margin-bottom:25px;letter-spacing:1px;position:relative}.user-appointments-section h2:after{content:"";display:block;width:90px;height:3px;background:linear-gradient(90deg,#d4af37,#f1c453);margin:8px auto 0;border-radius:3px}.user-appointments-list{list-style:none;margin:0;padding:0}.user-appointments-list li{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 18px;margin-bottom:12px;transition:all .3s ease;font-size:1.1rem;display:flex;justify-content:space-between;align-items:center}.user-appointments-list li:hover{background:#d4af371a;transform:translateY(-2px)}.user-appointments-empty{text-align:center;font-size:1rem;color:#ccc;margin-top:15px}.user-appointments-error{color:#ff4c4c;text-align:center;font-weight:600;margin-bottom:12px}@media (max-width: 600px){.user-appointments-list li{flex-direction:column;align-items:flex-start;font-size:.95rem}}.barbers-section{padding:45px 20px;max-width:900px;margin:0 auto;font-family:Poppins,sans-serif;color:#fff;background:radial-gradient(circle at top,#111,#000)}.barbers-title{font-size:2.3rem;font-weight:700;text-align:center;color:#fff;margin-bottom:35px;letter-spacing:1px;position:relative}.barbers-title:after{content:"";display:block;width:90px;height:3px;background:linear-gradient(90deg,#d4af37,#f1c453);margin:8px auto 0;border-radius:3px}.barbers-list{list-style:none;margin:0;padding:0}.barber-item{display:flex;align-items:center;gap:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:12px 18px;border-radius:12px;transition:all .3s ease;margin-bottom:12px}.barber-item:hover{background:#ffffff1a;transform:translateY(-2px)}.barber-avatar{width:200px;height:200px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d4af37,#b9941f);border:2px solid #f1c453;box-shadow:0 4px 10px #d4af3766;transition:transform .2s,box-shadow .2s}.barber-avatar img{object-fit:contain;transition:transform .3s;transform:translateY(-15px)}.barber-avatar:hover{transform:scale(1.1);box-shadow:0 6px 15px #d4af3799}.barber-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px}.barber-name{font-size:1.35rem;font-weight:600;color:#fff}.barber-phone{font-size:1.1rem;color:#d0d0d0;letter-spacing:.4px;margin-top:-1rem}.services-section{padding:40px 20px;max-width:900px;margin:0 auto;font-family:Poppins,sans-serif;color:#fff;background:radial-gradient(circle at top,#111,#000);border-radius:12px}.services-title{font-size:2rem;font-weight:700;text-align:center;color:#fff;margin-bottom:30px;letter-spacing:1px;position:relative}.services-title:after{content:"";display:block;width:90px;height:3px;background:linear-gradient(90deg,#d4af37,#f1c453);margin:8px auto 0;border-radius:3px}.services-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.service-item{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:12px 18px;border-radius:12px;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center}.service-item:hover{background:#ffffff1a;transform:translateY(-2px)}.service-description{font-size:1.2rem;font-weight:600;color:#fff}.service-price{font-size:1.1rem;font-weight:500;color:#f1c453}.service-item{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:12px 18px;border-radius:12px;transition:all .3s ease;display:flex;justify-content:center;align-items:center;gap:8px;text-align:center}.service-item span:after{content:" - ";margin:0 6px;color:#f1c453}.service-price{color:#f1c453}.service-item span:last-child:after{content:""}@media (max-width: 600px){.service-item{flex-direction:column;gap:4px}.service-item span:after{content:""}}.available-section{padding:40px 20px;max-width:900px;margin:0 auto;font-family:Poppins,sans-serif;color:#fff;background:radial-gradient(circle at top,#111,#000);border-radius:12px}.available-title{font-size:1.5rem;font-weight:700;text-align:center;color:#fff;margin-bottom:30px;letter-spacing:1px;position:relative}.available-title:after{content:"";display:block;width:90px;height:3px;background:linear-gradient(90deg,#d4af37,#f1c453);margin:8px auto 0;border-radius:3px}.barber-slots{margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1rem;background:#ffffff0d}.barber-name{color:#f1c453;margin-bottom:1rem;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.barber-slots-count{font-size:.85rem;color:#d0d0d0;font-weight:400}.slots-container{display:flex;flex-wrap:wrap;gap:.5rem}.slot-card{padding:.75rem 1rem;border:2px solid #d4af37;border-radius:8px;background-color:#d4af371a;font-size:1rem;font-weight:600;color:#fff;min-width:80px;text-align:center;transition:transform .2s,background .2s;cursor:pointer}.slot-card:hover{transform:translateY(-2px);background-color:#d4af3733}.available-error{color:#ff6b6b;text-align:center;margin-bottom:1rem;font-weight:500}@media (max-width: 900px){.slots-container{justify-content:center;gap:.4rem}.slot-card{flex:1 1 70px;min-width:60px;max-width:80px;padding:.6rem .8rem;font-size:.95rem}}@media (max-width: 500px){.slots-container{gap:.3rem}.slot-card{flex:1 1 50px;min-width:45px;max-width:65px;font-size:.9rem;padding:.5rem .6rem}}@media (max-width: 430px){.available-section{padding:20px 10px;border-radius:8px}.available-title{font-size:1.25rem;margin-bottom:20px}.barber-name{font-size:1.1rem;flex-direction:column;align-items:flex-start;gap:.3rem}.barber-slots-count{font-size:.8rem}.slots-container{flex-wrap:wrap;justify-content:center;gap:.3rem}.slot-card{flex:1 1 60px;min-width:55px;max-width:70px;padding:.6rem .7rem;font-size:.95rem;text-align:center}}.new-appointment-section{padding:40px 20px;max-width:1000px;margin:0 auto;font-family:Poppins,sans-serif;color:#fff;background:radial-gradient(circle at top,#111,#000);border-radius:12px}.new-appointment-section h2{font-size:2rem;font-weight:700;text-align:center;color:#fff;margin-bottom:25px;letter-spacing:1px;position:relative}.new-appointment-section h2:after{content:"";display:block;width:90px;height:3px;background:linear-gradient(90deg,#d4af37,#f1c453);margin:8px auto 0;border-radius:3px}.new-appointment-section label{display:block;margin-bottom:20px;font-weight:500;font-size:1.05rem;color:#fff}.new-appointment-section input[type=date]{width:98%;padding:8px 10px;margin-top:6px;border-radius:8px;border:1px solid #444;background-color:#1a1a1a;color:#fff;font-size:.95rem;outline:none;transition:border .2s}.new-appointment-section select{width:100%;padding:10px 12px;margin-top:6px;border-radius:8px;border:1px solid #444;background-color:#1a1a1a;color:#fff;font-size:1rem;outline:none;transition:border .2s}.new-appointment-section select:focus,.new-appointment-section input[type=date]:focus{border:1px solid #d4af37}.new-appointment-section button{padding:10px 16px;margin:6px 4px 0 0;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.new-appointment-section button:disabled{background-color:#555;color:#ccc;cursor:not-allowed}.new-appointment-section button:not(:disabled){background-color:#d4af37;color:#000}.new-appointment-section button:not(:disabled):hover{background-color:#f1c453;transform:translateY(-2px)}.available-times{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px;justify-content:center}.available-times button{min-width:70px;text-align:center;padding:8px 12px;font-weight:600;border-radius:8px}.available-times button.selected{background-color:#4caf50!important;color:#000!important}.confirm-popout{margin-top:20px;padding:15px;border-radius:12px;background:#d4af371a;border:1px solid #d4af37;text-align:center}.confirm-popout h2{font-size:1.2rem;font-weight:600;margin-bottom:10px;color:#fff}@media (max-width: 600px){.available-times{justify-content:center}.available-times button{min-width:60px;padding:6px 8px;font-size:.95rem}}.delete-user-container{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px}.delete-user-btn{background:linear-gradient(135deg,#d93030,#ff4d4d);color:#fff;font-weight:600;padding:8px 25px;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #ff4d4d40}.delete-user-btn:hover{background:linear-gradient(135deg,#ff4d4d,#ff7373);transform:translateY(-2px);box-shadow:0 6px 15px #ff4d4d66}.error-msg{color:red}.success-msg{color:#4caf50}header{background-color:#0c0202;border-bottom:2px solid #d4af37;padding:12px 25px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 3px 10px #d4af3733;position:sticky;top:0;max-height:100px;width:95%;z-index:1000}header h1{margin:0;font-size:1.6rem;font-weight:700;background:linear-gradient(90deg,#d4af37,#f8e38e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px}.header-buttons{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:150px}.logout-btn,.edit-profile-btn{border:none;color:#fff;font-weight:600;padding:8px 18px;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #00000040}.logout-btn{background:linear-gradient(135deg,#d93030,#ff4d4d);width:100%}.logout-btn:hover{background:linear-gradient(135deg,#ff4d4d,#ff7373);transform:translateY(-2px);box-shadow:0 6px 15px #ff4d4d66}.edit-profile-btn{background:linear-gradient(135deg,#c9a227,#f5d76e)}.edit-profile-btn:hover{background:linear-gradient(135deg,#f7d560,#e0b94d);transform:translateY(-2px);box-shadow:0 6px 15px #007bff66}@media (max-width: 600px){header{width:92%}}@media (max-width: 430px){.edit-profile-btn{padding:4px 12px;margin-top:5px}}@media (max-width: 395px){header{width:90%;padding:10px 15px}.header-buttons{width:80%;align-items:stretch}.edit-profile-btn{font-size:1rem;padding:12px 0;width:100%}header h1{margin:0;font-size:1.3rem;font-weight:700}}.barber-admin-page-container{min-height:100vh;font-family:Poppins,sans-serif;background-color:#111;color:#fff;padding:6rem 2rem 2rem;background:linear-gradient(180deg,#0b0b0b,#1a1a1a)}.barber-admin-page-header{position:fixed;top:0;left:0;width:100%;height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;background:#111111f2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.08);z-index:100}.barber-admin-page-header button{background:none;border:1px solid #2b2b2b;border-radius:8px;padding:.4rem .8rem;cursor:pointer;color:#fff;transition:all .3s ease}.barber-admin-page-header button:hover{border-color:#d4af37;color:#d4af37;background:#d4af371a}.barber-admin-page-header h2{font-size:.9rem}.manage-barbers-popout{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a1a1a;border:1px solid #2b2b2b;border-radius:12px;padding:2rem;z-index:150;display:flex;flex-direction:column;gap:1rem;width:90%;max-width:350px;box-shadow:0 6px 24px #0006;transition:all .3s ease;text-align:center}.manage-barbers-popout h4{color:#d4af37;font-size:1.1rem;margin-bottom:1rem}.manage-barbers-popout button{background:#2b2b2b;border:1px solid transparent;border-radius:8px;padding:.7rem 1rem;font-weight:600;cursor:pointer;color:#fff;transition:all .3s ease;width:100%}.manage-barbers-popout button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.manage-barbers-popout button:nth-child(2){background:linear-gradient(135deg,#d4af37,#b9941f);color:#111}.manage-barbers-popout button:nth-child(3){background:#333;color:#ff4d4d;border-color:#ff4d4d}.manage-barbers-popout button:nth-child(3):hover{background:#ff4d4d;color:#111}.manage-barbers-popout h4:last-of-type{color:#ff4d4d;font-size:1rem;margin-top:1rem}.manage-barbers-popout button:last-of-type{background:none;border:1px solid #2b2b2b;color:#fff}.manage-barbers-content{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;max-width:600px;margin:0 auto 2rem;box-shadow:0 4px 20px #00000040}.manage-barbers-content ul{list-style:none;padding:0;margin:0}.manage-barbers-content ul li{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-bottom:1px solid #2b2b2b;transition:background .3s ease}.manage-barbers-content ul li:hover{background:#d4af370d}.manage-barbers-content ul li h2{font-size:1.1rem;margin:0;color:#fff}.manage-barbers-content ul li button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.4rem;transition:color .3s ease}.manage-barbers-content ul li button:hover{color:#d4af37}.add-new-barber-content{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;max-width:600px;margin:2rem auto;box-shadow:0 4px 20px #00000040}.add-new-barber-content h2 button{background:linear-gradient(135deg,#d4af37,#b9941f);border:none;border-radius:8px;padding:.6rem 1rem;color:#111;font-weight:600;cursor:pointer;font-size:1rem;transition:all .3s ease;margin-bottom:0}.add-new-barber-content h2 button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.add-new-barber-content label{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;font-weight:500}.add-new-barber-content input{padding:.8rem 1rem;border-radius:8px;border:1px solid #2b2b2b;background:#111111e6;color:#fff;font-family:Poppins,sans-serif;font-weight:500;margin-bottom:1rem;transition:all .3s ease}.add-new-barber-content input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 8px #d4af3780}.add-new-barber-content button{width:100%;margin-top:.5rem;padding:.8rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.add-new-barber-content button:first-of-type{background:linear-gradient(135deg,#d4af37,#b9941f);border:none;color:#111}.add-new-barber-content button:last-of-type{background:none;border:1px solid #2b2b2b;color:#fff}@media (max-width: 600px){.barber-admin-page-container{padding:6rem 1rem 1rem}.barber-admin-page-header{padding:0 1rem}.barber-admin-page-header button{padding:.3rem .6rem}.barber-admin-page-header h2{font-size:.8rem}.manage-barbers-content,.add-new-barber-content{padding:1rem;width:100%;box-sizing:border-box}.manage-barbers-content ul li{padding:.8rem .5rem}.manage-barbers-popout{max-width:90%;padding:1.5rem}}.manage-services-page-container{min-height:100vh;font-family:Poppins,sans-serif;background-color:#111;color:#fff;padding:6rem 2rem 2rem;background:linear-gradient(180deg,#0b0b0b,#1a1a1a)}h2{font-weight:600;color:#d4af37;margin-bottom:1.5rem}h4{font-weight:500;margin:0}.manage-services-page-header{position:fixed;top:0;left:0;width:100%;height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;background:#111111f2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.08);z-index:100}.manage-services-page-header button{background:none;border:1px solid #2b2b2b;border-radius:8px;padding:.4rem .8rem;cursor:pointer;color:#fff;transition:all .3s ease}.manage-services-page-header button:hover{border-color:#d4af37;color:#d4af37;background:#d4af371a}.manage-services-page-header h2{font-size:.9rem}.manage-services-content{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;max-width:600px;margin:0 auto 2rem;box-shadow:0 4px 20px #00000040}.manage-services-content ul{list-style:none;padding:0;margin:0}.manage-services-content ul li{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-bottom:1px solid #2b2b2b;transition:background .3s ease}.manage-services-content ul li:hover{background:#d4af370d}.manage-services-content ul li h2{font-size:1.1rem;margin:0;color:#fff}.manage-services-content ul li button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.4rem;transition:color .3s ease}.manage-services-content ul li button:hover{color:#d4af37}.edit-service-popout,.delete-service-popout{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a1a1a;border:1px solid #2b2b2b;border-radius:12px;padding:2rem;z-index:150;display:flex;flex-direction:column;gap:1rem;width:90%;max-width:350px;box-shadow:0 6px 24px #0006;transition:all .3s ease;text-align:center}.edit-service-popout h2,.delete-service-popout h2{color:#d4af37;font-size:1.1rem;margin-bottom:1rem}.edit-service-popout label,.add-new-service-content label{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;font-weight:500}.edit-service-popout input,.add-new-service-content input{padding:.8rem 1rem;border-radius:8px;border:1px solid #2b2b2b;background:#111111e6;color:#fff;font-family:Poppins,sans-serif;font-weight:500;margin-bottom:1rem;transition:all .3s ease}.edit-service-popout input:focus,.add-new-service-content input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 8px #d4af3780}.edit-service-popout button,.delete-service-popout button,.add-new-service-content button{background:#2b2b2b;border:1px solid transparent;border-radius:8px;padding:.7rem 1rem;font-weight:600;cursor:pointer;color:#fff;transition:all .3s ease;width:100%}.edit-service-popout button:hover,.delete-service-popout button:hover,.add-new-service-content button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.edit-service-popout button:first-of-type,.delete-service-popout button:first-of-type,.add-new-service-content button:first-of-type{background:linear-gradient(135deg,#d4af37,#b9941f);color:#111}.edit-service-popout button:last-of-type,.delete-service-popout button:last-of-type,.add-new-service-content button:last-of-type{background:none;border:1px solid #2b2b2b;color:#fff}.add-new-service-content{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;max-width:600px;margin:2rem auto;box-shadow:0 4px 20px #00000040;text-align:center}.add-new-service-content h2 button{background:linear-gradient(135deg,#d4af37,#b9941f);border:none;border-radius:8px;padding:.6rem 1rem;color:#111;font-weight:600;cursor:pointer;font-size:1rem;transition:all .3s ease}.add-new-service-content h2 button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}@media (max-width: 600px){.manage-services-page-container{padding:6rem 1rem 1rem}.manage-services-page-header{padding:0 1rem}.manage-services-page-header button{padding:.3rem .6rem}.manage-services-page-header h2{font-size:.8rem}.manage-services-content,.add-new-service-content{padding:1rem;width:100%;box-sizing:border-box}.manage-services-content ul li{padding:.8rem .5rem;flex-direction:column;align-items:flex-start;gap:.8rem}.edit-service-popout,.delete-service-popout{max-width:90%;padding:1.5rem}}.edit-profile-container{max-width:600px;margin:40px auto;padding:30px;background:radial-gradient(circle at top,#111,#000);border-radius:14px;box-shadow:0 6px 20px #d4af3733;color:#fff;font-family:Poppins,sans-serif}.account-details h1,.change-password-content h1{text-align:center;font-size:1.6rem;margin-bottom:25px;background:linear-gradient(90deg,#d4af37,#f8e38e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.account-details{background:#ffffff0d;padding:20px;border-radius:12px;margin-bottom:30px}.info-row{display:flex;align-items:center;justify-content:space-between;background:#ffffff14;padding:15px 20px;margin-bottom:15px;border-radius:10px;transition:all .3s ease}.info-row:hover{background:#ffffff1f}.info-header{display:flex;flex-direction:column;gap:5px}.info-header h3{font-size:1rem;color:#d4af37;margin:0}.info-header h4{font-size:1.1rem;color:#fff;margin:0;font-weight:500}.info-row button{background:linear-gradient(135deg,#d4af37,#f8e38e);color:#000;font-weight:600;border:none;border-radius:8px;padding:8px 18px;cursor:pointer;transition:.3s}.info-row button:hover{transform:translateY(-2px);box-shadow:0 4px 10px #d4af3766}.edit-field{margin-top:10px;display:flex;flex-direction:column;gap:8px}.edit-field input{padding:10px;border-radius:8px;border:none;outline:none;font-size:1rem;width:100%}.buttons{display:flex;justify-content:flex-end;gap:10px}.buttons button:first-child{background:linear-gradient(135deg,#d4af37,#f8e38e);color:#000}.buttons button:last-child{background:#333;color:#fff}.change-password-content{background:#ffffff0d;padding:20px;border-radius:12px}.change-password-content label{display:flex;flex-direction:column;font-size:1rem;margin-bottom:10px}.change-password-content input{margin-top:5px;padding:10px;border-radius:8px;border:none;outline:none}.change-password-content button{width:100%;margin-top:15px;padding:10px 0;background:linear-gradient(135deg,#d4af37,#f8e38e);border:none;border-radius:10px;font-size:1rem;font-weight:600;color:#000;cursor:pointer;transition:.3s}.change-password-content button:hover{transform:translateY(-2px);box-shadow:0 4px 10px #d4af3766}.forgot-container{display:flex;justify-content:center;align-items:center;height:100vh;background:radial-gradient(circle at top,#1a1a1a,#000);font-family:Poppins,sans-serif}.forgot-card{background-color:#111;border:1px solid #d4af37;border-radius:20px;padding:40px 50px;text-align:center;box-shadow:0 0 20px #d4af374d;max-width:400px;width:90%}.forgot-title{color:#d4af37;font-size:1.8rem;margin-bottom:10px;font-weight:600}.forgot-subtitle{color:#aaa;font-size:.95rem;margin-bottom:25px}.forgot-input{width:100%;padding:12px;border:1px solid #d4af37;border-radius:10px;background:#222;color:#fff;font-size:1rem;outline:none;margin-bottom:20px;transition:all .3s ease}.forgot-input:focus{border-color:gold;background:#1b1b1b;box-shadow:0 0 10px #ffd7004d}.forgot-button{width:100%;padding:12px;background:linear-gradient(90deg,#d4af37,#cfa92b);color:#000;font-weight:600;border:none;border-radius:10px;cursor:pointer;font-size:1rem;transition:all .3s ease}.forgot-button:hover{background:linear-gradient(90deg,gold,#e6b800);transform:scale(1.03);box-shadow:0 0 15px #ffd70066}@media (max-width: 500px){.forgot-card{padding:30px}.forgot-title{font-size:1.5rem}.forgot-input,.forgot-button{font-size:.95rem}}form{max-width:450px;margin:50px auto;padding:30px 25px;background:radial-gradient(circle at top,#111,#000);border-radius:12px;box-shadow:0 6px 15px #d4af3733;font-family:Poppins,sans-serif;color:#fff}form h3{font-size:1.8rem;background:linear-gradient(90deg,#d4af37,#f8e38e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;margin-bottom:25px}form input{width:90%;padding:10px 15px;margin-bottom:20px;border-radius:10px;border:2px solid #d4af37;background-color:#d4af370d;color:#fff;font-size:1rem;outline:none;transition:all .3s ease}form input:focus{background-color:#d4af3726;border-color:#f8e38e}form button{width:100%;padding:10px 0;font-size:1.1rem;font-weight:600;border-radius:10px;border:none;cursor:pointer;background:linear-gradient(135deg,#d4af37,#f8e38e);color:#000;transition:all .3s ease}form button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #d4af3780}form p{text-align:center;margin-top:15px;font-weight:500;color:#48cf48}@media (max-width: 500px){form{padding:20px;margin:30px 15px}form h3{font-size:1.5rem}form button{font-size:1rem}}