*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,Segoe UI,Roboto,sans-serif}:root{--primary-color: #646060;--secondary-color: #2f3542;--bg-light: #f8f9fa;--text-main: #2d3436;--text-muted: #636e72;--shadow-sm: 0 2px 8px rgba(0,0,0,.05);--shadow-md: 0 10px 25px rgba(0,0,0,.08);--transition: all .3s cubic-bezier(.25, .8, .25, 1)}html{scroll-behavior:smooth}body{background-color:var(--bg-light);color:var(--text-main);line-height:1.6;overflow-x:hidden;padding-top:70px}@media(max-width:768px){body{padding-top:20px;padding-bottom:80px}}h1,h2,h3,h4{font-weight:800;color:var(--secondary-color);letter-spacing:-.5px}a{text-decoration:none;color:inherit;transition:var(--transition)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:#fff;z-index:9999}.swal2-popup{border-radius:25px!important;padding:2rem!important;font-family:Inter,sans-serif!important}.swal2-title{font-weight:800!important;color:#2d3436!important}.swal2-confirm{background-color:#4c4848!important;border-radius:12px!important;padding:12px 30px!important;font-weight:600!important}.swal2-cancel{border-radius:12px!important;padding:12px 30px!important}:root{--bg-white: #ffffff;--bg-dark: #0a0a0a;--border-light: #eeeeee;--text-gray: #888888;--text-dark: #4d4949;--accent-pink: #4e4a4b;--logo-gradient: linear-gradient(45deg, #ff4757, #ff6b81);--shadow-light: 0 2px 10px rgba(0, 0, 0, .1);--shadow-mobile: 0 -2px 10px rgba(0, 0, 0, .05)}.main-navbar,.bottom-nav{position:fixed;left:0;width:100%;z-index:1000;background-color:var(--bg-white);display:flex;align-items:center;transition:all .3s ease}.main-navbar{top:0;height:70px;box-shadow:var(--shadow-light)}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 20px}.nav-menu{display:flex;gap:50px}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--text-gray);font-size:12px;font-weight:500;transition:color .3s ease,transform .2s ease;cursor:pointer;flex:1}.nav-item i{font-size:24px;margin-bottom:2px}.nav-avatar{width:24px;height:24px;margin-bottom:7px;margin-left:2px;border-radius:50%;object-fit:cover;border:1.5px solid var(--accent-pink)}.nav-item.active{color:var(--text-dark)}.nav-logo{font-size:18px;font-weight:700;color:#2d2c2c;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-decoration:none}.nav-logo span{color:#2d2c2c;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-decoration:none}@media(max-width:768px){.main-navbar{top:auto;bottom:0;height:65px;border-top:1px solid var(--border-light);box-shadow:var(--shadow-mobile)}.nav-container{padding:0;justify-content:center}.nav-menu{width:100%;justify-content:space-around;gap:0}.nav-item{font-size:11px;gap:4px;padding:10px 0}.nav-item i{font-size:20px}.desktop-only,.nav-logo{display:none!important}}:root{--bg-dark: #0a0a0a;--text-white: #ffffff;--gray-dark: #1a1a1a;--gray-mid: #444444;--gray-light: #888888}.loader-container{position:fixed;inset:0;background-color:var(--bg-dark);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.loader-content{width:100%;max-width:400px;display:flex;flex-direction:column}.text-wrapper{margin-bottom:30px}.loader-title{font-family:Montserrat,sans-serif;font-weight:800;font-size:clamp(1.5rem,8vw,2.5rem);letter-spacing:2px;color:var(--gray-mid);text-transform:uppercase;position:relative;margin:0}.loader-title:after{content:"HAIRSTYLEHUB";position:absolute;left:0;top:0;color:var(--text-white);width:100%;overflow:hidden;animation:shimmer 2.5s infinite ease-in-out;white-space:nowrap}.loader-subtitle{font-size:.7rem;letter-spacing:5px;color:var(--gray-light);margin-top:5px}.progress-container{width:100%;height:4px;background:var(--gray-dark);border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:var(--text-white);box-shadow:0 0 15px #ffffff4d;transition:width .2s ease-out}.status-row{display:flex;justify-content:space-between;margin-top:10px;font-family:Inter,sans-serif;font-size:.65rem;font-weight:600;letter-spacing:1px}.status-text{color:var(--gray-mid)}.progress-number{color:var(--text-white)}@keyframes shimmer{0%{width:0%}50%{width:100%}to{width:0%}}@media(max-width:480px){.loader-content{max-width:85%}.loader-subtitle{letter-spacing:3px}}