*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Segoe UI,Arial,sans-serif;background:#ecedf0;color:#232529}button,a{font:inherit}.workspace{height:100vh;height:100dvh;display:flex;flex-direction:column}.bar{background:#a6e0d7;display:flex;align-items:center;gap:14px;min-height:58px;padding:8px 18px;border-bottom:1px solid #67cabb}.logo{display:flex;align-items:center;gap:11px;white-space:nowrap}.logo-icon{font-size:22px;font-weight:900;color:#a54120;background:#d7f1ed;border:1px solid #5dc6b6;padding:4px 8px;border-radius:7px}.logo strong{display:block;font-size:14px}.logo small{font-size:11px;color:#287166}.bar-right{margin-left:auto;display:flex;gap:8px;align-items:center}.small-btn{border:1px solid #5ac5b5;background:#e2f5f2;color:#1a4942;padding:8px 11px;border-radius:7px;text-decoration:none;cursor:pointer}.small-btn:hover{background:#fff}.tabbar{background:#fafafa;display:flex;align-items:end;gap:5px;padding:9px 14px 0;border-bottom:1px solid #cfd2d6;min-height:56px;overflow-x:auto}.tab{display:flex;align-items:center;gap:10px;border:1px solid #d1d4d8;background:#f0f1f2;color:#4a4e52;border-radius:9px 9px 0 0;padding:12px 19px;cursor:pointer;white-space:nowrap;position:relative;font-weight:600}.tab[aria-selected="true"]{background:white;border-bottom-color:white;color:#292420}.tab[aria-selected="true"]:after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:#57c4b4;border-radius:9px 9px 0 0}.tab .badge{background:#b1e4dc;color:#226258;border-radius:20px;padding:3px 7px;font-size:10px}.views{position:relative;flex:1;min-height:0;background:white}.panel{position:absolute;inset:0;visibility:hidden;pointer-events:none}.panel.active{visibility:visible;pointer-events:auto}.panel iframe{height:100%;width:100%;border:0;display:block;background:white}.status{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #d1d3d5;background:#f8f8f9;color:#686a6e;padding:6px 17px;font-size:11px}.status .indicator{display:inline-block;width:7px;height:7px;border-radius:50%;background:#17a36b;margin-right:5px}@media(max-width:650px){.bar{padding:7px 9px;gap:6px}.logo small{display:none}.logo strong{font-size:12px}.logo-icon{font-size:17px}.small-btn{font-size:11px;padding:7px}.tabbar{padding-left:7px}.tab{font-size:12px;padding:12px 9px}.tab .badge{display:none}.status{font-size:10px}}@media print{.bar,.tabbar,.status{display:none}.views,.panel{position:static;height:auto}.panel:not(.active){display:none}.panel.active{position:static;visibility:visible}}
/* Независимое навигационное меню вкладки FreshBackup Manager */
.offer-sidebar{display:none;position:absolute;top:0;bottom:0;left:0;width:250px;background:#f0f6f5;border-right:1px solid #d7d4c7;z-index:2;overflow-y:auto;flex-direction:column;box-shadow:1px 0 3px #0000000a}
.views.offer-mode .offer-sidebar{display:flex}
.views.offer-mode #offer{left:250px}
.side-caption{display:flex;align-items:center;gap:10px;min-height:68px;padding:13px 15px;border-bottom:1px solid #cadfdc;background:#e7f7f4}
.side-logo{background:#48bfad;color:#153c36;border-radius:6px;font-weight:900;font-size:20px;padding:7px}
.side-caption b,.side-caption small{display:block}.side-caption b{font-size:13px}.side-caption small{font-size:11px;color:#7a7263;margin-top:4px}
.side-group-title{font-size:10px;font-weight:800;letter-spacing:.08em;color:#8c846f;padding:20px 16px 8px}
.side-links{display:flex;flex-direction:column;gap:3px;padding:0 8px}
.side-link{border:1px solid transparent;border-radius:5px;display:flex;align-items:center;gap:11px;width:100%;padding:12px 10px;text-align:left;background:transparent;color:#32312e;cursor:pointer;font-size:13px;line-height:1.25}
.side-link:hover,.side-link:focus-visible{background:#d0eeea;outline:none;border-color:#a8e1d8}
.side-link.selected{background:#bbe7e0;border-color:#74cec1;font-weight:650;box-shadow:inset 3px 0 #40b5a4}
.side-glyph{font-size:19px;font-weight:700;width:23px;min-width:23px;text-align:center;color:#2c7f72}
.side-documents{padding:0 12px;display:grid;gap:7px}.side-document{display:block;background:#fff;border:1px solid #c7ddda;border-radius:5px;padding:11px 9px;text-decoration:none;font-size:12px;color:#1d544b}.side-document:hover,.side-document:focus-visible{border-color:#46b9a8;background:#f2faf9}
.side-bottom{margin-top:auto;padding:18px 16px 24px;font-size:11px;color:#827764;line-height:1.75}.side-bottom b{font-size:17px;color:#233c38}
@media(max-width:900px){.offer-sidebar{width:210px}.views.offer-mode #offer{left:210px}.side-link{font-size:12px;padding:10px 7px}.side-caption{padding:10px}.side-documents{padding:0 7px}}
@media(max-width:600px){.offer-sidebar{width:57px}.views.offer-mode #offer{left:57px}.side-caption{min-height:45px;padding:5px;justify-content:center}.side-caption span:last-child,.side-group-title,.side-link span:last-child,.side-documents,.side-bottom{display:none}.side-links{padding:8px 4px}.side-link{justify-content:center;padding:9px 5px}.side-glyph{font-size:20px}.side-logo{font-size:15px;padding:5px}}