:root{--forest:#0b2b1f;--forest-2:#143f2b;--leaf:#2fb66d;--paper:#fff;--wash:#eef5eb;--ink:#11291f;--muted:#66786d;--line:#d4e3d4;--danger:#a83232;--shadow:0 18px 55px rgba(11,43,31,.12);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--wash)}
*{box-sizing:border-box}body{margin:0;background:#eef5eb;color:var(--ink)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
.webedit-topbar{height:72px;padding:0 18px;display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(210px,1fr);align-items:center;gap:16px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(15px)}
.webedit-brand{display:flex;align-items:center;gap:10px}.webedit-brand img{width:44px;height:44px;object-fit:contain;border:1px solid var(--line);border-radius:13px;background:#fff}.webedit-brand b,.webedit-brand small{display:block}.webedit-brand small{font-size:11px;color:var(--muted);margin-top:2px}.webedit-topbar nav{display:flex;gap:5px;padding:5px;border:1px solid var(--line);border-radius:999px;background:#f8fbf7}.webedit-topbar nav a{font-size:12px;font-weight:800;padding:9px 11px;border-radius:999px;white-space:nowrap}.webedit-topbar nav a.active{background:var(--forest);color:#fff}.webedit-top-actions{justify-self:end;display:flex;align-items:center;gap:8px}.webedit-button,.webedit-icon-button{border:1px solid var(--line);background:#fff;border-radius:12px;min-height:40px;padding:10px 13px;font-weight:800;color:var(--ink)}
.webedit-shell{height:calc(100vh - 72px);display:grid;grid-template-columns:355px minmax(0,1fr);overflow:hidden}.webedit-sidebar{background:#fff;border-right:1px solid var(--line);padding:18px;overflow:auto}.webedit-heading span,.webedit-panel-head span{font-size:11px;color:#19864b;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.webedit-heading h1{font-size:26px;margin:4px 0}.webedit-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.webedit-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:18px 0}.webedit-tabs button,.webedit-panel button,.webedit-toolbar button,.webedit-form-actions button{border:1px solid var(--line);background:#f7faf5;color:var(--ink);border-radius:11px;padding:9px 10px;font-weight:800}.webedit-tabs button.active{background:var(--forest);color:#fff;border-color:var(--forest)}
.webedit-panel{padding:2px}.webedit-empty{border:1px dashed #a9c3aa;border-radius:16px;padding:24px 18px;text-align:center;background:#f6faf4}.webedit-empty p{font-size:13px;color:var(--muted);line-height:1.5}.webedit-selection{padding:11px 12px;border-radius:13px;background:#eaf6e8;margin-bottom:12px}.webedit-selection span{display:inline-block;padding:4px 7px;border-radius:7px;background:var(--forest);color:#fff;font-size:10px;font-weight:900;margin-right:6px}.webedit-panel label{display:grid;gap:6px;margin:11px 0}.webedit-panel label>span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:900;color:#53685c}.webedit-panel input,.webedit-panel textarea,.webedit-panel select,.webedit-search,.webedit-dialog input,.webedit-dialog textarea,.webedit-dialog select{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:#fff;color:var(--ink);outline:none}.webedit-panel input:focus,.webedit-panel textarea:focus,.webedit-dialog input:focus,.webedit-dialog textarea:focus,.webedit-dialog select:focus{border-color:#55b877;box-shadow:0 0 0 3px rgba(47,182,109,.12)}.webedit-file small{color:var(--muted);font-size:11px}.webedit-form-actions{display:grid;gap:8px;margin-top:14px}.webedit-form-actions .primary,.webedit-dialog .primary{background:var(--leaf);border-color:var(--leaf);color:#fff}.webedit-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.webedit-panel-head h2{margin:2px 0;font-size:20px}.webedit-panel-head button{background:var(--forest);color:#fff;border-color:var(--forest)}.webedit-search{margin-bottom:10px}.webedit-records{display:grid;gap:8px}.webedit-record{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);padding:8px;border-radius:14px;background:#fff}.webedit-record img,.webedit-record .image{width:54px;height:54px;object-fit:cover;background:#edf4e9;border:1px solid var(--line);border-radius:11px}.webedit-record b,.webedit-record small{display:block}.webedit-record small{font-size:11px;color:var(--muted);margin-top:4px}.webedit-record button{padding:7px 9px;font-size:11px}
.webedit-stage{min-width:0;display:flex;flex-direction:column;padding:14px;overflow:hidden}.webedit-toolbar{display:flex;gap:10px;align-items:end;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 28px rgba(16,48,34,.07)}.webedit-toolbar label{display:grid;gap:4px;min-width:190px}.webedit-toolbar label span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:900;color:var(--muted)}.webedit-toolbar select{border:1px solid var(--line);border-radius:10px;padding:9px 32px 9px 10px;background:#fff}.webedit-viewport{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:11px;background:#f5f8f3}.webedit-viewport button{border:0;padding:7px 10px;background:transparent}.webedit-viewport button.active{background:var(--forest);color:#fff}.webedit-notice{font-size:12px;color:#53685c;padding:9px 13px}.webedit-canvas{width:100%;height:100%;margin:auto;min-height:0;background:#dfe8dc;border:1px solid #c8d9c8;border-radius:17px;padding:10px;display:flex;justify-content:center;overflow:auto;transition:.2s}.webedit-canvas iframe{width:100%;height:100%;min-height:620px;border:0;background:#fff;border-radius:11px;box-shadow:var(--shadow)}.webedit-canvas.tablet iframe{width:820px;max-width:100%}.webedit-canvas.mobile iframe{width:390px;max-width:100%}
.webedit-modal{position:fixed;inset:0;z-index:80;background:rgba(5,24,15,.7);display:grid;place-items:center;padding:20px}.webedit-dialog{width:min(720px,100%);max-height:min(760px,92vh);overflow:auto;background:#fff;border-radius:22px;padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.3)}.webedit-dialog-head{display:flex;align-items:center;justify-content:space-between}.webedit-dialog-head h2{margin:0}.webedit-dialog-head button{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#f4f8f2;font-size:24px}.webedit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.webedit-grid label{display:grid;gap:6px}.webedit-grid label.wide{grid-column:1/-1}.webedit-grid span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#53685c}.webedit-dialog-actions{display:flex;gap:8px;margin-top:15px}.webedit-dialog-actions button{border:1px solid var(--line);padding:11px 15px;border-radius:11px;font-weight:900;background:#f6faf4}.webedit-dialog-actions .danger{margin-left:auto;color:var(--danger);background:#fff3f3;border-color:#e7c8c8}.webedit-toast{position:fixed;right:20px;bottom:20px;background:var(--forest);color:#fff;padding:12px 16px;border-radius:12px;box-shadow:var(--shadow);z-index:100;transform:translateY(120px);opacity:0;transition:.2s}.webedit-toast.show{transform:translateY(0);opacity:1}
@media(max-width:1100px){.webedit-topbar{grid-template-columns:1fr auto}.webedit-topbar nav{display:none}.webedit-shell{grid-template-columns:320px minmax(0,1fr)}}
@media(max-width:760px){.webedit-topbar{height:auto;min-height:64px;padding:9px 12px}.webedit-brand small{display:none}.webedit-button{display:none}.webedit-shell{height:auto;min-height:calc(100vh - 64px);display:flex;flex-direction:column}.webedit-sidebar{border-right:0;border-bottom:1px solid var(--line);max-height:48vh}.webedit-stage{height:72vh;padding:8px}.webedit-toolbar{overflow-x:auto;align-items:center}.webedit-toolbar label{min-width:150px}.webedit-viewport{display:none}.webedit-toolbar button{white-space:nowrap}.webedit-canvas{padding:5px}.webedit-canvas iframe{min-height:680px}.webedit-grid{grid-template-columns:1fr}.webedit-grid label.wide{grid-column:auto}}