.fr-loading,.fr-error,.fr-panel{padding:24px;border:1px solid var(--border);border-radius:22px;background:var(--surface)}.fr-hero{display:grid;grid-template-columns:1fr minmax(240px,330px);gap:22px;align-items:stretch}.fr-hero>div:first-child,.fr-offer{padding:clamp(22px,4vw,38px);border:1px solid var(--border);border-radius:24px;background:linear-gradient(145deg,var(--surface),rgba(20,184,166,.08))}.fr-hero h2{font-size:clamp(2rem,5vw,3.5rem);margin:10px 0}.fr-hero p{color:var(--muted);line-height:1.65}.fr-offer{display:flex;flex-direction:column;justify-content:center}.fr-offer strong{font-size:2.4rem;color:#14b8a6}.fr-offer span,.fr-offer em{margin-top:6px;color:var(--muted);font-style:normal}.fr-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.fr-metrics article{padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.fr-metrics span{display:block;color:var(--muted);font-size:.78rem}.fr-metrics strong{display:block;margin-top:7px}.fr-panel{margin-top:18px}.fr-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.fr-form,.fr-config{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.fr-config{grid-template-columns:repeat(5,minmax(120px,1fr))}.fr-form label,.fr-config label{display:flex;flex-direction:column;gap:6px;font-size:.78rem;font-weight:700}.fr-form input,.fr-form select,.fr-form textarea,.fr-config input{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text)}.fr-form .wide{grid-column:1/-1}.fr-table,.fr-units{display:grid;gap:10px;margin-top:16px}.fr-table article,.fr-units article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}.fr-table article>div{display:flex;flex-direction:column;gap:3px}.fr-table span,.fr-table small,.fr-units span{color:var(--muted)}.fr-table select{padding:9px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text)}@media(max-width:900px){.fr-hero{grid-template-columns:1fr}.fr-metrics{grid-template-columns:repeat(2,1fr)}.fr-config{grid-template-columns:1fr 1fr}}@media(max-width:620px){.fr-metrics,.fr-form,.fr-config{grid-template-columns:1fr}.fr-table article,.fr-units article,.fr-head{align-items:stretch;flex-direction:column}.fr-form .wide{grid-column:auto}}
.fr-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.fr-unit-card>div:first-child{display:flex;flex-direction:column;gap:4px;min-width:0}
.fr-unit-card small{color:var(--muted)}
.fr-health{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:.7rem}
.fr-health.ok{color:#087c69;background:rgba(12,166,135,.1)}
.fr-health.warn{color:#a46600;background:rgba(226,151,0,.1)}
.fr-health.bad{color:#a72222;background:rgba(192,50,50,.1)}
.fr-panel .primary-btn,.fr-panel .secondary-btn{min-height:38px;padding:0 12px;border-radius:10px;font-weight:850;cursor:pointer}
.fr-panel .primary-btn{border:0;color:#fff;background:linear-gradient(135deg,#087b98,#087ff5 58%,#7457ff)}
.fr-panel .secondary-btn{border:1px solid var(--line);background:var(--surface2);color:var(--text)}
.fr-panel .empty-state{padding:25px;text-align:center;color:var(--muted)}
@media(max-width:620px){.fr-row-actions{justify-content:flex-start;width:100%}.fr-unit-card{align-items:stretch!important}}