:root{--primary-color: #6366f1;--secondary-color: #ec4899;--accent-color: #8b5cf6;--background-dark: #0f172a;--text-light: #f8fafc;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-text: rgba(255, 255, 255, .9)}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b);color:var(--text-light);min-height:100vh}#root{min-height:100vh}.glass-container{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;box-shadow:0 4px 30px #0000001a}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.nav-btn{min-width:120px;text-align:center}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #6366f166}input,select{background:#ffffff0d;border:1px solid var(--glass-border);color:#fff;padding:.75rem;border-radius:8px;width:100%;box-sizing:border-box;margin-bottom:1rem}input:focus,select:focus{outline:none;border-color:var(--primary-color);background:#ffffff1a}h1,h2,h3{margin-top:0;background:linear-gradient(to right,#c084fc,#6366f1);-webkit-background-clip:text;background-clip:text;color:transparent}.container{max-width:1200px;margin:0 auto;padding:2rem}.logo-container{display:flex;justify-content:center;margin-bottom:1rem}.site-logo{max-height:80px;width:auto;object-fit:contain}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.salon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.salon-card{background:#ffffff1a;border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;gap:1rem}.salon-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003;border-color:#ffffff4d;background:#ffffff26}.salon-meta{color:#94a3b8;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.credential-box{background:#0003;padding:.75rem;border-radius:8px;font-size:.85rem;border:1px solid rgba(255,255,255,.05)}.credential-row{display:flex;justify-content:space-between;margin-bottom:.25rem}.credential-row:last-child{margin-bottom:0}.mono-text{font-family:Courier New,Courier,monospace;color:#e2e8f0}.card-actions{display:flex;gap:.5rem;margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.icon-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:6px;border:1px solid transparent;background:#ffffff0d;cursor:pointer;transition:all .2s;color:#cbd5e1}.icon-btn:hover{background:#ffffff1a;color:#fff}.icon-btn.primary:hover{background:#6366f133;border-color:#6366f180;color:#818cf8}.icon-btn.success:hover{background:#22c55e33;border-color:#22c55e80;color:#4ade80}.icon-btn.danger:hover{background:#ef444433;border-color:#ef444480;color:#f87171}.table-container{overflow-x:auto;border-radius:12px;border:1px solid var(--glass-border);background:#ffffff0d}.styled-table{width:100%;border-collapse:separate;border-spacing:0;color:#fff}.styled-table th{text-align:left;padding:1rem;background:#0f172a99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:1px solid var(--glass-border);font-weight:600;color:#94a3b8;white-space:nowrap}.styled-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.styled-table tr:last-child td{border-bottom:none}.styled-table tr:hover{background:#ffffff08}.product-card{background:#ffffff1a;border:1px solid var(--glass-border);border-radius:12px;padding:1rem;display:flex;justify-content:space-between;align-items:center;transition:transform .2s,background .2s;color:#fff;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.8)}.product-card:hover{background:#ffffff26}.qty-btn{width:32px;height:32px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:transform .1s}.qty-btn:active{transform:scale(.95)}.qty-btn.minus{background:#ffffff1a;color:#fff}.qty-btn.plus{background:var(--primary-color);color:#fff}.catalog-grid{display:flex;flex-direction:column;gap:.75rem}.status-badge{padding:.25rem .75rem;border-radius:999px;font-size:.85rem;font-weight:500;display:inline-block}.status-badge.completed{background:#22c55e33;color:#4ade80}.status-badge.pending{background:#f9731633;color:#fb923c}.status-badge.processing{background:#3b82f633;color:#60a5fa}.status-badge.shipped{background:#a855f733;color:#c084fc}.status-badge.cancelled{background:#ef444433;color:#f87171}.status-badge.returned{background:#94a3b833;color:#cbd5e1}@media(max-width:768px){.container{padding:1rem}.glass-container{padding:1.5rem}h1{font-size:1.75rem}h2{font-size:1.5rem}.admin-header{flex-direction:column;align-items:center!important;gap:1.5rem;text-align:center}.admin-header div{display:flex;flex-direction:column;gap:.5rem;width:100%}.admin-header .btn-primary{width:100%;margin-right:0!important;margin-bottom:.5rem}.admin-grid{grid-template-columns:1fr!important}.admin-grid-vertical{min-width:100%}.order-form-grid{grid-template-columns:1fr!important}table{min-width:600px}}.header-control{width:auto!important;margin-bottom:0!important;padding:0 1rem!important;height:42px!important;display:inline-flex!important;align-items:center;box-sizing:border-box;vertical-align:middle}.admin-header .btn-primary{height:42px!important;padding:0 1.25rem!important;display:inline-flex!important;align-items:center!important;justify-content:center;margin-bottom:0!important;vertical-align:middle}.admin-header{align-items:center}