@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;overflow-x:hidden}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);transition:var(--transition);border-radius:24px}.glass-card:hover{border-color:var(--primary);box-shadow:0 0 30px var(--primary-glow);transform:translateY(-5px)}.btn{cursor:pointer;transition:var(--transition);font-weight:600;font-family:var(--font-heading);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#000;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow);transform:scale(1.05)}.btn-outline{border:1px solid var(--glass-border);color:var(--text-main);background:0 0}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.form-input,.form-textarea,.form-select{border:1px solid var(--glass-border);width:100%;color:var(--text-main);transition:var(--transition);background:#ffffff08;border-radius:12px;padding:12px 16px;font-family:inherit;font-size:.95rem}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow);background:#ffffff0f;outline:none}.modal-close{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.landing-container{background:radial-gradient(circle at 50% -20%,#1a0033 0%,#050505 50%);min-height:100vh;padding:0 5%}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;margin-top:20px;padding:20px 40px;display:flex;position:sticky;top:20px}.nav-logo{letter-spacing:-1px;align-items:center;gap:12px;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:600;display:flex}.nav-logo .logo-icon{background:linear-gradient(135deg,#00f2ff,#7000ff);border-radius:8px;width:32px;height:32px;box-shadow:0 0 15px #00f2ff4d}.nav-links{align-items:center;gap:30px;display:flex}.nav-links a{color:#a0a0a0;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-links a:hover{color:#00f2ff}.nav-links a.special-nav-link{color:#00f2ff;border-bottom:1px dashed #00f2ff4d;padding-bottom:2px}.nav-links a.special-nav-link:hover{text-shadow:0 0 10px #00f2ff66;border-color:#00f2ff}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;padding:100px 0;display:grid}.hero-content h1{margin-bottom:24px;font-size:4.5rem;line-height:1.1}.hero-content p{color:#a0a0a0;max-width:600px;margin-bottom:40px;font-size:1.25rem;line-height:1.6}.hero-btns{gap:20px;display:flex}.hero-visual{position:relative}.hero-visual img{z-index:2;border-radius:30px;width:100%;position:relative;box-shadow:0 20px 50px #00000080}.hero-visual .hero-glow{z-index:1;background:radial-gradient(circle,#00f2ff4d 0%,#0000 70%);width:120%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gradient-text{background:linear-gradient(90deg,#00f2ff,#7000ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn-large{padding:16px 32px;font-size:1.1rem}.features{padding:100px 0}.section-header{text-align:center;margin-bottom:60px}.section-header h2{margin-bottom:16px;font-size:3rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.feature-card{text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#141414b3;border:1px solid #ffffff14;border-radius:24px;padding:40px;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card .feature-icon{color:#00f2ff;background:#ffffff0d;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:24px;display:flex}.feature-card h3{margin-bottom:16px;font-size:1.5rem}.feature-card p{color:#a0a0a0;line-height:1.6}.stats-section{border-top:1px solid #ffffff14;justify-content:space-around;margin-top:50px;padding:80px 0;display:flex}.stat-item{text-align:center}.stat-item h3{color:#00f2ff;margin-bottom:8px;font-size:3rem}.stat-item p{color:#a0a0a0;text-transform:uppercase;letter-spacing:2px;font-size:.9rem}@media (width<=1024px){.hero{text-align:center;grid-template-columns:1fr}.hero-content h1{font-size:3rem}.hero-content p{margin:0 auto 40px}.hero-btns{justify-content:center}}.auth-container{background:#050505;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.auth-background{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.auth-blob{background:radial-gradient(circle, var(--primary-glow) 0%, transparent 70%);filter:blur(80px);opacity:.5;width:500px;height:500px;position:absolute;top:-100px;left:-100px}.auth-blob.secondary{background:radial-gradient(circle, var(--secondary-glow) 0%, transparent 70%);inset:auto -100px -100px auto}.auth-card{z-index:2;width:100%;max-width:440px;padding:48px;position:relative}.auth-header{text-align:center;margin-bottom:32px}.auth-header .logo-icon{margin:0 auto 20px}.auth-header h2{margin-bottom:8px;font-size:2rem}.auth-header p{color:var(--text-muted)}.error-message{color:var(--error);text-align:center;border-radius:8px;margin-bottom:10px;padding:12px;font-size:.9rem;border-color:var(--error)!important;background:#ff4d4d1a!important}.auth-form{flex-direction:column;gap:20px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:var(--text-muted);font-size:.9rem;font-weight:500}.label-row{justify-content:space-between;align-items:center;display:flex}.label-row a{color:var(--primary);font-size:.85rem;text-decoration:none}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);position:absolute;left:16px}.input-wrapper input{border:1px solid var(--glass-border);width:100%;color:var(--text-main);transition:var(--transition);background:#ffffff08;border-radius:12px;padding:14px 16px 14px 48px}.input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow);background:#ffffff0f;outline:none}.w-full{justify-content:center;width:100%}.auth-divider{text-align:center;margin:10px 0;position:relative}.auth-divider:before{content:"";background:var(--glass-border);z-index:1;width:100%;height:1px;position:absolute;top:50%;left:0}.auth-divider span{color:var(--text-muted);z-index:2;background:#0d0d0d;padding:0 12px;font-size:.85rem;position:relative}.auth-footer{text-align:center;color:var(--text-muted);margin-top:32px;font-size:.95rem}.auth-footer a{color:var(--primary);font-weight:600;text-decoration:none}.sidebar{z-index:50;-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;width:280px;height:calc(100vh - 40px);padding:30px 20px;display:flex;position:fixed;top:20px;left:20px}.sidebar-header{align-items:center;gap:12px;margin-bottom:40px;padding:0 10px;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:600;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:8px;margin-bottom:10px;padding-right:5px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#fff3}.sidebar-item{color:#a0a0a0;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-item:hover{color:#fff;background:#ffffff08}.sidebar-item.active{color:#00f2ff;background:linear-gradient(90deg,#00f2ff4d,#0000);border-left:3px solid #00f2ff}.nav-separator{background:#ffffff14;height:1px;margin:15px 0}.nav-group-label{color:#a0a0a0;letter-spacing:.05em;opacity:.6;margin:20px 0 10px 16px;font-size:.7rem;font-weight:700}.sidebar-footer{margin-top:auto}.dashboard-layout{background:#050505;min-height:100vh;padding:20px;display:flex}.dashboard-content{flex-direction:column;flex:1;gap:20px;margin-left:300px;display:flex}.dashboard-header{justify-content:flex-end;align-items:center;height:70px;display:flex}.user-profile{border-radius:40px;align-items:center;gap:12px;padding:8px 16px;display:flex}.user-avatar{color:#000;background:linear-gradient(135deg,#00f2ff,#7000ff);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-name{font-size:.9rem;font-weight:600}.user-role{color:#a0a0a0;text-transform:uppercase;font-size:.75rem}.dashboard-view{flex:1;animation:.5s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px;display:grid}.stat-card{flex-direction:column;gap:12px;padding:24px;display:flex}.stat-header{color:#a0a0a0;justify-content:space-between;align-items:center;display:flex}.stat-value{font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:700}.stat-trend{align-items:center;gap:4px;font-size:.85rem;display:flex}.trend-up{color:#0f8}.trend-down{color:#ff4d4d}.admin-tab.active{background:var(--primary);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.table-controls{border-bottom:1px solid var(--glass-border);background:#ffffff05;justify-content:space-between;padding:20px 30px;display:flex}.search-box-admin{border:1px solid var(--glass-border);width:300px;color:var(--text-muted);background:#0003;border-radius:12px;align-items:center;padding:0 15px;display:flex;position:relative}.admin-table td{border-bottom:1px solid var(--glass-border);color:var(--text-main);padding:18px 30px}.glass-select{border:1px solid var(--glass-border);color:#fff;cursor:pointer;appearance:none;background:#0000004d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center no-repeat;border-radius:12px;outline:none;min-width:180px;padding:10px 40px 10px 15px;font-family:inherit;font-size:.9rem;transition:all .3s}.glass-select:hover{border-color:var(--primary);background-color:#ffffff0d;box-shadow:0 0 15px #00f2ff1a}.glass-input{border:1px solid var(--glass-border);color:#fff;width:100%;transition:var(--transition);background:#0000004d;border-radius:12px;padding:14px 18px;font-family:inherit;font-size:.95rem}.glass-input:focus{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow);background:#ffffff0d;outline:none}.item-icon-small{width:32px;height:32px;color:var(--primary);background:#818cf81a;border-radius:8px;justify-content:center;align-items:center;display:flex}.btn-icon{border:1px solid var(--glass-border);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon:hover{color:var(--text-main);border-color:var(--primary);background:#ffffff14}.empty-table{text-align:center;color:var(--text-muted);padding:100px 0;font-style:italic}.admin-loading{color:var(--text-muted);flex-direction:column;align-items:center;gap:20px;padding:100px 0;display:flex}.user-avatar-small{background:var(--primary);color:#000;width:40px;height:40px;box-shadow:0 4px 10px var(--primary-glow);border-radius:12px;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.role-badge{border:1px solid var(--glass-border);background:#ffffff0d;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.role-badge.owner{color:#fbbf24;background:#fbbf240d;border-color:#fbbf244d}.role-select{cursor:pointer;border-radius:8px;font-weight:600;transition:all .3s}.role-select:hover{filter:brightness(1.2)}.role-select.owner{color:#fbbf24;background:#fbbf240d;border-color:#fbbf244d}.role-select.admin{color:var(--primary);background:#00f2ff0d;border-color:#00f2ff4d}.role-select.repairer{color:var(--secondary);background:#7000ff0d;border-color:#7000ff4d}.tech-profile-summary{border:1px solid var(--glass-border);background:#ffffff08;border-radius:16px;align-items:center;gap:20px;padding:20px;display:flex}.tab-badge{background:var(--primary);color:#000;border-radius:20px;margin-left:8px;padding:2px 8px;font-size:.75rem;font-weight:700}.repairer-select-card{border:1px solid var(--glass-border);cursor:pointer;width:100%;transition:var(--transition);color:inherit;background:#ffffff05;border-radius:12px;justify-content:space-between;align-items:center;padding:15px;display:flex}.repairer-select-card:hover{border-color:var(--primary);background:#ffffff0d;transform:translate(5px)}.repairer-select-card .arrow-icon{opacity:0;transition:var(--transition);color:var(--primary);transform:translate(-10px)}.admin-page-container{max-width:1400px;margin:0 auto;padding:40px}.admin-page-header{justify-content:space-between;align-items:flex-end;margin-bottom:40px;display:flex}.header-title h1{background:linear-gradient(135deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-size:2.5rem}.header-title p{color:#a0a0a0;font-size:1.1rem}.admin-tabs{border-radius:16px;gap:10px;width:fit-content;margin-bottom:30px;padding:6px;display:flex}.admin-tab{color:#a0a0a0;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.admin-tab:hover{color:#fff;background:#ffffff0d}.admin-tab.active{color:#00f2ff;background:#00f2ff26;border:1px solid #00f2ff4d;box-shadow:0 4px 20px #00f2ff1a}.admin-tab.active .tab-badge{color:#000;background:#00f2ff}.admin-table-container{border:1px solid #ffffff14;border-radius:24px;overflow:hidden}.table-controls{background:#ffffff05;border-bottom:1px solid #ffffff14;justify-content:space-between;padding:20px 30px;display:flex}.search-box-admin{color:#a0a0a0;background:#0003;border:1px solid #ffffff14;border-radius:12px;align-items:center;width:300px;padding:0 15px;display:flex;position:relative}.search-box-admin input{color:#fff;background:0 0;border:none;width:100%;padding:10px}.search-box-admin input:focus{outline:none}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;color:#a0a0a0;text-transform:uppercase;letter-spacing:.05em;background:#ffffff08;padding:20px 30px;font-size:.85rem}.admin-table td{color:#fff;border-bottom:1px solid #ffffff14;padding:18px 30px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#ffffff05}.item-name-cell{align-items:center;gap:15px;display:flex}.category-filter-inline{color:#a0a0a0;align-items:center;gap:12px;font-size:.9rem;font-weight:500;display:flex}.glass-select{color:#fff;cursor:pointer;appearance:none;background:#0000004d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center no-repeat;border:1px solid #ffffff14;border-radius:12px;outline:none;min-width:180px;padding:10px 40px 10px 15px;font-family:inherit;font-size:.9rem;transition:all .3s}.glass-select:hover{background-color:#ffffff0d;border-color:#00f2ff;box-shadow:0 0 15px #00f2ff1a}.glass-select:focus{border-color:#00f2ff;box-shadow:0 0 20px #00f2ff4d}.glass-select option{color:#fff;background:#0f0f0f;padding:10px}.item-icon-small{color:#00f2ff;background:#818cf81a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.badge{text-transform:uppercase;border-radius:100px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-global{color:#00f2ff;background:#818cf81a;border:1px solid #818cf833}.badge-tenant{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e33}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.status-dot.active{background:#4ade80;box-shadow:0 0 8px #4ade8080}.action-btns{justify-content:flex-end;gap:8px;display:flex}.btn-icon{color:#a0a0a0;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.btn-icon:hover{color:#fff;background:#ffffff14;border-color:#00f2ff}.btn-icon.btn-danger:hover{color:#ef4444;background:#ef44441a;border-color:#ef444480}.user-cell{align-items:center;gap:12px;display:flex}.user-avatar-small{color:#000;background:#00f2ff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:700;display:flex;box-shadow:0 4px 10px #00f2ff4d}.user-details{flex-direction:column;display:flex}.user-details strong{color:#fff;font-size:.95rem}.user-details span{color:#a0a0a0;align-items:center;gap:4px;font-size:.8rem;display:flex}.role-badge{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.role-badge.admin{color:#00f2ff;background:#00f2ff0d;border-color:#00f2ff4d}.role-badge.repairer{color:#7000ff;background:#7000ff0d;border-color:#7000ff4d}.branch-cell{color:#fff;align-items:center;gap:6px;font-size:.9rem;display:flex}.status-pill{text-transform:uppercase;border-radius:100px;padding:4px 12px;font-size:.75rem;font-weight:700}.status-pill.active{color:#0f8;background:#00ff881a}.status-pill.inactive{color:#ff4d4d;background:#ff4d4d1a}.status-pill.pending{color:#fc0;background:#ffcc001a}.status-pill.confirmed{color:#00f2ff;background:#00f2ff1a}.status-pill.assigned{color:#7000ff;background:#7000ff1a}.status-pill.inprogress{color:#0f8;background:#00ff881a}.status-pill.completed{color:#4ade80;background:#22c55e33}.status-pill.cancelled{color:#ff4d4d;background:#ff4d4d1a}.tech-profile-summary{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:20px;padding:20px;display:flex}.tech-profile-summary h3{margin:0;font-size:1.2rem}.status-toggle-group{gap:12px;display:flex}.availability-indicator{color:#a0a0a0;align-items:center;gap:6px;font-size:.85rem;display:flex}.tab-badge{color:#a0a0a0;background:#ffffff1a;border-radius:20px;margin-left:8px;padding:2px 8px;font-size:.75rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.service-cell{flex-direction:column;display:flex}.service-cell strong{font-size:.95rem}.booking-summary-mini{border:1px solid #ffffff14;border-radius:12px;padding:15px}.repairer-list{flex-direction:column;gap:12px;display:flex}.repairer-select-card{cursor:pointer;width:100%;color:inherit;background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;padding:15px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.repairer-select-card:hover{background:#ffffff0d;border-color:#00f2ff;transform:translate(5px)}.repairer-select-card:hover .arrow-icon{opacity:1;transform:translate(0)}.repairer-select-card .arrow-icon{opacity:0;color:#00f2ff;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(-10px)}.price-breakdown{flex-direction:column;gap:2px;display:flex}.price-preview{border:1px dashed #00f2ff;background:#00f2ff0d!important}.booking-details-container{max-width:1400px;margin:0 auto;padding:40px}.warning-banner{color:#fc0;background:#ffcc001a;border:1px solid #ffcc004d;border-radius:12px;align-items:center;gap:12px;margin-bottom:25px;padding:12px 20px;font-size:.9rem;display:flex}.warning-banner strong{font-weight:700}.warning-banner .btn-link{color:#00f2ff;cursor:pointer;background:0 0;border:none;margin-left:5px;padding:0;font-weight:600;text-decoration:underline}.warning-banner .btn-link:hover{color:#fff}.details-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.details-header .header-left{align-items:center;gap:20px;display:flex}.details-header .header-left h1{color:#00f2ff;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:2rem}.details-grid{grid-template-columns:1fr 1.5fr;gap:30px;display:grid}.details-section{margin-bottom:30px;padding:25px}.section-title{color:#fff;border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:10px;font-size:1.1rem;font-weight:700;display:flex}.info-list{flex-direction:column;gap:15px;display:flex}.info-item{justify-content:space-between;font-size:.95rem;display:flex}.info-item .info-label{color:#a0a0a0}.info-item .info-value{color:#fff;text-align:right;font-weight:500}.workflow-tabs{border-bottom:1px solid #ffffff14;gap:15px;margin-bottom:20px;padding-bottom:10px;display:flex}.workflow-tab{cursor:pointer;color:#a0a0a0;border-radius:8px;padding:8px 16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.workflow-tab:hover{color:#fff;background:#ffffff0d}.workflow-tab.active{color:#000;background:#00f2ff}.logs-list{flex-direction:column;gap:15px;display:flex}.log-item{background:#ffffff08;border-left:3px solid #00f2ff;border-radius:12px;padding:15px}.log-item .log-header{justify-content:space-between;margin-bottom:8px;font-size:.85rem;display:flex}.log-item .log-header .log-author{color:#00f2ff;font-weight:600}.log-item .log-header .log-date{color:#a0a0a0}.log-item .log-content{color:#fff;line-height:1.5}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;display:grid}.photo-card{aspect-ratio:4/3;border:1px solid #ffffff14;border-radius:12px;position:relative;overflow:hidden}.photo-card img{object-fit:cover;width:100%;height:100%}.photo-card .photo-type-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0009;border-radius:6px;padding:4px 8px;font-size:.7rem;font-weight:700;position:absolute;top:8px;left:8px}.photo-card .photo-caption-overlay{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;padding:8px;font-size:.75rem;position:absolute;bottom:0;left:0;right:0}.timeline{flex-direction:column;gap:20px;margin-top:10px;display:flex}.timeline .timeline-item{gap:15px;display:flex;position:relative}.timeline .timeline-item:before{content:"";background:#ffffff14;width:2px;position:absolute;top:24px;bottom:-20px;left:11px}.timeline .timeline-item:last-child:before{display:none}.timeline .timeline-item .timeline-dot{z-index:1;background:#141414b3;border:2px solid #ffffff14;border-radius:50%;flex-shrink:0;width:24px;height:24px}.timeline .timeline-item .timeline-dot.active{background:#00f2ff;border-color:#00f2ff;box-shadow:0 0 10px #00f2ff4d}.timeline .timeline-item .timeline-content{padding-top:2px}.timeline .timeline-item .timeline-content .timeline-status{color:#fff;font-weight:700;display:block}.timeline .timeline-item .timeline-content .timeline-time{color:#a0a0a0;font-size:.8rem}.action-bar{flex-wrap:wrap;gap:10px;display:flex}.upload-zone{text-align:center;cursor:pointer;border:2px dashed #ffffff14;border-radius:12px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1)}.upload-zone:hover{background:#00f2ff0d;border-color:#00f2ff}.radio-group{gap:30px;margin-top:8px;display:flex}.radio-label{cursor:pointer;color:#fff;align-items:center;gap:10px;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.radio-label:hover{color:#00f2ff}.radio-label input[type=radio]{appearance:none;cursor:pointer;background:#ffffff08;border:2px solid #ffffff14;border-radius:50%;width:18px;height:18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.radio-label input[type=radio]:checked{border-color:#00f2ff;box-shadow:0 0 10px #00f2ff4d}.radio-label input[type=radio]:checked:after{content:"";background:#00f2ff;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.glass-input{color:#fff;background:#0000004d;border:1px solid #ffffff14;border-radius:12px;width:100%;padding:14px 18px;font-family:inherit;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-input:focus{background:#ffffff0d;border-color:#00f2ff;outline:none;box-shadow:0 0 20px #00f2ff4d}.glass-input::placeholder{color:#ffffff4d}.glass-input option{color:#fff;background:#121212}.financials-tab .transactions-list{flex-direction:column;gap:12px;display:flex}.financials-tab .transaction-item{border-radius:12px;align-items:center;gap:15px;padding:15px;display:flex}.financials-tab .transaction-item .t-icon{color:#00f2ff;background:#00f2ff1a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.financials-tab .transaction-item .t-info{flex-direction:column;flex:1;display:flex}.financials-tab .transaction-item .t-info strong{color:#fff;font-size:.95rem}.financials-tab .transaction-item .t-info span{color:#a0a0a0;font-size:.75rem}.financials-tab .transaction-item .t-amount{font-size:1.1rem;font-weight:700}.financials-tab .invoices-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.financials-tab .invoice-card{border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:15px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.financials-tab .invoice-card:hover{border-color:#00f2ff;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.financials-tab .invoice-card .inv-header{justify-content:space-between;align-items:center;display:flex}.financials-tab .invoice-card .inv-body{flex-direction:column;gap:4px;display:flex}.financials-tab .invoice-card .inv-body strong{color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.1rem}.financials-tab .invoice-card .inv-body span{color:#a0a0a0;font-size:.8rem}.financials-tab .invoice-card .inv-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:5px;padding-top:15px;display:flex}.financials-tab .invoice-card .inv-footer strong{color:#00f2ff}.input-with-icon{position:relative}.input-with-icon .input-prefix{color:#00f2ff;font-weight:700;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.input-with-icon input{padding-left:30px}.status-pill-sm{text-transform:uppercase;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.status-pill-sm.pending{color:#f59e0b;background:#f59e0b26}.status-pill-sm.approved{color:#22c55e;background:#22c55e26}.status-pill-sm.rejected{color:#ef4444;background:#ef444426}.status-pill.warning{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.booking-page{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#050505;min-height:100vh;padding:60px 20px;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.mesh-gradient{z-index:0;background:radial-gradient(circle at 10% 20%,#6366f114 0%,#0000 40%),radial-gradient(circle at 90% 80%,#a855f714 0%,#0000 40%),radial-gradient(circle,#3b82f608 0%,#0000 60%);width:100%;height:100%;position:fixed;top:0;left:0}.particle{opacity:.15;background:#fff;border-radius:50%;width:2px;height:2px;animation:20s ease-in-out infinite float;position:absolute}.particle.p0{animation-duration:28s;animation-delay:-17s;top:53%;left:79%}.particle.p1{animation-duration:30s;animation-delay:-4s;top:68%;left:71%}.particle.p2{animation-duration:16s;animation-delay:-17s;top:52%;left:54%}.particle.p3{animation-duration:29s;animation-delay:-3s;top:89%;left:14%}.particle.p4{animation-duration:25s;animation-delay:-4s;top:42%;left:16%}.particle.p5{animation-duration:17s;animation-delay:-8s;top:49%;left:74%}.booking-container{z-index:10;max-width:1200px;margin:0 auto;position:relative}.booking-layout-grid{grid-template-columns:1fr 320px;align-items:start;gap:40px;display:grid;position:relative}.booking-header{text-align:center;margin-bottom:60px}.logo-icon-premium{background:linear-gradient(135deg,#00f2ff,#a855f7);border-radius:12px;width:48px;height:48px;margin-right:15px;box-shadow:0 0 20px #00f2ff4d}.step-bar{margin-top:40px;justify-content:center;gap:0;max-width:800px;margin-inline:auto;display:flex}.step-item{flex-direction:column;flex:1;align-items:center;gap:12px;display:flex;position:relative}.step-item .step-icon-wrapper{z-index:2;background:#1e293b;border:2px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.step-item.active .step-icon-wrapper{background:#00f2ff;border-color:#00f2ff;transform:scale(1.1);box-shadow:0 0 15px #00f2ff4d}.step-item.active .step-label{color:#fff}.step-item.completed .step-icon-wrapper{background:#0f8;border-color:#0f8}.step-item.completed .step-line{background:#0f8}.step-item .step-line{z-index:1;background:#ffffff14;width:calc(100% - 40px);height:2px;position:absolute;top:20px;left:calc(50% + 20px)}.step-item .step-label{text-transform:uppercase;letter-spacing:.1em;color:#a0a0a0;font-size:.7rem;font-weight:700}.booking-main{min-height:600px}.content-header{margin-bottom:40px}.content-header h2{letter-spacing:-.02em;margin:0;font-size:2.5rem;font-weight:800}.content-header p{color:#a0a0a0;margin-top:10px;font-size:1.1rem}.back-link{color:#00f2ff;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:15px;padding:0;font-weight:600;display:flex}.selection-grid-premium{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.select-item-premium{cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:20px;padding:24px;transition:all .3s;display:flex;color:#fff!important}.select-item-premium:hover{background:#ffffff1a;border-color:#00f2ff;transform:translateY(-4px);box-shadow:0 10px 40px #0006}.select-item-premium:hover .arrow{opacity:1;transform:translate(0)}.select-item-premium .item-icon-circle{color:#00f2ff;background:#818cf826;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.select-item-premium span{flex:1;font-size:1.1rem;font-weight:700;color:#fff!important}.select-item-premium .arrow{opacity:0;transition:all .3s;transform:translate(-10px)}.search-wrapper{-webkit-backdrop-filter:blur(12px);background:#ffffff05;border:1px solid #ffffff14;border-radius:100px;align-items:center;margin-bottom:30px;padding:15px 25px;display:flex}.search-wrapper input{color:#fff;background:0 0;border:none;outline:none;flex:1;margin-left:15px;font-size:1.1rem}.search-wrapper .search-icon{color:#a0a0a0}.selection-list-premium{flex-direction:column;gap:12px;display:flex}.list-item-premium{-webkit-backdrop-filter:blur(12px);cursor:pointer;color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;padding:20px 30px;transition:all .2s;display:flex}.list-item-premium:hover{background:#ffffff0d;border-color:#00f2ff}.list-item-premium .item-details strong{font-size:1.1rem;display:block}.list-item-premium .item-details span{color:#a0a0a0;font-size:.9rem}.service-grid-premium{grid-template-columns:1fr 1fr;gap:20px;display:grid}.service-card-premium{-webkit-backdrop-filter:blur(12px);cursor:pointer;text-align:left;color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;padding:30px;transition:all .3s}.service-card-premium:hover{background:#ffffff0d;border-color:#00f2ff;transform:scale(1.02)}.service-card-premium .service-header{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}.service-card-premium .service-header strong{font-size:1.25rem}.service-card-premium .price-tag{color:#000;background:#00f2ff;border-radius:100px;padding:6px 14px;font-size:1rem;font-weight:700;box-shadow:0 4px 15px #00f2ff4d}.service-card-premium p{color:#a0a0a0;margin-bottom:25px;font-size:.95rem;line-height:1.5}.service-card-premium .service-footer{color:#a0a0a0;gap:20px;font-size:.85rem;display:flex}.service-card-premium .service-footer span{align-items:center;gap:6px;display:flex}.booking-form-premium{flex-direction:column;gap:40px;display:flex}.form-section h3{color:#00f2ff;align-items:center;gap:12px;margin-bottom:25px;font-size:1.1rem;display:flex}.premium-input-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.full-width{grid-column:1/-1}.p-input-group label{color:#a0a0a0;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:.85rem;font-weight:600;display:block}.p-input-group input,.p-input-group select,.p-input-group textarea{-webkit-backdrop-filter:blur(12px);color:#fff;background-color:#ffffff05;border:1px solid #ffffff14;border-radius:14px;width:100%;padding:16px 20px;font-size:1rem;transition:all .3s}.p-input-group input:focus,.p-input-group select:focus,.p-input-group textarea:focus{background-color:#ffffff0a;border-color:#00f2ff;outline:none;box-shadow:0 0 15px #6366f11a}.p-input-group input.input-error,.p-input-group select.input-error,.p-input-group textarea.input-error{border-color:#ff4d4d!important;box-shadow:0 0 15px #ef444426!important}.p-input-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 20px center;background-repeat:no-repeat;padding-right:45px}.p-input-group select option{color:#fff;background-color:#020617}.error-text{color:#ff4d4d;margin-top:8px;font-size:.8rem;font-weight:500;animation:.2s ease-out slideDownFade;display:block}.submit-btn-premium{color:#000;cursor:pointer;background:#00f2ff;border:none;border-radius:16px;justify-content:center;align-items:center;gap:15px;margin-top:20px;padding:20px;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex}.submit-btn-premium:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00f2ff4d}.sticky-summary{-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:30px;position:sticky;top:40px}.sticky-summary h3{margin-bottom:25px;font-size:1.1rem}.sticky-summary .hub-content{flex-direction:column;gap:15px;margin-bottom:30px;display:flex}.sticky-summary .hub-item{border-radius:10px;align-items:center;gap:12px;padding:12px;font-size:.95rem;display:flex}.sticky-summary .hub-item.pending{color:#a0a0a0;border:1px dashed #ffffff14}.sticky-summary .hub-item.active{background:#ffffff08}.sticky-summary .hub-item .price{color:#00f2ff;margin-left:auto;font-weight:700}.sticky-summary .total-estimate{border-top:1px solid #ffffff14;justify-content:space-between;align-items:flex-end;padding-top:20px;display:flex}.sticky-summary .total-estimate span{color:#a0a0a0}.sticky-summary .total-estimate strong{color:#00f2ff;font-size:2rem}.trust-badges{flex-direction:column;gap:10px;margin-top:30px;display:flex}.trust-badges .badge{color:#0f8;align-items:center;gap:10px;font-size:.85rem;display:flex}.success-view-premium{text-align:center;padding:40px 0}.success-view-premium .glow-icon{color:#0f8;filter:drop-shadow(0 0 20px #22c55e66);margin-bottom:30px}.success-view-premium .order-badge{-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;margin:30px 0;padding:15px 40px;display:inline-flex}.success-view-premium .order-badge span{color:#a0a0a0;font-size:.7rem}.success-view-premium .order-badge strong{letter-spacing:2px;font-size:1.5rem}.success-view-premium .summary-details{text-align:left;-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;max-width:400px;margin:0 auto 40px;padding:25px}.success-view-premium .summary-row{justify-content:space-between;padding:10px 0;display:flex}.success-view-premium .summary-row.total{color:#00f2ff;border-top:1px solid #ffffff14;margin-top:10px;padding-top:15px;font-size:1.2rem}.loading-overlay{z-index:100;background:0 0;justify-content:center;align-items:flex-start;padding-top:150px;display:flex;position:absolute;inset:0}.loading-pill{-webkit-backdrop-filter:blur(12px);color:#fff;letter-spacing:.02em;background:#0f172ad9;border:1px solid #818cf84d;border-radius:100px;align-items:center;gap:15px;padding:14px 28px;font-size:.95rem;font-weight:600;animation:.4s cubic-bezier(.16,1,.3,1) slideDownFade;display:flex;box-shadow:0 10px 40px #00000080,0 0 20px #818cf833}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.spinner-mini{border:2px solid #ffffff1a;border-top-color:#00f2ff;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.track-page{color:#fff;background:#050505;min-height:100vh;padding:60px 20px;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.track-page .track-container{z-index:10;max-width:500px;margin:0 auto;position:relative}.track-page .track-container.wide{max-width:1200px}.track-page .track-header{text-align:center;margin-bottom:60px}.track-page .track-card{padding:40px}.track-page .track-card .card-header{margin-bottom:30px}.track-page .track-card .card-header h2{margin-bottom:8px;font-size:1.75rem}.track-page .track-card .card-header p{color:#a0a0a0}.track-page .track-form{flex-direction:column;gap:24px;display:flex}.track-page .track-error{color:#ff4d4d;background:#ef44441a;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:.9rem;font-weight:500;display:flex}.track-header-compact{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.track-header-compact .back-btn{color:#a0a0a0;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.track-header-compact .back-btn:hover{color:#fff}.track-header-compact .booking-info-pill{border-radius:100px;gap:8px;padding:8px 16px;font-size:.9rem;display:flex}.track-header-compact .booking-info-pill span{color:#a0a0a0}.track-header-compact .booking-info-pill strong{color:#00f2ff}.track-content-grid{grid-template-columns:1fr 340px;gap:30px;display:grid}.status-hero-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin-bottom:30px;padding:40px;display:flex}.status-hero-card .status-badge-large{border-radius:100px;align-items:center;gap:15px;padding:16px 32px;display:flex}.status-hero-card .status-badge-large span{text-transform:uppercase;letter-spacing:2px;font-size:1.5rem;font-weight:800}.status-hero-card .repair-summary h1{margin:0;font-size:2.5rem}.status-hero-card .repair-summary p{color:#a0a0a0;margin-top:5px;font-size:1.2rem}.status-hero-card .status-timeline{background:#ffffff0d;border-radius:100px;width:100%;max-width:600px;height:8px;margin-top:20px;position:relative;overflow:hidden}.status-hero-card .status-timeline .timeline-progress{background:#00f2ff;height:100%;transition:width 1s ease-in-out;position:absolute;top:0;left:0;box-shadow:0 0 15px #00f2ff4d}.status-hero-card .status-timeline .timeline-progress.pending{width:20%}.status-hero-card .status-timeline .timeline-progress.confirmed{width:40%}.status-hero-card .status-timeline .timeline-progress.assigned{width:60%}.status-hero-card .status-timeline .timeline-progress.inprogress{width:80%}.status-hero-card .status-timeline .timeline-progress.awaitingapproval{background:#f59e0b;width:90%}.status-hero-card .status-timeline .timeline-progress.completed{background:#0f8;width:100%;box-shadow:0 0 15px #00ff884d}.extra-cost-banner{text-align:left;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:16px;flex-direction:column;gap:20px;margin:24px 0;padding:24px;display:flex}.extra-cost-banner .banner-content{gap:16px;display:flex}.extra-cost-banner .banner-content svg{flex-shrink:0;margin-top:4px}.extra-cost-banner .banner-content h3{color:#f59e0b;margin:0 0 4px;font-size:1.25rem}.extra-cost-banner .banner-content p{color:#fff;margin:0;font-size:.95rem}.extra-cost-banner .amount-highlight{color:#f59e0b;margin-top:12px;font-size:1.1rem;font-weight:700}.extra-cost-banner .banner-actions{justify-content:flex-end;gap:12px;display:flex}.photos-section{padding:30px}.photos-section .section-title{color:#00f2ff;align-items:center;gap:12px;margin-bottom:25px;display:flex}.photos-section .photos-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.photos-section .photo-item{aspect-ratio:4/3;border:1px solid #ffffff14;border-radius:16px;position:relative;overflow:hidden}.photos-section .photo-item img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.photos-section .photo-item .photo-overlay{opacity:0;background:linear-gradient(#0000,#000c);padding:15px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.photos-section .photo-item .photo-overlay .photo-type{text-transform:uppercase;color:#000;background:#00f2ff;border-radius:4px;margin-bottom:5px;padding:2px 6px;font-size:.65rem;font-weight:800;display:inline-block}.photos-section .photo-item .photo-overlay p{color:#fff;margin:0;font-size:.8rem}.photos-section .photo-item:hover img{transform:scale(1.1)}.photos-section .photo-item:hover .photo-overlay{opacity:1}.photos-section .empty-photos{text-align:center;color:#a0a0a0;background:#ffffff05;border:1px dashed #ffffff14;border-radius:16px;padding:60px}.details-card{margin-bottom:25px;padding:30px}.details-card h3{margin-bottom:25px;font-size:1.1rem}.details-card .detail-row{border-bottom:1px solid #ffffff0d;gap:15px;padding:15px 0;display:flex}.details-card .detail-row:last-child{border-bottom:none}.details-card .detail-row svg{color:#00f2ff;margin-top:3px}.details-card .detail-row .detail-text{flex-direction:column;display:flex}.details-card .detail-row .detail-text span{color:#a0a0a0;text-transform:uppercase;font-size:.75rem}.details-card .detail-row .detail-text strong{font-size:1rem}.details-card .detail-price{border-top:1px solid #ffffff14;justify-content:space-between;align-items:flex-end;margin-top:20px;padding-top:20px;display:flex}.details-card .detail-price span{color:#a0a0a0}.details-card .detail-price strong{color:#00f2ff;font-size:1.75rem}.updates-card{padding:30px}.updates-card .section-title{color:#00f2ff;align-items:center;gap:12px;margin-bottom:25px;display:flex}.updates-card .updates-list{flex-direction:column;gap:0;display:flex}.updates-card .update-item{gap:20px;padding-bottom:30px;display:flex;position:relative}.updates-card .update-item:last-child{padding-bottom:0}.updates-card .update-item:last-child .update-dot:after{display:none}.updates-card .update-item .update-dot{background:#00f2ff;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:6px;position:relative;box-shadow:0 0 10px #00f2ff4d}.updates-card .update-item .update-dot:after{content:"";background:#ffffff14;width:2px;height:calc(100% + 10px);position:absolute;top:20px;left:5px}.updates-card .update-item .update-content p{margin-bottom:8px;font-size:.95rem;line-height:1.5}.updates-card .update-item .update-content .update-meta{color:#a0a0a0;justify-content:space-between;font-size:.75rem;display:flex}@media (width<=900px){.track-content-grid{grid-template-columns:1fr}.updates-sidebar-column{order:-1}}.directory-page{color:#fff;background:#050505;min-height:100vh;padding:80px 20px;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.directory-page .directory-container{z-index:10;max-width:1200px;margin:0 auto;position:relative}.directory-page .directory-header{text-align:center;margin-bottom:60px;max-width:700px;margin-inline:auto}.directory-page .directory-header p{color:#a0a0a0;margin-top:15px;font-size:1.2rem}.directory-page .directory-controls{margin-bottom:50px;max-width:600px;margin-inline:auto}.directory-page .directory-loading{color:#a0a0a0;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:60px;display:flex}.shops-grid-premium{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:30px;display:grid}.shop-card-premium{flex-direction:column;gap:20px;padding:30px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.shop-card-premium:hover{border-color:#00f2ff;transform:translateY(-8px);box-shadow:0 15px 40px #0006,0 0 20px #00f2ff1a}.shop-card-premium .shop-card-header{align-items:center;gap:15px;display:flex}.shop-card-premium .shop-card-header .shop-icon{color:#00f2ff;background:#818cf81a;border:1px solid #818cf833;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.shop-card-premium .shop-card-header .shop-title h3{margin-bottom:2px;font-size:1.25rem}.shop-card-premium .shop-card-header .shop-title span{color:#a0a0a0;font-size:.85rem}.shop-card-premium .shop-stats{gap:20px;display:flex}.shop-card-premium .shop-stats .stat{color:#a0a0a0;background:#ffffff08;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;display:flex}.shop-card-premium .shop-desc{color:#a0a0a0;flex:1;font-size:.95rem;line-height:1.5}.shop-card-premium .shop-actions{grid-template-columns:1.5fr 1fr;gap:12px;margin-top:10px;display:grid}.shop-card-premium .shop-actions .btn{border-radius:10px;padding:12px;font-size:.9rem}.empty-directory{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:15px;padding:80px 40px;display:flex}.empty-directory h3{font-size:1.5rem}.empty-directory p{color:#a0a0a0;margin-bottom:10px}@media (width<=600px){.shops-grid-premium,.shop-actions{grid-template-columns:1fr}}.m-5{margin:5px!important}.mt-5{margin-top:5px!important}.mr-5{margin-right:5px!important}.mb-5{margin-bottom:5px!important}.ml-5{margin-left:5px!important}.p-5{padding:5px!important}.pt-5{padding-top:5px!important}.pr-5{padding-right:5px!important}.pb-5{padding-bottom:5px!important}.pl-5{padding-left:5px!important}.m-10{margin:10px!important}.mt-10{margin-top:10px!important}.mr-10{margin-right:10px!important}.mb-10{margin-bottom:10px!important}.ml-10{margin-left:10px!important}.p-10{padding:10px!important}.pt-10{padding-top:10px!important}.pr-10{padding-right:10px!important}.pb-10{padding-bottom:10px!important}.pl-10{padding-left:10px!important}.m-15{margin:15px!important}.mt-15{margin-top:15px!important}.mr-15{margin-right:15px!important}.mb-15{margin-bottom:15px!important}.ml-15{margin-left:15px!important}.p-15{padding:15px!important}.pt-15{padding-top:15px!important}.pr-15{padding-right:15px!important}.pb-15{padding-bottom:15px!important}.pl-15{padding-left:15px!important}.m-20{margin:20px!important}.mt-20{margin-top:20px!important}.mr-20{margin-right:20px!important}.mb-20{margin-bottom:20px!important}.ml-20{margin-left:20px!important}.p-20{padding:20px!important}.pt-20{padding-top:20px!important}.pr-20{padding-right:20px!important}.pb-20{padding-bottom:20px!important}.pl-20{padding-left:20px!important}.m-25{margin:25px!important}.mt-25{margin-top:25px!important}.mr-25{margin-right:25px!important}.mb-25{margin-bottom:25px!important}.ml-25{margin-left:25px!important}.p-25{padding:25px!important}.pt-25{padding-top:25px!important}.pr-25{padding-right:25px!important}.pb-25{padding-bottom:25px!important}.pl-25{padding-left:25px!important}.m-30{margin:30px!important}.mt-30{margin-top:30px!important}.mr-30{margin-right:30px!important}.mb-30{margin-bottom:30px!important}.ml-30{margin-left:30px!important}.p-30{padding:30px!important}.pt-30{padding-top:30px!important}.pr-30{padding-right:30px!important}.pb-30{padding-bottom:30px!important}.pl-30{padding-left:30px!important}.m-40{margin:40px!important}.mt-40{margin-top:40px!important}.mr-40{margin-right:40px!important}.mb-40{margin-bottom:40px!important}.ml-40{margin-left:40px!important}.p-40{padding:40px!important}.pt-40{padding-top:40px!important}.pr-40{padding-right:40px!important}.pb-40{padding-bottom:40px!important}.pl-40{padding-left:40px!important}.m-50{margin:50px!important}.mt-50{margin-top:50px!important}.mr-50{margin-right:50px!important}.mb-50{margin-bottom:50px!important}.ml-50{margin-left:50px!important}.p-50{padding:50px!important}.pt-50{padding-top:50px!important}.pr-50{padding-right:50px!important}.pb-50{padding-bottom:50px!important}.pl-50{padding-left:50px!important}.m-60{margin:60px!important}.mt-60{margin-top:60px!important}.mr-60{margin-right:60px!important}.mb-60{margin-bottom:60px!important}.ml-60{margin-left:60px!important}.p-60{padding:60px!important}.pt-60{padding-top:60px!important}.pr-60{padding-right:60px!important}.pb-60{padding-bottom:60px!important}.pl-60{padding-left:60px!important}.m-80{margin:80px!important}.mt-80{margin-top:80px!important}.mr-80{margin-right:80px!important}.mb-80{margin-bottom:80px!important}.ml-80{margin-left:80px!important}.p-80{padding:80px!important}.pt-80{padding-top:80px!important}.pr-80{padding-right:80px!important}.pb-80{padding-bottom:80px!important}.pl-80{padding-left:80px!important}.m-100{margin:100px!important}.mt-100{margin-top:100px!important}.mr-100{margin-right:100px!important}.mb-100{margin-bottom:100px!important}.ml-100{margin-left:100px!important}.p-100{padding:100px!important}.pt-100{padding-top:100px!important}.pr-100{padding-right:100px!important}.pb-100{padding-bottom:100px!important}.pl-100{padding-left:100px!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-left{text-align:left!important}.text-primary{color:#00f2ff!important}.text-secondary{color:#7000ff!important}.text-muted{color:#a0a0a0!important}.text-success{color:#0f8!important}.text-warning{color:#fc0!important}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace!important}.font-heading{font-family:Outfit,sans-serif!important}.hidden{display:none!important}.error-border{border-color:#ff4d4d66!important}.error-border:hover{border-color:#ff4d4d!important;box-shadow:0 0 30px #ff4d4d33!important}.header-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-right:16px;display:flex}.header-icon.error-bg{background:#ff4d4d1a}.text-error{color:#ff4d4d!important}.error-message .main-msg{font-size:1.1rem;font-weight:500;line-height:1.5}.error-details-box{background:#0006;border:1px solid #ffffff14;border-radius:12px;padding:16px}.error-details-box .details-label{text-transform:uppercase;letter-spacing:1px;color:#a0a0a0;align-items:center;gap:8px;margin-bottom:8px;font-size:.75rem;display:flex}.error-details-box .details-content{color:#fffc;word-break:break-all;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.4}.error-footer-meta{border-top:1px solid #ffffff14;flex-wrap:wrap;gap:16px;margin-top:24px;padding-top:16px;display:flex}.error-footer-meta .meta-item{color:#a0a0a0;align-items:center;gap:6px;font-size:.75rem;display:flex}.error-footer-meta .meta-item svg{opacity:.6}.glass-button{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-button:hover{background:#ffffff1a;border-color:#00f2ff;box-shadow:0 0 15px #00f2ff4d}.glass-button.w-full{width:100%}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.toast-item{pointer-events:auto;-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:12px;min-width:320px;max-width:450px;padding:14px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.toast-item.success{background:#00ff8826;border-color:#00ff884d}.toast-item.success .toast-icon{color:#0f8}.toast-item.success .toast-progress{background:#0f8}.toast-item.error{background:#ff4d4d26;border-color:#ff4d4d4d}.toast-item.error .toast-icon{color:#ff4d4d}.toast-item.error .toast-progress{background:#ff4d4d}.toast-item.info{background:#00f2ff26;border-color:#00f2ff4d}.toast-item.info .toast-icon{color:#00f2ff}.toast-item.info .toast-progress{background:#00f2ff}.toast-item .toast-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-item .toast-message{color:#fff;flex-grow:1;font-size:.95rem;font-weight:500}.toast-item .toast-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.toast-item .toast-close:hover{color:#fff;background:#ffffff1a}.toast-item .toast-progress{transform-origin:0;width:100%;height:3px;animation:4s linear forwards toast-progress;position:absolute;bottom:0;left:0}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}:root{--bg-color:#050505;--card-bg:#141414b3;--glass-bg:#ffffff08;--glass-border:#ffffff14;--primary:#00f2ff;--primary-glow:#00f2ff4d;--secondary:#7000ff;--secondary-glow:#7000ff4d;--text-main:#fff;--text-muted:#a0a0a0;--success:#0f8;--warning:#fc0;--error:#ff4d4d;--font-main:Inter, sans-serif;--font-heading:Outfit, sans-serif;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;-webkit-font-smoothing:antialiased;background-color:#050505;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:600}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px}.glass-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#141414b3;border:1px solid #ffffff14;border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:#00f2ff;transform:translateY(-5px);box-shadow:0 0 30px #00f2ff4d}.btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-family:Outfit,sans-serif;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{color:#000;background:linear-gradient(135deg,#00f2ff,#7000ff);box-shadow:0 4px 15px #00f2ff4d}.btn-primary:hover{transform:scale(1.05);box-shadow:0 6px 20px #00f2ff4d}.btn-outline{color:#fff;background:0 0;border:1px solid #ffffff14}.btn-outline:hover{background:#ffffff08;border-color:#fff}.animate-float{animation:4s ease-in-out infinite float}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#00f2ff}.form-group{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.form-label{color:#a0a0a0;font-size:.9rem;font-weight:500}.form-input-wrapper{align-items:center;display:flex;position:relative}.form-input-icon{color:#a0a0a0;pointer-events:none;position:absolute;left:16px}.form-input,.form-textarea,.form-select{color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;width:100%;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-input:focus,.form-textarea:focus,.form-select:focus{background:#ffffff0f;border-color:#00f2ff;outline:none;box-shadow:0 0 15px #00f2ff4d}.form-input-with-icon{padding-left:48px}.form-textarea{resize:vertical;min-height:100px}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a0a0a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.form-select option{color:#fff;background:#0f0f0f}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-content{width:100%;max-width:540px;max-height:90vh;padding:40px;position:relative;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.modal-close{color:#a0a0a0;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.modal-close:hover{color:#fff;background:#ffffff1a}.spinner{border:3px solid #ffffff14;border-top-color:#00f2ff;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}