.salons-page{max-width:1600px;margin:auto;padding:24px 20px 48px;color:#f4f6fb}.salons-page [hidden]{display:none!important}.sp-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.sp-heading h1{font:400 38px Georgia,serif;margin:12px 0}.sp-heading p,.salons-page p{color:#b7c5c9;font-size:13px;line-height:1.7}.salons-page button,.salons-page input,.salons-page select,.salons-page textarea{font:inherit;color:inherit;background:#121826;border:1px solid #495a60;border-radius:10px;padding:10px 14px;min-height:44px;box-sizing:border-box}.salons-page button{cursor:pointer}.salons-page button:focus-visible{outline:2px solid #09b7ce;outline-offset:3px}.salons-page .sp-primary,.sp-tabs [aria-pressed=true]{background:#263244;color:#ffffff;border-color:#09b7ce}.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.salons-page .sp-card{padding:0;text-align:left;border-radius:18px;overflow:hidden;background:#121826}.sp-card>img,.sp-placeholder{width:100%;height:180px;object-fit:contain;background:#0b0f19}.sp-placeholder{display:grid;place-content:center;text-align:center;color:#09b7ce;font-size:48px;gap:12px}.sp-placeholder small{font-size:12px;color:#bdc9cc}.sp-card-body{padding:20px}.sp-card h2{font:400 27px Georgia,serif;margin:0 0 10px}.sp-card small{color:#b7c5c9}.sp-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0;padding:16px 0;border-top:1px solid #45555b;border-bottom:1px solid #45555b}.sp-metrics span{display:grid;gap:6px;font-size:11px;color:#b7c5c9}.sp-metrics strong{font-size:22px;color:#09b7ce}.sp-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:16px}.sp-tabs button{white-space:nowrap}.sp-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0 32px}.sp-form label{display:grid;gap:8px;font-size:13px}.sp-form button{justify-self:start}.sp-form input,.sp-form select,.sp-form textarea{width:100%;min-width:0}.sp-member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:20px 0}.sp-member{display:flex;align-items:center;gap:12px;border:1px solid #45555b;padding:14px;border-radius:14px;background:#121826;cursor:pointer}.sp-member input{min-height:20px;width:18px}.sp-member>span:last-child{display:grid;gap:5px}.sp-member small{font-size:11px;color:#b6c4c8}.sp-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#09b7ce;background:#09b7ce22}.sp-floor-preview{max-width:100%;max-height:430px;object-fit:contain;border-radius:12px;background:#eee}.sp-upload{display:grid;gap:10px;margin:20px 0;font-size:13px;max-width:560px}.sp-photos{display:flex;gap:12px;overflow:auto}.sp-photos>label{flex:0 0 190px;display:grid;gap:8px}.sp-photos img{width:190px;height:130px;object-fit:cover;border-radius:10px}.sp-photos input{width:190px}.salons-page [role=status]{color:#09b7ce}.salons-page [data-panel]{background:#121826;border:1px solid #405157;padding:24px;border-radius:16px}.salons-page h2{font:400 27px Georgia,serif}
@media(max-width:699px){.salons-page{padding:20px 14px 36px}.sp-heading{align-items:start;flex-wrap:wrap}.sp-heading h1{font-size:32px}.sp-grid{grid-template-columns:1fr}.sp-form{grid-template-columns:1fr}.salons-page [data-panel]{padding:16px}.sp-tabs button{font-size:12px;padding:9px 12px}.sp-metrics strong{font-size:20px}}