:root{--a-ink:#16111a;--a-muted:#756c79;--a-bg:#f1f4f7;--a-panel:#fff;--a-deep:#140b19;--a-purple:#8f25b7;--a-pink:#cc268f;--a-line:#dfe3e7;--a-red:#b53052;--a-green:#1a9c6a;--a-shadow:0 18px 50px rgba(31,20,36,.08)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Avenir Next,Avenir,Segoe UI,sans-serif;color:var(--a-ink)}button,input,textarea,select{font:inherit}button,a{color:inherit}.admin-body{background:var(--a-bg)}.admin-topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:linear-gradient(105deg,#110817,#30103c);color:#fff;position:sticky;top:0;z-index:50}.admin-brand{display:flex;align-items:center;gap:12px;text-decoration:none;text-transform:uppercase;letter-spacing:.1em}.admin-brand img{width:46px;height:46px;border-radius:13px;object-fit:cover}.admin-brand span{display:grid}.admin-brand strong{font-size:16px}.admin-brand small{font-size:8px;letter-spacing:.25em;color:#d3c4d8;margin-top:3px}.top-actions{display:flex;gap:10px;align-items:center}.top-actions>span{font-size:11px;color:#c7bccc}.admin-button{border:1px solid var(--a-line);background:#fff;border-radius:11px;min-height:42px;padding:0 17px;font-size:12px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.admin-button:hover{transform:translateY(-1px)}.admin-button.primary{background:linear-gradient(105deg,var(--a-purple),var(--a-pink));border:0;color:#fff}.admin-button.quiet{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.15);color:#fff}.admin-shell{display:grid;grid-template-columns:255px 1fr;min-height:calc(100vh - 80px)}.admin-sidebar{position:sticky;top:80px;height:calc(100vh - 80px);background:#fff;border-right:1px solid var(--a-line);padding:28px 16px;display:flex;flex-direction:column;justify-content:space-between}.admin-sidebar nav{display:grid;gap:7px}.side-link{border:0;background:transparent;text-align:left;padding:14px 15px;border-radius:12px;font-weight:750;color:#625968;cursor:pointer;display:flex;align-items:center;gap:12px}.side-link span{width:24px}.side-link b{margin-left:auto;background:#f4e7f3;color:#91227e;border-radius:999px;padding:2px 7px;font-size:9px}.side-link.active,.side-link:hover{background:#f4eaf5;color:#7b1e78}.sidebar-note{display:flex;gap:11px;padding:14px;border-top:1px solid var(--a-line);font-size:10px;color:var(--a-muted)}.sidebar-note p{margin:0}.status-dot{width:9px;height:9px;border-radius:50%;background:#2eb87e;box-shadow:0 0 0 5px #e2f7ef;margin-top:5px}.admin-main{padding:48px;max-width:1450px;width:100%;margin:auto}.admin-panel{display:none}.admin-panel.active{display:block}.admin-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.admin-kicker{font-size:10px;color:#a32891;text-transform:uppercase;letter-spacing:.2em;font-weight:850;margin:0 0 9px}.admin-heading h1{font-size:42px;letter-spacing:-.04em;margin:0}.admin-heading p:last-child{color:var(--a-muted);margin:8px 0 0}.page-list{background:#fff;border:1px solid var(--a-line);border-radius:20px;overflow:hidden;box-shadow:var(--a-shadow)}.page-row{display:flex;align-items:center;gap:16px;padding:19px 22px;border-bottom:1px solid var(--a-line);transition:.2s}.page-row:last-child{border:0}.page-row:hover{background:#faf8fb}.page-row.dragging{opacity:.35}.drag-handle{cursor:grab;color:#aaa}.page-icon{width:43px;height:43px;display:grid;place-items:center;background:#f7eaf4;color:#a72b91;border-radius:12px}.page-info{flex:1}.page-info h3{margin:0 0 3px;font-size:15px}.page-info p{margin:0;color:var(--a-muted);font-size:10px}.icon-button{width:38px;height:38px;border:0;background:#f4f2f5;border-radius:10px;font-size:19px;cursor:pointer}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.admin-card{background:#fff;border:1px solid var(--a-line);border-radius:18px;padding:25px;box-shadow:var(--a-shadow)}.admin-card h3{font-size:20px;margin:18px 0 8px}.admin-card p{font-size:13px;color:var(--a-muted)}.event-badge{background:#f3e7f4;color:#90247c;border-radius:999px;padding:6px 10px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.text-danger{border:0;background:none;color:var(--a-red);padding:0;font-weight:800;font-size:11px;cursor:pointer}.settings-form{background:#fff;border:1px solid var(--a-line);padding:30px;border-radius:20px;display:grid;grid-template-columns:1fr 1fr;gap:20px;box-shadow:var(--a-shadow)}label{display:grid;gap:7px;font-size:11px;font-weight:800;color:#514957}label input,label textarea,label select{width:100%;border:1px solid #d9dde1;border-radius:10px;padding:12px 13px;background:#fff;outline:none;color:#1d1820}label input:focus,label textarea:focus,label select:focus{border-color:#a22998;box-shadow:0 0 0 3px #f2e4f1}label input[type=checkbox]{width:auto;display:inline}.message-list{display:grid;gap:12px}.message-card{display:grid;grid-template-columns:1fr auto;background:#fff;border:1px solid var(--a-line);border-radius:16px;padding:22px}.message-card.unread{border-left:4px solid #a12598}.message-card h3{margin:0}.message-card p{margin:5px 0;color:var(--a-muted)}.message-card>p{grid-column:1/-1;color:#352d39}.message-card time{font-size:10px;color:#948b97}.empty-state{background:#fff;padding:50px;text-align:center;border-radius:18px;color:var(--a-muted)}.admin-dialog{border:0;border-radius:22px;padding:0;width:min(94vw,560px);box-shadow:0 30px 100px rgba(20,8,24,.3)}.admin-dialog::backdrop{background:rgba(15,7,18,.65);backdrop-filter:blur(5px)}.admin-dialog form{display:grid;gap:18px;padding:35px}.admin-dialog h2{font-size:32px;margin:0}.dialog-close{position:absolute;right:18px;top:15px;border:0;background:none;font-size:27px;cursor:pointer}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.toast{position:fixed;right:25px;bottom:-100px;z-index:200;background:#16231e;color:#fff;padding:14px 20px;border-radius:12px;font-size:12px;font-weight:750;transition:.3s;box-shadow:var(--a-shadow)}.toast.show{bottom:25px}.toast.error{background:#8f2642}.alert{padding:12px;border-radius:10px;font-size:12px}.alert.error{background:#fbe7ec;color:#8d203b}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#6f1f83,transparent 35%),radial-gradient(circle at 80% 80%,#0e6071,transparent 30%),#100615;padding:25px}.auth-card{width:min(100%,470px);background:#fff;border-radius:28px;padding:42px;box-shadow:0 35px 100px rgba(0,0,0,.4)}.auth-card>img{width:75px;height:75px;border-radius:20px;object-fit:cover;margin-bottom:24px}.auth-card h1{font-size:37px;letter-spacing:-.04em;margin:0}.auth-card>p:not(.admin-kicker){color:var(--a-muted)}.auth-card form{display:grid;gap:18px;margin-top:25px}.auth-back{display:block;margin-top:25px;text-align:center;color:#6d6470;font-size:11px;text-decoration:none}
/* Visual editor */.editor-body{margin:0;background:#121013;height:100vh;overflow:hidden}.editor-topbar{height:112px;background:linear-gradient(105deg,#110817,#361141);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:20px 28px;gap:22px}.editor-title{min-width:230px}.editor-title a{font-size:10px;color:#d1c1d5;text-decoration:none;text-transform:uppercase;letter-spacing:.14em}.editor-title h1{font-size:35px;margin:5px 0 0;white-space:nowrap;max-width:420px;overflow:hidden;text-overflow:ellipsis}.editor-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.save-state{font-size:11px;color:#d2c4d7;margin-right:5px}.editor-layout{display:grid;grid-template-columns:315px minmax(500px,1fr) 330px;height:calc(100vh - 112px)}.editor-palette,.editor-inspector{background:#fff;overflow-y:auto}.editor-palette{border-right:1px solid #333}.editor-inspector{border-left:1px solid #333;padding:25px}.editor-tabs{display:flex;border-bottom:1px solid var(--a-line);position:sticky;top:0;background:#fff;z-index:3}.editor-tab{flex:1;padding:18px 5px;border:0;background:#fff;font-size:11px;font-weight:850;color:#726a76;cursor:pointer}.editor-tab.active{color:#9b2588;border-bottom:3px solid #a52590}.tab-content{display:none;padding:18px}.tab-content.active{display:block}.element-search{width:100%;border:1px solid var(--a-line);border-radius:11px;padding:12px;margin-bottom:14px}.element-group{margin-bottom:11px;border:1px solid var(--a-line);border-radius:13px;overflow:hidden}.element-group summary{padding:14px;cursor:pointer;font-size:12px;font-weight:850;list-style:none}.element-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 10px 10px}.element-button{display:grid;place-items:center;min-height:74px;border:1px solid var(--a-line);background:#fafbfb;border-radius:10px;cursor:grab;font-size:10px;font-weight:800;text-align:center}.element-button span{font-size:20px;color:#a62592}.editor-canvas-wrap{overflow:auto;padding:45px;background:#151416}.editor-canvas-frame{width:100%;max-width:1050px;min-height:100%;margin:auto;background:#f4f0f4;transition:width .3s}.editor-canvas-frame.tablet{width:768px}.editor-canvas-frame.mobile{width:390px}.editor-canvas{min-height:650px;padding:20px}.canvas-empty{padding:90px 20px;text-align:center;border:2px dashed #bcb6bd;border-radius:15px;color:#766e78}.canvas-block{position:relative;border:2px solid transparent;margin-bottom:14px;transition:.15s;background:#fff}.canvas-block:hover{border-color:#b12c9c}.canvas-block.selected{border-color:#a52493;box-shadow:0 0 0 3px rgba(165,36,147,.16)}.block-controls{display:none;position:absolute;right:7px;top:7px;z-index:4;background:#1e1521;border-radius:8px;overflow:hidden}.canvas-block:hover .block-controls,.canvas-block.selected .block-controls{display:flex}.block-controls button{border:0;background:#1e1521;color:#fff;padding:8px;font-size:11px;cursor:pointer}.block-preview{pointer-events:none;overflow:hidden}.preview-hero{min-height:390px;padding:55px;background:radial-gradient(circle at 75%,#8e28a1,transparent 30%),#110716;color:#fff;display:grid;align-items:center}.preview-hero h2{font-size:50px;line-height:.95;margin:10px 0;max-width:650px}.preview-hero img{width:160px;height:160px;object-fit:cover;border-radius:50%;float:right}.preview-section{padding:48px;color:#1e1721}.preview-section.dark{background:#110815;color:#fff}.preview-section.purple{background:linear-gradient(110deg,#692282,#b5299d);color:#fff}.preview-section h2{font-size:34px;line-height:1.05;margin:7px 0 15px}.preview-eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:.2em;color:#d62ca7}.preview-split{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.preview-split img,.preview-image{width:100%;max-height:310px;object-fit:cover;border-radius:15px}.preview-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.preview-feature-grid div{border:1px solid #ddd;padding:18px;border-radius:12px}.preview-button{display:inline-block;background:#a5289a;color:#fff;border-radius:20px;padding:9px 14px;font-size:9px}.preview-event{border-top:1px solid #ddd;padding:13px 0}.drop-indicator{height:7px;background:#c92ca2;border-radius:4px;margin:-4px 0 7px}.inspector-empty{color:var(--a-muted);font-size:12px}.inspector-empty h2{font-size:27px;color:var(--a-ink)}.inspector-form{display:grid;gap:16px}.inspector-form h2{font-size:26px;margin:0}.inspector-form hr{border:0;border-top:1px solid var(--a-line)}.inspector-form label{font-size:10px}.inspector-form .color-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rich-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:8px;background:#f1f0f2;border:1px solid var(--a-line);border-bottom:0;border-radius:9px 9px 0 0}.rich-toolbar button{min-width:31px;height:30px;border:1px solid #d5d2d7;background:#fff;border-radius:6px;font-weight:800;cursor:pointer}.rich-editor{min-height:180px;border:1px solid var(--a-line);padding:12px;border-radius:0 0 9px 9px;outline:none;font-size:13px}.setting-section{border:1px solid var(--a-line);border-radius:12px;margin-bottom:10px}.setting-section summary{padding:13px;font-weight:850;font-size:11px;cursor:pointer}.setting-section>div{padding:0 13px 13px;display:grid;gap:12px}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.media-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;cursor:pointer}.upload-zone{border:2px dashed #ccc;padding:25px;text-align:center;border-radius:12px;margin-bottom:15px}.versions-list{display:grid;gap:8px}.version-row{border:1px solid var(--a-line);padding:11px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;font-size:10px}.device-switch{display:flex;background:rgba(255,255,255,.1);border-radius:10px;padding:3px}.device-switch button{border:0;background:transparent;color:#ddd;padding:8px 10px;border-radius:8px;cursor:pointer}.device-switch button.active{background:#fff;color:#201423}.editor-mobile-toggle{display:none}
@media(max-width:1050px){.admin-shell{grid-template-columns:200px 1fr}.admin-main{padding:30px}.card-grid{grid-template-columns:1fr 1fr}.editor-layout{grid-template-columns:270px minmax(390px,1fr)}.editor-inspector{position:fixed;right:-340px;top:112px;width:330px;height:calc(100vh - 112px);z-index:20;transition:.25s;box-shadow:-20px 0 50px rgba(0,0,0,.2)}.editor-inspector.open{right:0}.editor-mobile-toggle{display:inline-flex}}
@media(max-width:760px){.admin-topbar{padding:0 15px}.top-actions>span,.top-actions .quiet{display:none}.admin-shell{display:block}.admin-sidebar{height:auto;position:sticky;top:80px;z-index:10;padding:8px}.admin-sidebar nav{display:flex;overflow:auto}.side-link span,.sidebar-note{display:none}.admin-main{padding:25px 16px}.admin-heading{align-items:start}.admin-heading h1{font-size:34px}.page-row{flex-wrap:wrap}.page-info{min-width:180px}.settings-form,.card-grid{grid-template-columns:1fr}.editor-topbar{height:145px;display:block;padding:12px 15px}.editor-title h1{font-size:23px}.editor-actions{margin-top:10px;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}.editor-actions .admin-button{white-space:nowrap}.save-state{display:none}.editor-layout{height:calc(100vh - 145px);display:block}.editor-palette{position:fixed;left:-285px;top:145px;width:280px;height:calc(100vh - 145px);z-index:25;transition:.25s;box-shadow:20px 0 50px rgba(0,0,0,.2)}.editor-palette.open{left:0}.editor-canvas-wrap{height:100%;padding:18px}.editor-canvas-frame{min-width:350px}.editor-inspector{top:145px;height:calc(100vh - 145px)}.preview-feature-grid,.preview-split{grid-template-columns:1fr}}