:root{font-family:system-ui,sans-serif;color:#303638;background:#f5f6f8}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:18px;padding:20px max(20px,calc((100vw - 1200px)/2));background:#303638;color:white}header strong{color:#ffad0d}header select{margin-left:auto}main{max-width:1200px;margin:24px auto;padding:0 20px}.card{background:white;border-radius:18px;padding:24px;margin-bottom:18px}h1,h2{color:#b86100}#login{max-width:480px;margin:50px auto}form{display:grid;gap:12px}input,select,button{font:inherit;border-radius:9px;padding:12px;border:1px solid #bcc4c7}button{background:#ffad0d;color:#303638;border:0;cursor:pointer;font-weight:600}button:disabled{opacity:.5;cursor:wait}input:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #c57900;outline-offset:3px}#salons{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}#salons button{background:white;text-align:left;padding:24px;min-height:150px}#salons h2{margin:0 0 12px}#beds{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.bed{padding:18px;border-radius:14px;background:#eee5f6}.bed h3{margin:0 0 12px}.preparing{background:#fff0cb}.tanning{background:#ffe0e9}.cooling{background:#dbeafe}.ready{background:#e0eee6}.offline,.review{background:#e3e5e8}.stale{border:2px solid #b86100}#notice{color:#9e3c12;min-height:24px}#freshness{font-weight:600}#summary,#revenue{line-height:1.7}#back{background:#eee5f6}[hidden]{display:none!important}@media(max-width:550px){header{gap:10px;padding:14px}header span{display:none}main{padding:0 12px}.card{padding:18px}#beds{grid-template-columns:repeat(2,minmax(0,1fr))}.bed{padding:12px}} 

#contactForm{margin-top:22px;padding-top:12px;border-top:1px solid #e3e5e8;max-width:650px}#contactForm label{display:grid;gap:6px}.contactActions{display:flex;justify-content:flex-end;gap:12px}#contactCancel{background:#eee5f6}

.accountActions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}#passwordForm{max-width:650px;background:#f4eef9}#send{background:#eee5f6}

.remoteWorkspace{margin:24px 0;padding:20px;background:#f5f1fa;border-radius:16px}.dataActions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}.dataActions input{flex:1;min-width:120px}.dataRow{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;background:white;border-radius:12px;margin:10px 0}.dataRow strong{min-width:160px}.dataRow span{overflow-wrap:anywhere;flex:1}.dataEditor{max-width:900px}.dataEditor label{display:grid;gap:6px}.dataEditor fieldset{border:1px solid #d5cadf;border-radius:12px;padding:16px;display:grid;gap:12px}.dataEditor legend{font-weight:700;color:#b86100}#dataMessage{color:#9e3c12;min-height:24px}input,select{max-width:100%}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}

#openSalonData{margin-inline-end:12px;margin-block-end:8px}

.dataDetails{display:flex;flex-wrap:wrap;gap:6px 14px;min-width:0}.dataDetails>span{flex:0 1 auto;min-width:0}.dataRow>strong{overflow-wrap:anywhere}
@media(max-width:600px){
    main{padding:0 10px;margin-top:16px}
    .card{padding:14px}
    .remoteWorkspace{padding:12px;margin:18px 0}
    .remoteWorkspace>.dataActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .remoteWorkspace>.dataActions>button{min-width:0;padding:12px 8px;line-height:1.3}
    .remoteWorkspace>.dataActions>button:last-child{grid-column:1/-1;justify-self:start}
    .dataRow{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:16px;margin:12px 0}
    .dataRow>strong{min-width:0;font-size:18px;line-height:1.4}
    .dataRow>.dataDetails{display:grid;gap:8px;font-size:16px;line-height:1.5;width:100%}
    .dataDetails>.dataPhone{overflow-wrap:normal;word-break:normal}
    .dataRow>button{justify-self:stretch;min-height:44px}
    #dataContent>form.dataActions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
    .dataActions input{min-width:0;width:100%}
    .dataEditor,.dataEditor label,.dataEditor input,.dataEditor select{min-width:0;width:100%}
    .dataEditor fieldset{min-width:0;padding:12px}
    .contactActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .contactActions button{min-width:0;padding:12px 8px;min-height:44px}
}

.salonDataMenu{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 18px}.salonDataMenu #openSalonData{margin:0}
@media(max-width:600px){.salonDataMenu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.salonDataMenu button{min-width:0;min-height:44px;padding:12px 8px;line-height:1.3}}

.salonDataMenu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.salonDataMenu button{width:100%;min-width:0;min-height:48px;height:100%;margin:0;padding:12px;line-height:1.3}#contactForm{max-width:none;margin-top:18px;padding:20px;border:0;border-radius:16px;background:#f5f1fa}
@media(max-width:600px){.salonDataMenu{grid-template-columns:repeat(2,minmax(0,1fr))}.salonDataMenu button{padding:12px 8px}#contactForm{padding:12px}}

#allSalonIncome{margin-top:18px}.incomeSummary h3{color:#b86100}.incomeGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}.incomeMetric{background:#fff3db;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px}.incomeMetric strong{font-size:1.2rem}.incomeSummary small{display:block;color:#65767d;margin-top:10px}@media(max-width:550px){.incomeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.incomeMetric{padding:12px}}