:root,:host{--bo-bg: #f4f7fb;--bo-surface: #ffffff;--bo-surface-soft: #f8fafe;--bo-border: #dbe3ef;--bo-text: #122033;--bo-muted: #5f6f82;--bo-primary: #1f4fa3;--bo-primary-hover: #173d80;--bo-danger: #b42318;--bo-danger-hover: #901b12}.backoffice-shell{width:min(var(--site-max-width, 1400px),calc(100vw - 24px));margin:clamp(76px,10vh,120px) auto 20px;padding:clamp(14px,2vw,24px);border:1px solid var(--bo-border);border-radius:18px;background:radial-gradient(circle at top right,rgba(31,79,163,.08),transparent 35%),radial-gradient(circle at bottom left,rgba(38,127,190,.06),transparent 35%),var(--bo-surface);box-shadow:0 12px 34px #12203314;color:var(--bo-text)}.backoffice-title{margin:0 0 14px;font-size:clamp(1.25rem,2.3vw,1.7rem);font-weight:800;line-height:1.2;color:var(--bo-text)}.backoffice-actions{display:flex;flex-wrap:wrap;gap:10px}.backoffice-shell button,.backoffice-shell .afhBtn,.backoffice-shell .cms-business-add-button,.backoffice-shell .add-business-button,.backoffice-shell .edit-button,.backoffice-shell .cms-business-edit-button{border:1px solid var(--bo-primary);background:var(--bo-primary);color:#fff;border-radius:10px;padding:9px 12px;font-size:.92rem;font-weight:600;line-height:1.2;min-width:0;width:auto;height:auto;margin:0;max-width:100%;white-space:normal;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .12s ease}.backoffice-shell button:hover,.backoffice-shell .afhBtn:hover,.backoffice-shell .cms-business-add-button:hover,.backoffice-shell .add-business-button:hover,.backoffice-shell .edit-button:hover,.backoffice-shell .cms-business-edit-button:hover{background:var(--bo-primary-hover);border-color:var(--bo-primary-hover)}.backoffice-shell button:active,.backoffice-shell .afhBtn:active,.backoffice-shell .cms-business-add-button:active,.backoffice-shell .add-business-button:active,.backoffice-shell .edit-button:active,.backoffice-shell .cms-business-edit-button:active{transform:translateY(1px)}.backoffice-shell .delete-button,.backoffice-shell .delete-btn,.backoffice-shell .cms-business-delete-button{background:var(--bo-danger);border-color:var(--bo-danger)}.backoffice-shell .delete-button:hover,.backoffice-shell .delete-btn:hover,.backoffice-shell .cms-business-delete-button:hover{background:var(--bo-danger-hover);border-color:var(--bo-danger-hover)}.backoffice-shell input,.backoffice-shell select,.backoffice-shell textarea{width:100%;box-sizing:border-box;background:#fff;border:1px solid var(--bo-border);border-radius:10px;color:var(--bo-text);padding:9px 10px;font-size:.92rem}.backoffice-shell input:focus,.backoffice-shell select:focus,.backoffice-shell textarea:focus{outline:none;border-color:#7ea1dd;box-shadow:0 0 0 3px #1f4fa324}.backoffice-shell table{width:100%;border-collapse:collapse;background:var(--bo-surface-soft);border-radius:12px;overflow:hidden}.backoffice-shell thead th{background:#eaf0fa;color:#283d5b;font-size:.8rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.backoffice-shell th,.backoffice-shell td{border-bottom:1px solid #e2e8f2;padding:10px;vertical-align:top}.backoffice-shell tr:last-child td{border-bottom:none}.backoffice-shell .user-info,.backoffice-shell .muted,.backoffice-shell .hint,.backoffice-shell .no-users{color:var(--bo-muted)}.backoffice-nav ul{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:10px}.backoffice-nav a{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--bo-primary);background:var(--bo-primary);color:#fff;padding:10px 13px;text-decoration:none;font-weight:600;line-height:1.2;min-height:40px}.backoffice-nav a:hover,.backoffice-nav a.active{background:var(--bo-primary-hover);border-color:var(--bo-primary-hover)}.backoffice-editor{color:var(--bo-text)}.backoffice-editor .page-title,.backoffice-editor h2{margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid var(--bo-border);color:var(--bo-text);font-size:clamp(1.1rem,2vw,1.4rem);font-weight:700}.backoffice-editor h3{margin:0 0 10px;color:#20334f;font-size:1rem;font-weight:700}.backoffice-editor h4{margin:0 0 8px;color:#30486b;font-size:.92rem;font-weight:700}.backoffice-editor .sectionForm-container,.backoffice-editor .section-container,.backoffice-editor .section-card,.backoffice-editor .card,.backoffice-editor .admin-locations,.backoffice-editor .upload-container,.backoffice-editor .nav-settings-panel,.backoffice-editor .nav-add-form{background:#fff!important;border:1px solid var(--bo-border)!important;border-radius:12px!important;box-shadow:0 4px 14px #1220330d!important;padding:14px!important;margin-bottom:12px}.backoffice-editor .settings-group,.backoffice-editor .config-settings{background:var(--bo-surface-soft)!important;border:1px solid #e4ebf5;border-radius:10px;padding:12px;margin-bottom:10px}.backoffice-editor .section-header{border-bottom:1px solid var(--bo-border);margin-bottom:10px;padding-bottom:8px}.backoffice-editor .section-title{font-weight:700;color:var(--bo-text)}.backoffice-editor .row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.backoffice-editor .row--tight{gap:8px;margin-bottom:8px;align-items:center}.backoffice-editor .col{flex:1 1 180px;min-width:140px}.backoffice-editor .col--xs{flex:0 0 44px;max-width:44px;min-width:44px;text-align:center}.backoffice-editor .col--sm{flex:0 0 110px;max-width:140px}.backoffice-editor .col--md{flex:0 1 220px;max-width:260px}.backoffice-editor .col--lg,.backoffice-editor .col--grow{flex:1 1 280px}.backoffice-editor .col--toolbar{flex:0 0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.backoffice-editor .truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.backoffice-editor label{display:block;margin-bottom:4px;color:#30486b;font-size:.85rem;font-weight:600}.backoffice-editor input,.backoffice-editor select,.backoffice-editor textarea,.backoffice-editor .form-control{width:100%;box-sizing:border-box;background:#fff!important;border:1px solid var(--bo-border)!important;border-radius:10px!important;color:var(--bo-text)!important;padding:9px 10px!important;font-size:.92rem}.backoffice-editor input:focus,.backoffice-editor select:focus,.backoffice-editor textarea:focus,.backoffice-editor .form-control:focus{outline:none;border-color:#7ea1dd;box-shadow:0 0 0 3px #1f4fa324}.backoffice-editor button,.backoffice-editor .afhBtn,.backoffice-editor .save-btn,.backoffice-editor .duplicate-btn,.backoffice-editor .cms-business-add-button,.backoffice-editor .save-settings-btn,.backoffice-editor .btn-primary{border:1px solid var(--bo-primary)!important;background:var(--bo-primary)!important;color:#fff!important;border-radius:10px!important;padding:9px 12px;font-size:.9rem;font-weight:600;line-height:1.2;min-width:0!important;width:auto;height:auto;margin:0;max-width:100%;white-space:normal;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.backoffice-editor button:hover,.backoffice-editor .afhBtn:hover,.backoffice-editor .save-btn:hover,.backoffice-editor .duplicate-btn:hover,.backoffice-editor .cms-business-add-button:hover,.backoffice-editor .save-settings-btn:hover,.backoffice-editor .btn-primary:hover{background:var(--bo-primary-hover)!important;border-color:var(--bo-primary-hover)!important}.backoffice-editor .delete-btn,.backoffice-editor .delete-button{background:var(--bo-danger)!important;border-color:var(--bo-danger)!important}.backoffice-editor .delete-btn:hover,.backoffice-editor .delete-button:hover{background:var(--bo-danger-hover)!important;border-color:var(--bo-danger-hover)!important}.backoffice-editor .icon-btn{min-width:36px;min-height:36px;padding:7px}.backoffice-editor .active-section{border-left:4px solid #2f9e44}.backoffice-editor .inactive-section{opacity:.7;border-left:4px solid #b42318!important}.backoffice-editor .help-text,.backoffice-editor .hint,.backoffice-editor .subtitle-preview,.backoffice-editor .muted{color:var(--bo-muted)}.backoffice-editor .error{color:var(--bo-danger)}.backoffice-editor .uploaded-image-preview{border-radius:8px;border:1px solid #d8e2ef;object-fit:cover}.backoffice-editor .uploaded-image-preview.thumb{width:68px;height:48px}.backoffice-editor table,.backoffice-editor .nav-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--bo-border);border-radius:12px;overflow:hidden}.backoffice-editor .nav-table th,.backoffice-editor .nav-table td,.backoffice-editor table th,.backoffice-editor table td{border-bottom:1px solid #e2e8f2;padding:10px;text-align:left;vertical-align:top}.backoffice-editor .nav-table th,.backoffice-editor table thead th{background:#eaf0fa;color:#283d5b;font-size:.8rem;letter-spacing:.02em;text-transform:uppercase}.backoffice-editor .settings-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px 14px}.backoffice-editor .settings-actions{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.backoffice-owner-page{width:min(100%,1280px);margin:12px auto;padding:14px;border:1px solid var(--bo-border);border-radius:14px;background:linear-gradient(180deg,#f5f9ffb3,#fff),#fff;box-shadow:0 10px 24px #1220330f;color:var(--bo-text)}.backoffice-owner-page h1,.backoffice-owner-page h2{margin:0 0 12px;color:var(--bo-text);font-size:clamp(1.15rem,2vw,1.55rem);font-weight:800}.backoffice-owner-page h3{color:#274162}.backoffice-owner-page .page-head,.backoffice-owner-page .header{margin-bottom:10px}.backoffice-owner-page .toolbar,.backoffice-owner-page .filter-row,.backoffice-owner-page .ctx,.backoffice-owner-page .filebox,.backoffice-owner-page .summary,.backoffice-owner-page .edit-panel,.backoffice-owner-page .callout,.backoffice-owner-page .card,.backoffice-owner-page .table-wrap,.backoffice-owner-page .products-list,.backoffice-owner-page .product-form,.backoffice-owner-page .blog-list,.backoffice-owner-page .blog-item{border-color:var(--bo-border)}.backoffice-owner-page .btn,.backoffice-owner-page button:not(.icon-btn):not(.mini-copy):not(.btn-link){border:1px solid var(--bo-primary);background:var(--bo-primary);color:#fff;border-radius:10px;padding:9px 12px;font-size:.9rem;font-weight:600;line-height:1.2;min-width:0;width:auto;height:auto;margin:0;max-width:100%;white-space:normal;cursor:pointer}.backoffice-owner-page .btn:hover,.backoffice-owner-page button:not(.icon-btn):not(.mini-copy):not(.btn-link):hover{background:var(--bo-primary-hover);border-color:var(--bo-primary-hover)}.backoffice-owner-page .btn-danger,.backoffice-owner-page .delete-button,.backoffice-owner-page .btn.warn{background:var(--bo-danger);border-color:var(--bo-danger);color:#fff}.backoffice-owner-page .btn-danger:hover,.backoffice-owner-page .delete-button:hover,.backoffice-owner-page .btn.warn:hover{background:var(--bo-danger-hover);border-color:var(--bo-danger-hover)}.backoffice-owner-page input,.backoffice-owner-page select,.backoffice-owner-page textarea,.backoffice-owner-page .form-control{border:1px solid var(--bo-border);border-radius:10px}.backoffice-owner-page table thead th{background:#eaf0fa;color:#283d5b;border-bottom-color:#dbe3ef}@media (max-width: 680px){.backoffice-owner-page{padding:10px;border-radius:12px}}@media (max-width: 900px){.backoffice-shell{width:calc(100vw - 16px);margin-top:74px;padding:12px;border-radius:14px}.backoffice-editor .settings-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (max-width: 680px){.backoffice-actions{display:grid;grid-template-columns:1fr;gap:8px}.backoffice-shell button,.backoffice-shell .afhBtn,.backoffice-shell .cms-business-add-button,.backoffice-shell .add-business-button,.backoffice-shell .edit-button,.backoffice-shell .cms-business-edit-button{width:100%}.backoffice-nav ul{display:grid;grid-template-columns:1fr;gap:8px}.backoffice-editor .row{flex-direction:column;gap:8px}.backoffice-editor .col,.backoffice-editor .col--xs,.backoffice-editor .col--sm,.backoffice-editor .col--md,.backoffice-editor .col--lg,.backoffice-editor .col--grow{width:100%;max-width:100%;flex:1 1 100%}.backoffice-editor .settings-grid{grid-template-columns:1fr}.backoffice-editor button,.backoffice-editor .afhBtn,.backoffice-editor .save-btn,.backoffice-editor .duplicate-btn,.backoffice-editor .cms-business-add-button,.backoffice-editor .save-settings-btn,.backoffice-editor .btn-primary{width:100%}}#ssr-loader{position:fixed;inset:0;background-color:#fff;display:flex;align-items:center;justify-content:center;z-index:9999}.loader-spinner{width:48px;height:48px;border:6px solid #ccc;border-top:6px solid var(--primary-color, #333);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}