:root{--bg:#161618;--panel:#202024;--panel-2:#25252a;--border:#35353c;--muted:#9898a5;--text:#f5f4f7;--primary:#301860;--primary-light:#7544b3;--green:#31c48d;--orange:#f3a641;--red:#ef6a75;--radius:12px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:13px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{background:#121214;border-right:1px solid #29292e;width:250px;flex-shrink:0;display:flex;flex-direction:column;padding:22px 14px;transition:.25s}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;padding:0 12px 28px;letter-spacing:-.5px}.brand-mark{display:grid;place-items:center;background:linear-gradient(135deg,#57308a,#301860);width:32px;height:32px;border-radius:9px;font-size:12px;color:#fff;font-weight:700}.sidebar-close{display:none;margin-left:auto;background:none;border:0;color:var(--muted)}nav{flex:1}.nav-label{font-size:10px;letter-spacing:1.2px;color:#666672;font-weight:600;margin:18px 12px 7px}.nav-link{display:flex;align-items:center;gap:13px;color:#9999a5;padding:11px 13px;border-radius:8px;margin:3px 0;font-weight:500}.nav-link i{font-size:17px;width:18px}.nav-link:hover{background:#202025;color:#fff}.nav-link.active{color:#fff;background:linear-gradient(90deg,rgba(83,45,132,.8),rgba(48,24,96,.75));box-shadow:inset 3px 0 #9d65dd}.sidebar-user{border-top:1px solid #29292e;padding:17px 6px 0;display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#4a3370;color:#e6d7ff;font-weight:700;flex:none}.avatar.small{width:29px;height:29px;border-radius:50%;font-size:11px}.avatar.large{width:55px;height:55px;border-radius:14px;font-size:19px}.user-info{flex:1;display:flex;flex-direction:column;gap:3px}.user-info strong{font-size:11px}.user-info small{color:#777782;font-size:10px}.sidebar-user>a{color:#777782;font-size:16px}.main{flex:1;min-width:0}.topbar{height:70px;border-bottom:1px solid #29292e;display:flex;align-items:center;padding:0 34px;gap:18px;background:#18181b}.breadcrumb{display:flex;align-items:center;gap:10px;color:#777782}.breadcrumb i{font-size:10px}.breadcrumb strong{color:#dddde3;font-weight:500}.top-actions{margin-left:auto;display:flex;align-items:center;gap:20px}.icon-button{background:none;border:0;color:#898995;padding:6px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{background:#2a2a2f;color:#fff}.notification-dot{width:6px;height:6px;background:#bc71f2;border-radius:50%;position:absolute;margin:-12px 0 0 12px}.top-user{display:flex;align-items:center;gap:8px;color:#bbb; font-size:12px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:22px}.content{padding:32px 34px;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:27px}.page-heading h1{font-size:25px;letter-spacing:-.7px;margin:0 0 7px}.page-heading p{margin:0;color:var(--muted)}.heading-actions{display:flex;gap:9px}.button{border:1px solid transparent;border-radius:8px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;color:#fff;font-size:12px}.button.primary{background:var(--primary-light);box-shadow:0 5px 17px #30186055}.button.primary:hover{background:#8754c4}.button.ghost{background:#242428;border-color:#3c3c44;color:#d0cfd8}.button.ghost:hover{border-color:#6b4b8e}.button.full{width:100%;padding:13px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:17px}.stat-card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.stat-card{padding:19px 20px;min-height:133px}.stat-card.accent{background:linear-gradient(135deg,#2d1855,#202024 70%);border-color:#553483}.stat-top{display:flex;justify-content:space-between;color:#a5a4ae;margin-bottom:14px}.stat-top i{color:#9f6bd0;font-size:18px}.stat-card>strong{font-size:24px;letter-spacing:-.7px;display:block;margin-bottom:8px}.stat-card small{color:#858591;font-size:11px}.positive{color:var(--green)!important}.content-grid{display:grid;gap:17px}.chart-grid{grid-template-columns:2fr 1fr;margin-bottom:17px}.lower-grid{grid-template-columns:1.2fr 1fr}.panel{padding:20px;overflow:hidden}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:15px}.panel-heading h2{font-size:14px;margin:0 0 5px}.panel-heading p{font-size:11px;color:#81818c;margin:0}.chart-wrap{height:240px}.chart-wrap canvas{max-height:240px}.select,input,textarea{background:#29292e;border:1px solid #3b3b43;color:#eee;border-radius:7px;padding:10px 11px;outline:0;width:100%}.select:focus,input:focus,textarea:focus{border-color:#8b58bf;box-shadow:0 0 0 3px #5e369622}.select{appearance:auto}.compact{width:auto;padding:7px 10px;font-size:11px}.quick-stat{display:flex;gap:12px;align-items:flex-start;padding:15px 0;border-bottom:1px solid #303036}.quick-stat:last-of-type{border:0}.quick-stat strong,.quick-stat small{display:block}.quick-stat strong{font-size:12px;margin-bottom:5px}.quick-stat small{font-size:11px;color:#858591}.status-dot{width:9px;height:9px;border-radius:50%;margin-top:3px}.green{background:var(--green)}.orange{background:var(--orange)}.red{background:var(--red)}.text-link{color:#bb8be5;font-size:11px;font-weight:600;display:inline-flex;gap:7px;align-items:center;margin-top:15px}.table-wrap{overflow-x:auto;margin:0 -20px}.table-wrap table{width:100%;border-collapse:collapse;min-width:700px}th{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#73737e;text-align:left;font-weight:600;padding:10px 20px;border-bottom:1px solid #34343a}td{padding:13px 20px;border-bottom:1px solid #2d2d33;color:#bdbdc5;font-size:11px;white-space:nowrap}tbody tr:last-child td{border:0}tbody tr:hover{background:#27272c}.table-link{color:#d4b0f4;font-weight:600}.table-product{display:flex;align-items:center;gap:10px}.table-product strong{color:#e2e1e6}.table-product small{display:block;color:#81818c;margin-top:4px;font-size:10px}.product-placeholder{width:34px;height:34px;background:#2e263a;border:1px solid #4a3c58;color:#a071d1;border-radius:7px;display:grid;place-items:center;flex:none}.badge{padding:5px 8px;border-radius:20px;font-size:10px;font-weight:600;background:#38383e;color:#aaa}.badge.active,.badge.paid,.badge.delivered{background:#153e35;color:#5be0b0}.badge.pending,.badge.awaiting_payment{background:#473316;color:#f0bb65}.badge.inactive,.badge.cancelled{background:#462b31;color:#ed8590}.badge.draft{background:#30333d;color:#a4a9b9}.badge.processing{background:#2b3353;color:#91aaff}.badge.shipped{background:#293b49;color:#7fc8ee}.badge.large{padding:8px 12px}.actions{display:flex;gap:5px}.danger-icon:hover{color:#ef7580}.old-price{display:block;color:#777;text-decoration:line-through;font-size:9px}.stock.low{color:#ef9a73}.muted{color:#777!important}.empty{text-align:center;padding:35px;color:#858591}.filters{display:flex;gap:9px;margin-bottom:19px;align-items:center}.search-input{display:flex;align-items:center;gap:8px;background:#29292e;border:1px solid #3b3b43;border-radius:7px;padding:0 11px;flex:1;max-width:330px}.search-input i{color:#80808b}.search-input input{background:none;border:0;padding-left:0;box-shadow:none}.inline-search{max-width:250px}.eyebrow{color:#8c8894;font-size:11px;display:flex;gap:9px;align-items:center;margin-bottom:10px}.eyebrow a{color:#b682dd}.form-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:17px}.form-main,.form-aside{display:flex;flex-direction:column;gap:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label,.narrow-form label{display:flex;flex-direction:column;gap:7px;color:#aaa9b3;font-size:11px;font-weight:500}.form-grid .span-2{grid-column:span 2}.form-grid label input,.form-grid label textarea,.form-grid label select{margin-top:0}.upload-panel{min-height:280px}.upload-drop{height:200px;border:1px dashed #5c5266;border-radius:9px;background:#211e25;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#aaa}.upload-drop i{font-size:28px;color:#9e63d2}.upload-drop small{color:#777}.upload-drop input{width:80%;font-size:10px;padding:5px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:5px}.tips{padding:0;margin:0;list-style:none;color:#96949e}.tips li{padding:11px 0;border-bottom:1px solid #323238;font-size:11px}.tips i{color:var(--green);margin-right:8px}.variation-list{margin-top:18px;border-top:1px solid #35353c}.variation-list>div{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #303036;font-size:11px}.variation-list small{color:#888}.narrow-form{max-width:800px}.category-icon{color:#9c69cc;margin-right:8px}.profile{display:flex;gap:15px;align-items:center}.profile strong,.profile span{display:block;margin-bottom:6px}.profile span{color:#858591;font-size:11px}.history-row,.order-item,.customer-card{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #303036}.history-row:last-child,.order-item:last-child{border:0}.history-row a{color:#c895ef;font-weight:600;margin-right:auto}.history-row span:not(.badge){color:#888;font-size:11px}.order-item div:nth-child(2){flex:1}.order-item small{display:block;color:#858591;margin-top:4px}.order-item>span{color:#aaa}.customer-card{border:0}.customer-card div:nth-child(2){flex:1}.customer-card strong,.customer-card small{display:block}.customer-card small{color:#81818c;margin-top:5px;font-size:10px}.detail-list>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #303036}.detail-list>div:last-child{border:0}.detail-list span:first-child{color:#858591}.totals{margin-top:14px;border-top:1px solid #37373c;padding-top:8px}.totals div{display:flex;justify-content:space-between;padding:7px 0;color:#94939d}.totals .total{border-top:1px solid #3a3a40;margin-top:5px;padding-top:14px;color:#fff}.totals strong{font-size:18px}.integration-card{display:flex;gap:20px;background:linear-gradient(115deg,#2b174c,#202024 64%);border:1px solid #54327c;border-radius:var(--radius);padding:25px;margin-bottom:18px}.integration-icon{width:52px;height:52px;border-radius:12px;background:#4c2874;display:grid;place-items:center;font-size:24px;color:#dcbaff;flex:none}.integration-body{flex:1}.integration-heading{display:flex;justify-content:space-between;gap:15px}.integration-heading h2{margin:3px 0 6px}.integration-heading p{margin:0;color:#9994a3;font-size:11px}.integration-status{font-size:11px;color:#64deb1;display:flex;gap:7px;align-items:center}.integration-status span{width:7px;height:7px;border-radius:50%;background:var(--green)}.integration-meta{display:flex;gap:60px;margin-top:25px}.integration-meta small,.integration-meta strong{display:block}.integration-meta small{color:#85818e;margin-bottom:5px;font-size:10px}.integration-meta strong{font-size:11px}.info-banner{display:flex;gap:12px;color:#aaa;background:#282536;border:1px solid #45365a;border-radius:9px;padding:15px;margin-top:18px}.info-banner i{color:#b37cdf}.info-banner p{margin:5px 0 0;color:#898391;font-size:11px}.info-banner code{color:#d1a8f5}.settings-layout{display:grid;grid-template-columns:205px minmax(0,800px);gap:18px}.settings-nav{display:flex;flex-direction:column;gap:4px}.settings-nav a{color:#9997a2;padding:12px;border-radius:8px;display:flex;align-items:center;gap:10px}.settings-nav a.selected,.settings-nav a:hover{background:#292332;color:#e7d7f5}.settings-nav em{font-size:9px;margin-left:auto;color:#777;font-style:normal}.alert{padding:12px 15px;border-radius:8px;margin-bottom:18px;font-size:12px}.alert i{margin-right:8px}.alert.success{background:#143a31;color:#65e0b0;border:1px solid #22604d}.alert.danger{background:#422a31;color:#ef9aa4;border:1px solid #6a3d46}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#29144e 0,#161618 42%)}.login-card{width:min(420px,calc(100% - 35px));background:#202024;border:1px solid #3c2c4d;border-radius:16px;padding:38px;box-shadow:0 20px 80px #0008}.login-brand{display:flex;align-items:center;gap:10px;justify-content:center}.login-brand h1{font-size:23px}.login-subtitle{text-align:center;color:#96939e;margin:6px 0 30px}.login-card form{display:flex;flex-direction:column;gap:17px}.login-card label{display:flex;flex-direction:column;gap:8px;color:#aaa;font-size:11px}.login-help{color:#6f6d77;text-align:center;display:block;margin-top:22px}.mobile-overlay{display:none}
@media(max-width:1100px){.sidebar{width:220px}.content{padding:25px}.stats-grid{gap:10px}.integration-meta{gap:25px}}
@media(max-width:800px){.sidebar{position:fixed;z-index:10;left:-260px;top:0;bottom:0;box-shadow:10px 0 30px #0008}.sidebar.open{left:0}.sidebar-close,.menu-toggle{display:block}.mobile-overlay{position:fixed;inset:0;background:#0008;z-index:9}.mobile-overlay.open{display:block}.menu-toggle{padding:0}.topbar{padding:0 18px}.top-user span,.breadcrumb span,.breadcrumb i{display:none}.content{padding:22px 16px}.stats-grid{grid-template-columns:1fr 1fr}.chart-grid,.lower-grid,.form-layout,.settings-layout{grid-template-columns:1fr}.heading-actions .button.ghost{display:none}.page-heading h1{font-size:22px}.form-aside{order:-1}.filters{flex-wrap:wrap}.filters .search-input{max-width:none;flex-basis:100%}.integration-card{flex-direction:column}.integration-heading{flex-direction:column}.integration-meta{flex-wrap:wrap;gap:17px}.settings-nav{flex-direction:row;overflow:auto}.settings-nav a{white-space:nowrap}.panel{padding:15px}.table-wrap{margin:0 -15px}.table-wrap table{min-width:780px}th,td{padding-left:15px;padding-right:15px}.login-card{padding:28px}.form-grid{gap:13px}}
@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.top-actions{gap:5px}.content{padding:20px 12px}.page-heading{margin-bottom:20px}.button{padding:9px 11px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}}
.field-help{display:block;color:#77747f;font-size:10px;font-weight:400}.pagination{display:flex;justify-content:space-between;align-items:center;padding-top:18px;color:#858591;font-size:11px}.pagination>div{display:flex;gap:8px}.template-options{display:flex;flex-direction:column;gap:9px}.template-option{display:flex;gap:10px;align-items:flex-start;background:#29292e;border:1px solid #3b3b43;border-radius:9px;padding:13px;cursor:pointer}.template-option:has(input:checked){border-color:#8858b8;background:#30233c}.template-option input{width:auto;margin-top:4px}.template-option span strong,.template-option span small{display:block}.template-option small{color:#9995a0;margin-top:4px;font-size:10px}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:15px}.editor-toolbar .eyebrow{margin:0}.editor-status{font-size:10px;border-radius:20px;padding:5px 9px;background:#30333d;color:#a4a9b9}.editor-status.published{background:#153e35;color:#5be0b0}.editor-status.unpublished{background:#462b31;color:#ed8590}.editor-settings{margin-bottom:17px}.editor-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:17px;align-items:start}.editor-sidebar{position:sticky;top:20px}.component-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.component-button{border:1px solid #3b3b43;background:#29292e;color:#d2d0d8;border-radius:7px;padding:10px 7px;font-size:11px;cursor:pointer;text-align:left}.component-button:hover{border-color:#8959b8;background:#30233c}.component-button i{color:#ba82e5;margin-right:5px}.editor-main{min-width:0}.section-list-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-list-head h2{font-size:15px;margin:0 0 4px}.section-list-head p{font-size:11px;color:#858591;margin:0}.preview-switcher{display:flex;gap:4px}.device{border:1px solid #3b3b43;background:#29292e;color:#999;border-radius:6px;padding:7px 9px;cursor:pointer}.device.active,.device:hover{color:#fff;border-color:#8858b8}.section-list{display:flex;flex-direction:column;gap:10px}.section-card{background:var(--panel);border:1px solid var(--border);border-radius:11px;overflow:hidden}.section-card.disabled{opacity:.58}.section-card-head{display:flex;align-items:center;gap:9px;padding:12px 14px;background:#25252a;border-bottom:1px solid #35353c}.section-card-head strong{flex:1;font-size:12px}.section-card-head strong i{color:#b477dd;margin-right:8px}.drag-handle{color:#777;cursor:grab}.section-actions{display:flex;gap:3px}.section-actions .icon-button{padding:5px}.section-card-body{padding:16px}.section-card-body label{display:flex;flex-direction:column;gap:6px;color:#aaa9b3;font-size:11px;font-weight:500;margin-bottom:12px}.section-card-body>.form-grid{gap:10px}.check-field{display:flex!important;flex-direction:row!important;align-items:center;gap:7px!important}.check-field input{width:auto}.array-editor{border-top:1px solid #35353c;padding-top:12px}.array-row{display:grid;grid-template-columns:1fr 2fr 1fr 35px;gap:8px;align-items:end;border-bottom:1px solid #303036;padding:8px 0}.array-row label{margin:0}.array-row .remove-item{margin-bottom:12px}.add-item{margin-top:10px}.seo-panel{margin-top:17px}.modal-preview{display:none;position:fixed;inset:5%;z-index:20;background:#202024;border:1px solid #5b3977;border-radius:12px;overflow:hidden;box-shadow:0 20px 80px #000b}.modal-preview.open{display:flex;flex-direction:column}.preview-modal-head{display:flex;justify-content:space-between;padding:12px 15px}.preview-modal-head button{background:none;border:0;color:#fff}.modal-preview iframe{border:0;flex:1;background:#fff}@media(max-width:800px){.editor-layout{grid-template-columns:1fr}.editor-sidebar{position:static}.component-buttons{grid-template-columns:repeat(3,1fr)}.editor-toolbar{align-items:flex-start;flex-direction:column}.array-row{grid-template-columns:1fr 1fr}.array-row .remove-item{margin-bottom:0}.section-list-head{align-items:flex-start;gap:12px;flex-direction:column}}
/* LandingPage builder */
.landing-editor-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.landing-editor-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.landing-editor-title>a{flex-basis:100%;color:#b682dd;font-size:11px}.landing-editor-title h1{margin:0;font-size:23px;letter-spacing:-.5px}.landing-editor-title .editor-status{margin-left:4px}.landing-builder{display:grid;grid-template-columns:310px minmax(320px,1fr) minmax(420px,1.3fr);gap:15px;align-items:start}.builder-sidebar{display:flex;flex-direction:column;gap:12px;min-width:0}.builder-card{background:var(--panel);border:1px solid var(--border);border-radius:12px}.builder-card-title{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;border-bottom:1px solid #35353c;gap:10px}.builder-card-title strong,.builder-card-title small{display:block}.builder-card-title strong{font-size:12px}.builder-card-title small{color:#858591;font-size:10px;margin-top:5px}.builder-card-title>i{color:#b477dd}.builder-fields{padding:15px}.builder-fields label,.section-settings label{display:flex;flex-direction:column;gap:6px;color:#aaa9b3;font-size:11px;font-weight:500;margin-bottom:12px}.builder-fields label small,.section-settings label small{font-size:10px;color:#77747f;font-weight:400}.section-menu-card{overflow:hidden}.section-count{font-size:10px;color:#aaa;background:#303039;border-radius:20px;padding:4px 7px}.section-menu{padding:8px}.section-menu-item{width:100%;display:flex;align-items:center;gap:8px;background:transparent;border:1px solid transparent;border-radius:8px;color:#c7c4cd;text-align:left;padding:9px 8px;cursor:pointer}.section-menu-item:hover{background:#29252f;border-color:#4a3a58}.section-menu-item.selected{background:#30233c;border-color:#8052ad;color:#fff}.section-menu-item.inactive{opacity:.55}.section-drag{color:#65616d}.section-menu-icon{width:25px;height:25px;border-radius:6px;background:#3a2a4b;color:#c18bea;display:grid;place-items:center;flex:none}.section-menu-name{flex:1;min-width:0}.section-menu-name strong,.section-menu-name small{display:block}.section-menu-name strong{font-size:11px}.section-menu-name small{color:#85818d;font-size:9px;margin-top:2px}.section-menu-arrows{display:flex;flex-direction:column;color:#7b7484;font-size:10px}.section-menu-arrows i{padding:1px;cursor:pointer}.section-menu-arrows i:hover{color:#d6b4ef}.add-section-box{padding:13px;border-top:1px solid #35353c;background:#25252a}.add-section-box>small{color:#85818d;display:block;margin-bottom:8px;font-size:10px}.add-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.add-section-grid button{background:#29292e;border:1px solid #3b3b43;color:#bcb9c4;border-radius:6px;padding:7px 5px;text-align:left;font-size:10px;cursor:pointer}.add-section-grid button:hover{border-color:#8858b8;color:#fff}.add-section-grid i{color:#b477dd;margin-right:4px}.seo-card{padding:0;overflow:hidden}.seo-card summary{display:flex;justify-content:space-between;align-items:center;padding:15px;cursor:pointer;list-style:none;font-size:12px}.seo-card summary::-webkit-details-marker{display:none}.seo-card[open] summary{border-bottom:1px solid #35353c}.seo-card summary i{color:#938a9f}.builder-workspace{min-width:0}.section-settings-card{min-height:400px;overflow:hidden}.selected-section-head{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;border-bottom:1px solid #35353c;background:#25252a}.selected-section-head small{color:#a478c8;font-size:9px;letter-spacing:1px}.selected-section-head h2{font-size:16px;margin:5px 0 0}.small-action{padding:7px 9px;font-size:10px}.danger-button{background:#422a31;border-color:#6a3d46;color:#f1a0a8}.section-settings{padding:18px}.section-settings input,.section-settings textarea,.builder-fields input,.builder-fields textarea{margin-top:0}.section-settings>.form-grid{gap:10px}.section-settings>.form-grid label{margin-bottom:0}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #35353c;padding-top:15px;margin-top:4px}.check-field{flex-direction:row!important;align-items:center;gap:7px!important;margin:0!important;padding:9px;background:#29292e;border:1px solid #3b3b43;border-radius:7px}.check-field input{width:auto}.info-note{display:flex;gap:9px;padding:12px;background:#282536;border:1px solid #45365a;border-radius:8px;color:#b5a7c2;font-size:11px;margin:5px 0 15px}.info-note i{color:#c18bea;font-size:16px}.array-editor{border-top:1px solid #35353c;padding-top:14px;margin-top:6px}.array-item{background:#29292e;border:1px solid #3b3b43;border-radius:8px;padding:11px;margin-bottom:9px}.array-item input,.array-item textarea{margin-bottom:9px}.array-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:11px}.compact-item{display:flex;align-items:center;gap:8px}.compact-item input{flex:1}.compact-item .remove-item{margin:0}.array-number{width:22px;height:22px;display:grid;place-items:center;background:#3c2b4d;border-radius:5px;color:#d2a5f1;font-size:10px}.mini-grid{gap:8px}.mini-upload{display:flex;gap:10px;align-items:center;margin-bottom:10px}.mini-image{width:42px;height:42px;border-radius:7px;background:#3a3540;display:grid;place-items:center;overflow:hidden;color:#a995b3}.mini-image img{width:100%;height:100%;object-fit:cover}.mini-upload input{margin:0}.mini-upload>div:last-child{flex:1}.mini-upload-button,.upload-button{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:6px;background:#3a2a4b;color:#e0c7f1!important;border:1px solid #6c488a;border-radius:6px;padding:7px 9px;cursor:pointer;width:max-content}.mini-upload-button input,.upload-button input{display:none}.mini-upload-button{font-size:10px!important;margin-top:6px!important}.upload-field{display:grid;grid-template-columns:92px 1fr;gap:13px;padding:12px;background:#29292e;border:1px solid #3b3b43;border-radius:9px;margin-bottom:14px}.upload-preview{width:92px;height:76px;border-radius:7px;background:#211e25;border:1px dashed #5d5169;display:grid;place-items:center;color:#9274a9;overflow:hidden}.upload-preview img{width:100%;height:100%;object-fit:cover}.upload-field strong,.upload-field small{display:block}.upload-field strong{font-size:11px;margin-bottom:3px}.upload-field small{color:#85818d;font-size:10px;margin-bottom:9px}.upload-url{margin-top:8px!important}.builder-preview{position:sticky;top:18px;min-width:0}.preview-toolbar{background:var(--panel);border:1px solid var(--border);border-radius:12px 12px 0 0;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px}.preview-toolbar strong,.preview-toolbar small{display:block}.preview-toolbar strong{font-size:12px}.preview-toolbar small{color:#85818d;font-size:10px;margin-top:3px}.preview-devices{display:flex;gap:4px}.preview-devices .device{font-size:10px;padding:7px 8px}.preview-stage{background:#2a2930;border:1px solid var(--border);border-top:0;border-radius:0 0 12px 12px;padding:17px;min-height:720px;overflow:auto}.live-preview{margin:0 auto;width:100%;max-width:760px;min-height:680px;background:#f7f7fa;color:#1d1921;border-radius:7px;overflow:hidden;box-shadow:0 8px 25px #0003;font-family:Inter,system-ui,sans-serif}.live-hero{min-height:220px;padding:28px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.live-hero>div{flex:1}.live-hero>img{max-width:40%;max-height:175px;object-fit:contain}.live-eyebrow{font-size:8px;letter-spacing:1.5px;opacity:.65;font-weight:700}.live-hero h1,.live-block h2,.live-cta h2{font-size:25px;line-height:1.1;margin:8px 0 10px}.live-hero p,.live-block p,.live-cta p{font-size:11px;opacity:.75;margin:0 0 14px}.live-preview button{border:0;border-radius:6px;background:#301860;color:#fff;padding:9px 13px;font-weight:700;font-size:10px}.live-hero button{background:#fff;color:#301860}.live-block{padding:25px 24px;border-bottom:1px solid #ece8f0;background:#fff}.live-block:nth-child(even){background:#fbfaff}.live-product{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.live-product-image{width:100%;height:170px;object-fit:contain}.live-price{display:block;color:#301860;font-size:20px;margin:10px 0 14px}.live-benefit-grid,.live-testimonial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.live-benefit-grid div,.live-testimonial-grid article{background:#f4f1f7;border-radius:7px;padding:11px;font-size:10px}.live-testimonial-grid article b{color:#d99820}.live-testimonial-grid article p{margin:7px 0}.live-offer{background:#301860;color:#fff}.live-offer .live-price{color:#fff}.live-offer .live-eyebrow{color:#fff}.live-cta{background:#301860;color:#fff;text-align:center}.live-cta button{background:#fff;color:#301860}.live-block details{border-bottom:1px solid #ece8f0;padding:9px 0;font-size:10px}.live-block summary{cursor:pointer;font-weight:700}.live-footer{background:#17151a;color:#c9c0d1;padding:18px;text-align:center;font-size:10px}.empty-preview,.empty-editor,.empty-menu{min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#85818d;text-align:center;font-size:11px}.empty-preview i,.empty-editor i{font-size:26px;color:#9d6ac4}.empty-preview strong,.empty-editor strong{color:#bab6c2}.empty-menu{min-height:100px;padding:20px}.device.active{border-color:#8858b8;color:#fff;background:#30233c}@media(max-width:1250px){.landing-builder{grid-template-columns:280px minmax(310px,1fr)}.builder-preview{grid-column:1/-1;position:static}.preview-stage{min-height:520px}.live-preview{max-width:900px}}@media(max-width:800px){.landing-editor-head{align-items:flex-start;flex-direction:column}.landing-builder{display:flex;flex-direction:column}.builder-sidebar,.builder-workspace,.builder-preview{width:100%}.builder-preview{order:-1}.preview-stage{min-height:430px}.live-preview{min-height:400px}.check-grid{grid-template-columns:1fr}.preview-toolbar{align-items:flex-start;flex-direction:column}.section-settings{padding:13px}.live-hero{min-height:180px}.live-hero h1,.live-block h2,.live-cta h2{font-size:20px}}
.sidebar-user .user-profile-link{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.sidebar-user .user-profile-link:hover strong{color:#fff}.top-user:hover{color:#fff}.profile-summary{margin-bottom:22px}