:root{--primary:#5820c3;--primary-2:#7b4ae0;--primary-3:#a685f0;--primary-soft:#5820c31a;--bg:#ebe8f3;--bg-2:#e3dfee;--surface:#ebe8f3;--text:#24203a;--text-2:#5d5875;--text-3:#8a85a3;--sh-dark:#a398c48c;--sh-light:#ffffffeb;--neu:9px 9px 20px var(--sh-dark), -9px -9px 20px var(--sh-light);--neu-sm:5px 5px 11px var(--sh-dark), -5px -5px 11px var(--sh-light);--neu-lg:18px 18px 40px var(--sh-dark), -18px -18px 40px var(--sh-light);--neu-in:inset 6px 6px 12px var(--sh-dark), inset -6px -6px 12px var(--sh-light);--neu-in-sm:inset 3px 3px 7px var(--sh-dark), inset -3px -3px 7px var(--sh-light);--grad:linear-gradient(135deg, #6a2fe0 0%, #5820c3 55%, #4316a0 100%);--radius:26px;--radius-sm:16px;--font-h:"Sora", system-ui, sans-serif;--font-b:"Plus Jakarta Sans", system-ui, sans-serif;--ease:cubic-bezier(.2, .8, .2, 1);--header-h:84px}:root[data-theme=dark]{--bg:#1d1a27;--bg-2:#191623;--surface:#1d1a27;--text:#ece9f7;--text-2:#b4aed0;--text-3:#837d9f;--primary-3:#b89cff;--primary-soft:#966eff24;--sh-dark:#08060ebf;--sh-light:#342e468c}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-b);color:var(--text);background:var(--bg);transition:background .4s var(--ease), color .4s var(--ease);margin:0;font-size:15.5px;line-height:1.55}h1,h2,h3,h4{font-family:var(--font-h);letter-spacing:-.02em;margin:0 0 .5em;line-height:1.2}p{margin:0 0 1em}a{color:var(--primary);text-decoration:none}:root[data-theme=dark] a{color:var(--primary-3)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--primary-3);outline-offset:2px;border-radius:10px}::selection{background:var(--primary);color:#fff}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--text-2)}.small{font-size:.86rem}.grad-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.card{background:var(--surface);box-shadow:var(--neu-sm);border-radius:22px;padding:24px}.card.inset{box-shadow:var(--neu-in-sm)}.card h2{font-size:1.15rem}.btn{transition:transform .2s var(--ease), box-shadow .2s var(--ease), opacity .2s;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:.78em 1.3em;font-size:.95rem;font-weight:700;display:inline-flex}.btn svg{flex:none;width:1.1em;height:1.1em}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--grad);color:#fff;box-shadow:6px 6px 16px #5820c34d, -4px -4px 12px var(--sh-light)}.btn-primary:hover:not(:disabled){transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:inset 3px 3px 8px #00000040}.btn-soft{background:var(--surface);box-shadow:var(--neu-sm);color:var(--primary)}:root[data-theme=dark] .btn-soft{color:var(--primary-3)}.btn-soft:hover:not(:disabled){transform:translateY(-2px)}.btn-soft:active:not(:disabled){box-shadow:var(--neu-in-sm);transform:none}.btn-ghost{color:var(--text-2);padding:.6em .9em}.btn-ghost:hover{color:var(--primary)}.btn-danger{color:#fff;background:#d64545}.btn-block{width:100%}.btn-sm{padding:.5em .95em;font-size:.85rem}.icon-btn{background:var(--surface);width:42px;height:42px;box-shadow:var(--neu-sm);color:var(--primary);transition:transform .2s var(--ease), box-shadow .2s;border-radius:50%;flex:none;place-items:center;display:grid}:root[data-theme=dark] .icon-btn{color:var(--primary-3)}.icon-btn:hover{transform:translateY(-2px)}.icon-btn:active{box-shadow:var(--neu-in-sm);transform:none}.icon-btn svg{width:19px;height:19px}.field{gap:7px;margin-bottom:16px;display:grid}.field>label{color:var(--text-2);padding-left:4px;font-size:.85rem;font-weight:700}.field .hint{color:var(--text-3);padding-left:4px;font-size:.8rem}.field .error{color:#d64545;padding-left:4px;font-size:.82rem}.input,.select,.textarea{width:100%;font:inherit;color:var(--text);background:var(--surface);box-shadow:var(--neu-in-sm);border:0;border-radius:14px;outline:0;padding:13px 16px;transition:box-shadow .2s}.input:focus,.select:focus,.textarea:focus{box-shadow:var(--neu-in-sm), 0 0 0 2px var(--primary)}.input[aria-invalid=true]{box-shadow:var(--neu-in-sm), 0 0 0 2px #d64545}.textarea{resize:vertical;min-height:110px}.input-group{box-shadow:var(--neu-in-sm);border-radius:14px;align-items:stretch;display:flex;overflow:hidden}.input-group .input{box-shadow:none;border-radius:0}.input-group .addon{color:var(--text-3);white-space:nowrap;align-items:center;padding:0 14px;font-size:.9rem;display:flex}.alert{box-shadow:var(--neu-in-sm);border-radius:16px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:.92rem;display:flex}.alert svg{flex:none;width:20px;height:20px;margin-top:1px}.alert-error{color:#b23030}:root[data-theme=dark] .alert-error{color:#ff8a8a}.alert-info{color:var(--primary)}:root[data-theme=dark] .alert-info{color:var(--primary-3)}.alert-ok{color:#1d8a4e}:root[data-theme=dark] .alert-ok{color:#62d394}.badge{box-shadow:var(--neu-in-sm);color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:.3em .75em;font-size:.76rem;font-weight:700;display:inline-flex}.badge.ok{color:#1d8a4e}.badge.warn{color:#b7791f}.badge.bad{color:#c53030}.badge.brand{color:var(--primary)}:root[data-theme=dark] .badge.ok{color:#62d394}:root[data-theme=dark] .badge.warn{color:#f0b85a}:root[data-theme=dark] .badge.bad{color:#ff8a8a}:root[data-theme=dark] .badge.brand{color:var(--primary-3)}.spinner{border:3px solid var(--bg-2);border-top-color:var(--primary);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{place-items:center;min-height:100vh;display:grid}.skel{background:linear-gradient(90deg, var(--bg-2) 25%, color-mix(in srgb, var(--bg) 40%, #fff) 50%, var(--bg-2) 75%);background-size:200% 100%;border-radius:12px;animation:1.3s linear infinite skel}:root[data-theme=dark] .skel{background-image:linear-gradient(90deg,#24202f 25%,#2f2a3c 50%,#24202f 75%)}@keyframes skel{to{background-position:-200% 0}}.fade-up{animation:fadeUp .5s var(--ease) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}}.stagger>*{animation:fadeUp .5s var(--ease) both}.stagger>:nth-child(2){animation-delay:50ms}.stagger>:nth-child(3){animation-delay:.1s}.stagger>:nth-child(4){animation-delay:.15s}.stagger>:nth-child(5){animation-delay:.2s}.stagger>:nth-child(6){animation-delay:.25s}.auth-wrap{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-side{color:#fff;background:radial-gradient(circle at 80% 15%, #b89cff73, transparent 50%), var(--grad);flex-direction:column;justify-content:space-between;padding:56px;display:flex;position:relative;overflow:hidden}.auth-side:after{content:"";border:60px solid #ffffff12;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-160px;right:-140px}.auth-side h1{max-width:460px;font-size:clamp(2rem,3.2vw,2.8rem)}.auth-side p{color:#ffffffd1;max-width:420px}.auth-side ul{gap:12px;margin:28px 0 0;padding:0;list-style:none;display:grid}.auth-side li{align-items:center;gap:10px;display:flex}.auth-side li svg{width:20px;height:20px}.auth-main{place-items:center;padding:40px 20px;display:grid}.auth-card{width:min(420px,100%)}.auth-card .logo{height:38px;margin-bottom:28px;display:block}.divider{color:var(--text-3);align-items:center;gap:12px;margin:18px 0;font-size:.82rem;display:flex}.divider:before,.divider:after{content:"";height:2px;box-shadow:var(--neu-in-sm);border-radius:2px;flex:1}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--bg);height:100vh;box-shadow:6px 0 18px -10px var(--sh-dark);z-index:20;flex-direction:column;gap:6px;padding:22px 16px;display:flex;position:sticky;top:0}.sidebar .logo{height:34px;margin:4px 10px 22px;display:block}.nav-link{color:var(--text-2);border-radius:14px;align-items:center;gap:12px;padding:11px 14px;font-weight:600;transition:color .2s,box-shadow .2s,background .2s;display:flex}.nav-link svg{flex:none;width:19px;height:19px}.nav-link:hover{color:var(--primary)}.nav-link.active{color:var(--primary);box-shadow:var(--neu-in-sm)}:root[data-theme=dark] .nav-link:hover,:root[data-theme=dark] .nav-link.active{color:var(--primary-3)}.nav-section{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin:14px 14px 4px;font-size:.72rem;font-weight:800}.sidebar-foot{gap:10px;margin-top:auto;display:grid}.user-chip{box-shadow:var(--neu-in-sm);border-radius:16px;align-items:center;gap:10px;min-width:0;padding:10px;font-size:.85rem;display:flex}.user-chip .avatar{background:var(--grad);color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.user-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.main{min-width:0;padding:28px clamp(16px,3vw,40px) 60px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.topbar h1{margin:0;font-size:clamp(1.4rem,2.4vw,1.9rem)}.topbar .actions{align-items:center;gap:10px;display:flex}.menu-btn{display:none}.grid{gap:20px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.empty{text-align:center;padding:48px 20px}.empty .icon{width:72px;height:72px;box-shadow:var(--neu);color:var(--primary);border-radius:24px;place-items:center;margin:0 auto 18px;display:grid}.empty .icon svg{width:32px;height:32px}.table{border-collapse:separate;border-spacing:0 8px;width:100%;font-size:.92rem}.table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);padding:0 14px;font-size:.75rem;font-weight:800}.table td{background:var(--surface);padding:14px}.table tr td:first-child{border-radius:14px 0 0 14px}.table tr td:last-child{border-radius:0 14px 14px 0}.table tbody tr{box-shadow:var(--neu-sm);border-radius:14px}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:15;background:#14102259;position:fixed;top:0;bottom:0;left:0;right:0}.toasts{z-index:100;gap:10px;display:grid;position:fixed;bottom:18px;right:18px}.toast{background:var(--surface);box-shadow:var(--neu);animation:fadeUp .3s var(--ease);border-radius:16px;align-items:center;gap:10px;max-width:380px;padding:12px 16px;font-size:.9rem;font-weight:600;display:flex}.toast svg{flex:none;width:18px;height:18px}.toast.ok svg{color:#1d8a4e}.toast.err svg{color:#d64545}@media (max-width:1100px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.auth-wrap{grid-template-columns:1fr}.auth-side{display:none}.shell{grid-template-columns:1fr}.sidebar{width:270px;transition:transform .3s var(--ease);position:fixed;top:0;left:0;transform:translate(-105%)}.sidebar.open{transform:none}.menu-btn{display:grid}.grid-2,.grid-3{grid-template-columns:1fr}}@media (max-width:560px){.grid-4{grid-template-columns:1fr}.main{padding-top:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}}.logo-wrap{display:inline-block}.logo-wrap img{width:auto;height:100%}.logo-on-dark,:root[data-theme=dark] .logo-on-light{display:none}:root[data-theme=dark] .logo-on-dark{display:block}.auth-main{position:relative}.wizard{max-width:1240px;min-height:100vh;margin:0 auto;padding:18px clamp(16px,3vw,40px) 60px}.wizard-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.wizard-top .logo-wrap{height:34px;display:block}.stepper{gap:8px;margin:0 0 22px;padding:0;list-style:none;display:flex;overflow-x:auto}.stepper li{color:var(--text-3);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 8px;font-size:.86rem;font-weight:700;transition:color .3s,box-shadow .3s;display:flex}.stepper .dot{width:26px;height:26px;box-shadow:var(--neu-in-sm);border-radius:50%;place-items:center;font-size:.8rem;display:grid}.stepper li.current{color:var(--primary);box-shadow:var(--neu-sm)}:root[data-theme=dark] .stepper li.current{color:var(--primary-3)}.stepper li.current .dot{background:var(--grad);color:#fff;box-shadow:none}.stepper li.done{color:var(--text-2)}.stepper li.done .dot{color:#1d8a4e}.wizard-body{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:28px;display:grid}.wizard-main{padding:clamp(22px,3vw,38px)}.wizard-main h1{font-size:clamp(1.5rem,2.6vw,2rem)}.wizard-nav{box-shadow:0 -2px 0 -1px var(--bg-2);border-top:2px solid #0000;justify-content:space-between;margin-top:26px;padding-top:20px;display:flex}.field-error{color:#d64545;margin-top:10px;font-size:.85rem}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-top:18px;display:grid}.cat{text-align:left;background:var(--surface);box-shadow:var(--neu-sm);border-radius:18px;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;font-size:.92rem;font-weight:700;transition:box-shadow .25s,transform .25s,color .25s;display:flex}.cat:hover{transform:translateY(-3px)}.cat .cat-ic{width:40px;height:40px;color:var(--primary);box-shadow:var(--neu-in-sm);border-radius:12px;place-items:center;transition:background .25s,color .25s;display:grid}:root[data-theme=dark] .cat .cat-ic{color:var(--primary-3)}.cat .cat-ic svg{width:20px;height:20px}.cat.on{box-shadow:var(--neu-in-sm);color:var(--primary)}.cat.on .cat-ic{background:var(--grad);color:#fff;box-shadow:none}.tags{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.tag{background:var(--surface);box-shadow:var(--neu-sm);border-radius:999px;align-items:center;gap:6px;padding:6px 8px 6px 12px;font-size:.86rem;font-weight:600;display:inline-flex}.tag button{width:22px;height:22px;color:var(--text-3);border-radius:50%;place-items:center;display:grid}.tag button:hover{color:#d64545}.drop{width:100%;min-height:140px;box-shadow:var(--neu-in-sm);color:var(--text-3);border-radius:18px;place-items:center;gap:8px;padding:18px;transition:color .2s;display:grid}.drop:hover{color:var(--primary)}.drop svg{width:30px;height:30px}.drop img{object-fit:contain;width:auto;max-height:110px}.swatches{flex-wrap:wrap;gap:12px;display:flex}.swatch{width:44px;height:44px;box-shadow:var(--neu-sm);color:#fff;cursor:pointer;border-radius:14px;place-items:center;transition:transform .2s;display:grid;position:relative}.swatch:hover{transform:translateY(-2px)}.swatch.on{outline:3px solid var(--text);outline-offset:3px}.swatch.custom input{opacity:0;cursor:pointer;position:absolute;top:0;bottom:0;left:0;right:0}.slug-status{align-items:center;gap:8px;min-height:28px;margin:-6px 0 10px 4px;font-size:.9rem;font-weight:600;display:flex}.slug-status .ok{color:#1d8a4e;align-items:center;gap:6px;display:inline-flex}.slug-status .bad{color:#d64545;align-items:center;gap:6px;display:inline-flex}:root[data-theme=dark] .slug-status .ok{color:#62d394}.input-group button.addon{cursor:pointer}.check{color:var(--text-2);cursor:pointer;align-items:flex-start;gap:10px;font-size:.9rem;display:flex}.check input{width:18px;height:18px;accent-color:var(--primary);flex:none;margin-top:2px}.wizard-preview{position:sticky;top:20px}.mini-site{--brand:#5820c3;color:#1d1b29;box-shadow:var(--neu);background:#fff;border-radius:22px;font-size:.85rem;overflow:hidden}.mini-bar{background:#f3f1f8;gap:6px;padding:10px 12px;display:flex}.mini-bar span{background:#d9d4e6;border-radius:50%;width:9px;height:9px}.mini-hero{background:linear-gradient(135deg, color-mix(in srgb, var(--brand) 92%, #000), var(--brand));color:#fff;padding:22px 18px;transition:background .4s}.mini-brand{align-items:center;gap:8px;margin-bottom:18px;display:flex}.mini-brand img{object-fit:contain;background:#ffffffe6;border-radius:6px;width:auto;max-width:90px;height:26px;padding:2px 4px}.mini-ic{background:#ffffff2e;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.mini-ic svg{width:15px;height:15px}.mini-hero h3{color:#fff;margin:0 0 14px;font-size:1.15rem}.mini-cta{color:var(--brand);background:#fff;border-radius:999px;padding:7px 14px;font-size:.78rem;font-weight:800;display:inline-block}.mini-services{gap:8px;padding:14px 18px;display:grid}.mini-services div{align-items:center;gap:8px;font-weight:600;display:flex}.mini-services i{background:var(--brand);border-radius:3px;flex:none;width:8px;height:8px}.mini-url{color:#6c6880;word-break:break-all;padding:10px 18px 14px;font-size:.74rem}@media (max-width:960px){.wizard-body{grid-template-columns:1fr}.wizard-preview{order:-1;position:static}.stepper .label{display:none}.stepper li.current .label{display:inline}}.preview-toolbar{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:16px;padding:10px;display:flex}.seg{box-shadow:var(--neu-in-sm);border-radius:14px;gap:4px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.seg button{color:var(--text-2);white-space:nowrap;border-radius:10px;place-items:center;padding:8px 14px;font-size:.88rem;font-weight:600;transition:background .2s,color .2s,box-shadow .2s;display:grid}.seg button.on{background:var(--surface);box-shadow:var(--neu-sm);color:var(--primary)}:root[data-theme=dark] .seg button.on{color:var(--primary-3)}.preview-stage{box-shadow:var(--neu-in);border-radius:22px;justify-items:center;padding:14px;display:grid;overflow:hidden}.device-frame{transition:width .35s var(--ease);background:#fff;border-radius:14px;max-width:100%;overflow:hidden;box-shadow:0 20px 50px -24px #00000073}.preview-box{width:100%}.modal-wrap{z-index:60;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal-wrap .overlay{position:absolute}.modal{z-index:1;width:min(1100px,100%);max-height:88vh;animation:fadeUp .35s var(--ease);position:relative;overflow-y:auto}.tpl-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;display:grid}.tpl{text-align:left;background:var(--surface);box-shadow:var(--neu-sm);transition:transform .25s var(--ease), box-shadow .25s;border-radius:18px;gap:10px;padding:10px;display:grid;position:relative}.tpl:hover{transform:translateY(-3px)}.tpl.on{box-shadow:var(--neu-in-sm), 0 0 0 2px var(--primary)}.tpl-thumb{background:var(--bg-2);pointer-events:none;border-radius:12px;overflow:hidden}.tpl-meta{gap:2px;padding:0 4px 4px;display:grid}.tpl-meta b{font-family:var(--font-h);align-items:center;gap:8px;display:flex}.tpl-meta small{color:var(--text-3);line-height:1.35}.tpl-check{background:var(--grad);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:16px;right:16px}.editor-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.editor-grid{grid-template-columns:400px minmax(0,1fr);align-items:start;gap:18px;display:grid}.editor-side{max-height:calc(100vh - 170px);padding:14px;position:sticky;top:14px;overflow-y:auto}.editor-side .tabs{width:100%;margin-bottom:14px}.editor-side .tabs button{flex:1}.tab-body{gap:12px;display:grid}.save-status{align-items:center;gap:6px;display:inline-flex}.save-status.ok{color:#1d8a4e}.save-status.bad{color:#d64545}:root[data-theme=dark] .save-status.ok{color:#62d394}.spin{animation:1s linear infinite spin}.counter{color:var(--text-3);font-size:.74rem;font-weight:600}.box{box-shadow:var(--neu-in-sm);border-radius:16px;gap:4px;padding:12px 14px;display:grid}.box>summary{cursor:pointer;padding:4px 0;font-weight:700;list-style:none}.box>summary::-webkit-details-marker{display:none}.box>summary:after{content:"▾";float:right;color:var(--text-3)}.box[open]>summary{margin-bottom:8px}.page-list,.section-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.page-list li,.section-list li{border-radius:12px;align-items:center;gap:6px;padding:4px;transition:box-shadow .2s;display:flex}.page-list li.on,.section-list li.on{box-shadow:var(--neu-in-sm)}.page-list .grow,.section-list .grow{text-align:left;border-radius:10px;flex-direction:column;flex:1;gap:2px;padding:8px 10px;font-weight:600;display:flex}.page-list .grow{flex-direction:row;align-items:center;gap:8px}.section-list .grow small{color:var(--text-3);font-size:.76rem;font-weight:500}.section-list li.is-hidden .grow{opacity:.5}.icon-btn.sm{width:32px;height:32px}.icon-btn.sm svg{width:15px;height:15px}.icon-btn.danger:hover,.danger-text{color:#d64545!important}.icon-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.add-grid{flex-wrap:wrap;gap:8px;display:flex}.section-form{animation-duration:.3s}.list-editor{gap:10px;display:grid}.list-item{background:var(--surface);box-shadow:var(--neu-sm);border-radius:14px;padding:10px 12px}.list-item-tools{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.image-field{align-items:center;gap:12px;display:flex}.image-field img,.image-field .ph{object-fit:cover;width:86px;height:64px;box-shadow:var(--neu-in-sm);color:var(--text-3);border-radius:10px;flex:none;place-items:center;display:grid}.media-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.media-item{aspect-ratio:1;box-shadow:var(--neu-sm);border-radius:12px;padding:0;transition:transform .2s;overflow:hidden}.media-item:hover{transform:translateY(-3px)}.media-item img{object-fit:cover;width:100%;height:100%}.uploads{gap:8px;margin-bottom:14px;display:grid}.upload-row{justify-content:space-between;align-items:center;gap:12px;font-size:.88rem;display:flex}.upload-row progress{width:160px;accent-color:var(--primary)}.ai-wrap{position:relative}.ai-btn{color:var(--primary)}:root[data-theme=dark] .ai-btn{color:var(--primary-3)}.ai-suggestion{background:var(--surface);box-shadow:var(--neu);border-radius:14px;margin-top:8px;padding:12px 14px;font-size:.92rem}.snippet{color:#202124;box-shadow:var(--neu-in-sm);background:#fff;border-radius:12px;gap:2px;margin-top:6px;padding:12px 14px;font-family:arial,sans-serif;display:grid}.snippet-url{color:#4d5156;font-size:12px}.snippet-title{color:#1a0dab;font-size:18px;line-height:1.3}.snippet-desc{color:#4d5156;font-size:13px;line-height:1.5}input[type=range]{accent-color:var(--primary);width:100%}@media (max-width:1100px){.editor-grid{grid-template-columns:1fr}.editor-side{max-height:none;position:static}}.meter{height:12px;box-shadow:var(--neu-in-sm);border-radius:10px;margin-top:10px;padding:3px}.meter span{background:var(--grad);height:100%;transition:width .6s var(--ease);border-radius:10px;display:block}.meter span.bad{background:linear-gradient(90deg,#f0b85a,#d64545)}.media-grid.big{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.media-card{background:var(--surface);box-shadow:var(--neu-sm);border-radius:16px;margin:0;position:relative;overflow:hidden}.media-card img{aspect-ratio:4/3;object-fit:cover;width:100%}.media-card figcaption{padding:10px 12px;font-size:.85rem;display:grid}.media-card figcaption span{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.media-card figcaption small{color:var(--text-3)}.media-card .icon-btn{position:absolute;top:8px;right:8px}@media (max-width:900px){.grid[style*="minmax(240px, 320px)"]{grid-template-columns:1fr!important}}.kpi{gap:4px;display:grid;position:relative}.kpi b{font-family:var(--font-h);font-size:1.9rem;line-height:1.1}.kpi-ic{width:38px;height:38px;box-shadow:var(--neu-in-sm);color:var(--primary);border-radius:12px;place-items:center;display:grid;position:absolute;top:18px;right:18px}:root[data-theme=dark] .kpi-ic{color:var(--primary-3)}.kpi-ic svg{width:18px;height:18px}.delta{align-items:center;gap:2px;font-weight:700;display:inline-flex}.delta.up{color:#1d8a4e}.delta.down{color:#d64545}:root[data-theme=dark] .delta.up{color:#62d394}.chart{width:100%;height:auto;margin-top:8px}.chart .grid-line{stroke:var(--bg-2);stroke-width:1px}.chart .l-views{fill:none;stroke:var(--primary);stroke-width:2.5px;stroke-linejoin:round}.chart .l-contacts{fill:none;stroke:#f0a020;stroke-width:2.5px;stroke-dasharray:5 4}.legend{color:var(--text-3);align-items:center;gap:6px;font-size:.8rem;display:inline-flex}.legend i{border-radius:3px;width:14px;height:4px;margin-left:8px;display:inline-block}.legend .lv{background:var(--primary)}.legend .lc{background:#f0a020}.mini-list{gap:6px;margin:8px 0 0;padding:0;font-size:.9rem;list-style:none;display:grid}.mini-list li{box-shadow:var(--neu-in-sm);border-radius:10px;justify-content:space-between;gap:10px;padding:6px 10px;display:flex}.tips{color:var(--text-2);gap:10px;margin:6px 0 0;padding-left:18px;font-size:.92rem;display:grid}.checklist{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.checklist li{align-items:center;gap:12px;font-weight:600;display:flex}.checklist li>svg{width:20px;height:20px;color:var(--text-3);flex:none}.checklist li.done{color:var(--text-3)}.checklist li.done>svg{color:#1d8a4e}.checklist li>span{flex:1}.notif-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.notif-list button{text-align:left;width:100%;box-shadow:var(--neu-in-sm);border-radius:14px;gap:2px;padding:12px 14px;display:grid}.notif-list li.unread button{box-shadow:var(--neu-sm);border-left:4px solid var(--primary)}.notif-list small{color:var(--text-3)}.items-table td,.items-table th{padding:8px}.items-table .input,.items-table .select{padding:9px 10px}.totals{box-shadow:var(--neu-in-sm);border-radius:16px;grid-template-columns:1fr auto;gap:6px 18px;padding:14px 16px;font-size:.95rem;display:grid}.totals .grand{font-family:var(--font-h);font-size:1.2rem}@media (max-width:900px){.grid[style*="2fr"],.grid[style*="420px"]{grid-template-columns:1fr!important}}.plans{grid-template-columns:repeat(auto-fit,minmax(280px,380px));justify-content:center;gap:22px;display:grid}.plan{flex-direction:column;gap:6px;padding:30px 26px;display:flex;position:relative}.plan.featured{box-shadow:var(--neu), 0 0 0 2px var(--primary)}.plan-tag{background:var(--grad);color:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:800;display:inline-flex;position:absolute;top:-12px;right:20px}.plan .price{align-items:baseline;gap:4px;display:flex}.plan .price b{font-family:var(--font-h);font-size:2.3rem}.plan .price span{color:var(--text-3)}.plan .feats{flex:1;gap:8px;margin:12px 0 18px;padding:0;list-style:none;display:grid}.plan .feats li{align-items:flex-start;gap:8px;font-size:.93rem;display:flex}.plan .feats svg{color:#1d8a4e;flex:none;margin-top:3px}