*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f7fb;color:#17324d}a{text-decoration:none;color:inherit}.wc-auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#eef5ff,#fff7f1)}.wc-auth-card{width:min(460px,100%);background:#fff;border:1px solid #dce6ef;border-radius:24px;padding:30px;box-shadow:0 24px 70px rgba(22,50,77,.12)}.wc-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.wc-brand img{width:48px;height:48px;object-fit:contain}.wc-brand b{display:block;font-size:20px}.wc-brand span{display:block;font-size:12px;color:#71869b;margin-top:3px}.wc-auth h1{font-size:26px;margin:0 0 8px}.wc-auth p{color:#63788e;line-height:1.6;margin:0 0 22px}.wc-auth small{display:block;color:#8294a6;margin-top:14px}.wc-auth form{display:grid;gap:16px}label{font-size:12px;font-weight:800;color:#4e647a;display:grid;gap:7px}input,textarea,select{width:100%;border:1px solid #d4e0eb;border-radius:11px;background:#fff;padding:11px 12px;font:inherit;color:#17324d;outline:none}input:focus,textarea:focus,select:focus{border-color:#2e6bb0;box-shadow:0 0 0 3px rgba(46,107,176,.1)}input[type=color]{padding:3px;height:42px}.wc-btn{border:0;border-radius:11px;padding:11px 16px;font-weight:800;cursor:pointer}.wc-btn.primary{background:#12365d;color:#fff}.wc-btn.accent{background:#ff6425;color:#fff}.wc-btn.soft{background:#edf3f9;color:#12365d}.wc-btn.danger{background:#fff0f0;color:#a52b2b}.wc-alert{padding:11px 13px;border-radius:10px;margin:12px 0;font-size:13px}.wc-alert.ok{background:#edf9f1;color:#176b37}.wc-alert.error{background:#fff1f1;color:#9c2d2d}.wc-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.wc-side{background:#102f51;color:#fff;padding:22px 16px;position:sticky;top:0;height:100vh}.wc-side .wc-brand{margin-bottom:28px}.wc-side .wc-brand span{color:#bdd0e1}.wc-nav{display:grid;gap:6px}.wc-nav a{padding:11px 12px;border-radius:10px;color:#d9e7f3;font-size:13px;font-weight:700}.wc-nav a:hover,.wc-nav a.active{background:#1d466f;color:#fff}.wc-side-foot{position:absolute;bottom:18px;left:16px;right:16px;display:grid;gap:8px}.wc-main{min-width:0}.wc-top{height:70px;background:#fff;border-bottom:1px solid #e0e8ef;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.wc-top h1{font-size:19px;margin:0}.wc-top-actions{display:flex;gap:8px}.wc-content{padding:26px;max-width:1420px}.wc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.wc-card{background:#fff;border:1px solid #dfe7ef;border-radius:16px;padding:18px;box-shadow:0 6px 22px rgba(20,50,80,.04)}.wc-kpi span{font-size:12px;color:#71869b;font-weight:700}.wc-kpi strong{font-size:26px;display:block;margin-top:8px}.wc-section{display:none}.wc-section.active{display:block}.wc-section-head{display:flex;justify-content:space-between;align-items:end;margin:0 0 16px}.wc-section-head h2{margin:0;font-size:23px}.wc-section-head p{margin:5px 0 0;color:#71869b;font-size:13px}.wc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wc-form-grid .wide{grid-column:1/-1}.wc-card h3{font-size:15px;margin:0 0 14px}.wc-stack{display:grid;gap:13px}.wc-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wc-inline{display:flex;align-items:center;gap:10px}.wc-inline input[type=checkbox]{width:auto}.wc-savebar{position:sticky;bottom:12px;display:flex;justify-content:flex-end;gap:9px;margin-top:22px;background:rgba(255,255,255,.92);border:1px solid #dae4ed;border-radius:14px;padding:10px;backdrop-filter:blur(10px)}.wc-color-row{display:grid;grid-template-columns:1fr 74px;gap:8px}.wc-preview{width:100%;height:68vh;border:1px solid #d9e3ec;border-radius:14px;background:#fff}.wc-history{display:grid;gap:9px}.wc-history-row{display:flex;justify-content:space-between;align-items:center;border:1px solid #e1e8ef;padding:11px 13px;border-radius:11px}.wc-note{font-size:12px;color:#71869b;line-height:1.6}.wc-media-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.wc-media-item{border:1px solid #dce5ed;border-radius:12px;overflow:hidden;background:#fff}.wc-media-item img{width:100%;aspect-ratio:1/1;object-fit:cover}.wc-media-item div{padding:8px;font-size:11px;word-break:break-all}.wc-list-editor{display:grid;gap:8px}.wc-list-editor .item{display:grid;grid-template-columns:1fr auto;gap:8px}.wc-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eaf5ed;color:#1f7240;font-size:11px;font-weight:800}@media(max-width:1050px){.wc-shell{grid-template-columns:1fr}.wc-side{height:auto;position:static}.wc-nav{grid-template-columns:repeat(3,1fr)}.wc-side-foot{position:static;margin-top:16px}.wc-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.wc-content{padding:16px}.wc-top{padding:0 16px}.wc-grid,.wc-form-grid,.wc-row{grid-template-columns:1fr}.wc-form-grid .wide{grid-column:auto}.wc-nav{grid-template-columns:1fr 1fr}.wc-media-grid{grid-template-columns:repeat(2,1fr)}.wc-top-actions .soft{display:none}}
.wc-builder-row{display:grid;grid-template-columns:44px 1fr 1.3fr;gap:10px;align-items:center}.wc-builder-row.compact{grid-template-columns:44px 100px 1fr}.wc-builder-row.two{grid-template-columns:1fr 1fr}.wc-builder-card{display:grid;gap:9px;padding:13px;border:1px solid #e0e8ef;border-radius:12px;background:#fbfdff}.wc-builder-row b{font-size:12px;color:#71869b}.wc-card+.wc-card{scroll-margin-top:90px}@media(max-width:760px){.wc-builder-row,.wc-builder-row.compact,.wc-builder-row.two{grid-template-columns:1fr}.wc-builder-row b{display:none}}

.wc-visual-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:14px}.wc-visual-toolbar label{min-width:190px}.wc-device-switch{display:flex;background:#eaf0f6;border-radius:10px;padding:3px}.wc-device-switch button{border:0;background:transparent;padding:9px 12px;border-radius:8px;font-weight:800;color:#587086;cursor:pointer}.wc-device-switch button.active{background:#fff;color:#12365d;box-shadow:0 2px 8px rgba(20,50,80,.1)}.wc-builder-shell{display:grid;grid-template-columns:180px minmax(0,1fr) 300px;gap:14px;align-items:start}.wc-block-library,.wc-props{background:#fff;border:1px solid #dfe7ef;border-radius:14px;padding:14px;position:sticky;top:86px;max-height:calc(100vh - 110px);overflow:auto}.wc-block-library h3,.wc-props h3{margin:0 0 5px}.wc-block-library p{font-size:11px;color:#71869b;margin:0 0 12px}.wc-block-library button{width:100%;text-align:left;border:1px solid #dce5ed;background:#f8fbfe;border-radius:10px;padding:10px 11px;margin:0 0 7px;font-weight:800;color:#17324d;cursor:grab}.wc-block-library button:hover{border-color:#99b6d3;background:#eef6ff}.wc-canvas-wrap{background:#dfe6ed;padding:18px;border-radius:14px;min-height:650px;overflow:auto}.wc-canvas{margin:auto;background:#fff;min-height:610px;box-shadow:0 12px 40px rgba(22,50,77,.13);transition:width .2s}.wc-canvas.desktop{width:100%}.wc-canvas.tablet{width:min(760px,100%)}.wc-canvas.mobile{width:min(390px,100%)}.wc-empty-canvas{padding:90px 20px;text-align:center;color:#7b8ea0}.wc-canvas-block{position:relative;border:2px solid transparent;cursor:pointer;background:#fff}.wc-canvas-block:hover{border-color:#a9c6e2}.wc-canvas-block.selected{border-color:#2e6bb0}.wc-block-tools{display:flex;align-items:center;justify-content:space-between;padding:6px 9px;background:#12365d;color:#fff;font-size:11px;font-weight:800}.wc-block-tools button{border:0;background:rgba(255,255,255,.15);color:#fff;border-radius:5px;padding:3px 6px;margin-left:3px;cursor:pointer}.wc-block-preview{padding:28px 24px}.wc-block-preview>span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#ff6425;font-weight:800}.wc-block-preview h2,.wc-block-preview h3{margin:6px 0 8px}.wc-block-preview p{color:#6d8092;font-size:12px;line-height:1.6}.mock-image{min-height:130px;background:#edf2f6;border-radius:10px;display:grid;place-items:center;color:#8ba0b2}.wc-block-preview:has(.mock-image){display:grid;grid-template-columns:1fr 1.2fr;gap:16px;align-items:center}.mock-cards,.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.mock-cards i,.mock-stats i{border:1px solid #e0e7ed;border-radius:8px;padding:12px;font-style:normal;font-size:10px}.mock-stats i{display:grid;text-align:center}.mock-stats b{font-size:16px}.mock-stats small{font-size:9px;color:#7d90a2}.mock-faq{border-bottom:1px solid #e4ebf1;padding:9px 0;margin:0!important}.wc-props{display:grid;gap:10px}.wc-props-head{display:flex;justify-content:space-between;align-items:center}.wc-props-head h3{margin:0}.wc-props-head span{font-size:11px;color:#8294a6}.wc-prop-items{display:grid;gap:10px}.wc-prop-item{display:grid;gap:8px;border:1px solid #e0e7ed;border-radius:10px;padding:10px;background:#fafcff}.wc-mini{border:1px solid #d5e0ea;background:#fff;border-radius:8px;padding:7px 9px;font-weight:800;color:#17324d;cursor:pointer}.wc-mini.danger{color:#a52b2b}.wc-visual-save{position:sticky;bottom:12px;display:flex;justify-content:flex-end;gap:9px;margin-top:14px;background:rgba(255,255,255,.94);border:1px solid #dae4ed;border-radius:14px;padding:10px;z-index:8}@media(max-width:1200px){.wc-builder-shell{grid-template-columns:150px minmax(0,1fr)}.wc-props{grid-column:1/-1;position:static;max-height:none}}@media(max-width:760px){.wc-builder-shell{grid-template-columns:1fr}.wc-block-library,.wc-props{position:static;max-height:none}.wc-block-library{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.wc-block-library h3,.wc-block-library p{grid-column:1/-1}.wc-block-library button{margin:0}.wc-canvas-wrap{padding:8px}.wc-block-preview:has(.mock-image){grid-template-columns:1fr}}
/* R4.1 builder-first admin shell */
.wc-top>div:first-child{display:grid;gap:2px}.wc-top>div:first-child small{font-size:11px;color:#7b8ea0;font-weight:700}.wc-advanced-nav{margin-top:8px;border-top:1px solid rgba(255,255,255,.12);padding-top:8px}.wc-advanced-nav summary{cursor:pointer;padding:9px 12px;color:#9fb8ce;font-size:11px;font-weight:800;list-style:none}.wc-advanced-nav summary::-webkit-details-marker{display:none}.wc-advanced-nav summary:after{content:'▾';float:right}.wc-advanced-nav[open] summary:after{content:'▴'}.wc-advanced-nav a{display:block;margin-top:4px}.wc-nav>a[data-tab="visual"]{background:linear-gradient(135deg,#24598b,#1b4770);border:1px solid rgba(255,255,255,.1)}.wc-nav>a[data-tab="visual"].active{box-shadow:inset 0 0 0 1px #73b8ff,0 8px 20px rgba(0,0,0,.12)}
.wc-section[data-section="visual"] .wc-section-head{align-items:center}.wc-section[data-section="visual"] .wc-section-head h2{font-size:26px}.wc-builder-shell{min-height:calc(100vh - 245px)}.wc-canvas-wrap{min-height:calc(100vh - 250px)}
