@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap");:root{--navy:#111827;--navy-2:#192231;--ink:#172033;--muted:#697386;--line:#e4e8ef;--canvas:#f4f6fa;--purple:#6638e8;--purple-dark:#5329cc;--purple-soft:#f0ebff;--green:#16845b;--red:#c43d54;--shadow:0 10px 32px rgba(26,35,51,0.07)}*{box-sizing:border-box}body,html{background:var(--canvas)}body{margin:0;color:var(--ink);font-family:DM Sans,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.admin-shell{min-height:100vh;display:grid;grid-template-columns:264px minmax(0,1fr)}.sidebar{width:264px;height:100vh;position:fixed;inset:0 auto 0 0;z-index:30;display:flex;flex-direction:column;padding:22px 16px 16px;color:#eef2f7;background:linear-gradient(180deg,#111927,#151f2e 68%,#111927);overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 7px 21px}.brand-glyph{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:white;background:linear-gradient(135deg,#7f5bff,#542fd2);font:800 19px Manrope;box-shadow:0 8px 22px #6d43ed4d;overflow:hidden}.auth-brand-glyph img,.brand-glyph img{width:100%;height:100%;display:block;object-fit:cover}.sidebar-brand>div{display:flex;flex-direction:column}.sidebar-brand strong{font:800 17px Manrope;letter-spacing:-.4px}.sidebar-brand small{margin-top:1px;color:#8995a7;font-size:10px}.mobile-close{display:none;margin-left:auto;border:0;color:#aeb8c7;background:transparent}.store-switch{width:100%;min-height:66px;display:grid;grid-template-columns:39px 1fr 16px;align-items:center;gap:10px;padding:10px;border:1px solid #2e3949;border-radius:13px;color:white;background:#ffffff08;text-align:left}.store-switch:hover{background:#ffffff0d;border-color:#40506a}.store-logo{width:39px;height:39px;display:grid;place-items:center;overflow:hidden;border-radius:10px;color:#4c2bb7;background:#ebe5ff;font-weight:800}.store-logo img{width:100%;height:100%;object-fit:cover}.store-switch>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.store-switch strong{overflow:hidden;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.store-switch small{display:flex;align-items:center;gap:5px;margin-top:4px;color:#8e9aab;font-size:9px}.store-switch small i{width:6px;height:6px;border-radius:50%;background:#f0b94b}.side-nav{flex:1;padding:12px 0}.nav-group{margin-top:17px}.nav-group p{margin:0 10px 7px;color:#687587;font-size:8px;font-weight:800;letter-spacing:1.15px}.nav-link{width:100%;min-height:43px;display:flex;align-items:center;gap:11px;margin:2px 0;padding:0 11px;border:0;border-radius:10px;color:#aab5c4;background:transparent;text-align:left;font-size:11.5px;font-weight:600}.nav-link:hover{color:white;background:#ffffff09}.nav-link.active{color:white;background:linear-gradient(90deg,#7449ef,#6037df);box-shadow:0 8px 22px #5130bd30}.nav-link b{min-width:19px;margin-left:auto;padding:3px 6px;border-radius:10px;color:#fff;background:#e64c65;font-size:8px;text-align:center}.sidebar-footer{padding-top:12px;border-top:1px solid #283343}.sidebar-footer>button{width:100%;display:flex;align-items:center;gap:10px;padding:9px;border:0;color:#93a0b1;background:transparent;font-size:10px}.sidebar-footer>button:hover{color:white}.owner-card{display:grid;grid-template-columns:32px 1fr 26px;align-items:center;gap:8px;margin-top:6px;padding:9px;border-radius:11px;background:#ffffff08}.owner-card>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#d9ceff;background:#6b43d74d;font-size:9px;font-weight:800}.owner-card>div{min-width:0;display:flex;flex-direction:column}.owner-card strong{font-size:10px}.owner-card small{margin-top:2px;color:#7f8b9d;font-size:8px}.owner-card button{width:26px;height:26px;display:grid;place-items:center;border:0;color:#778598;background:transparent}.owner-card button:hover{color:#fff}.main-area{min-width:0;grid-column:2}.app-header{min-height:104px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:18px clamp(24px,3vw,46px);border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}.menu-button{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:white}.page-heading{min-width:220px;display:flex;flex-direction:column}.page-heading p{margin:0 0 3px;color:var(--purple);font-size:8px;font-weight:800;letter-spacing:1.25px}.page-heading h1{margin:0;font:800 clamp(19px,2vw,24px) Manrope;letter-spacing:-.55px}.page-heading>span{max-width:560px;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.4}.header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-btn,.outline-btn,.primary-btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;padding:0 14px;font-size:10.5px;font-weight:700;transition:.18s ease}.icon-btn{width:40px;padding:0;border:1px solid var(--line);color:#5f6878;background:white}.outline-btn{border:1px solid #d9dee7;color:#424b5b;background:white}.primary-btn{border:1px solid var(--purple);color:white;background:var(--purple);box-shadow:0 7px 17px #6638e823}.icon-btn:hover,.outline-btn:hover{border-color:#bcc5d2;background:#fafbfc}.primary-btn:hover{background:var(--purple-dark);transform:translateY(-1px)}.full-btn{width:100%}.demo-notice{display:flex;align-items:center;gap:9px;margin:20px clamp(24px,3vw,46px) 0;padding:11px 14px;border:1px solid #ebdba8;border-radius:11px;color:#6f571d;background:#fff9e8;font-size:10px}.page-body{padding:20px clamp(24px,3vw,46px) 48px}.content-stack{display:flex;flex-direction:column;gap:18px}.card{border:1px solid var(--line);border-radius:16px;background:white;box-shadow:0 3px 14px rgba(24,33,48,.025)}.card-title{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid #edf0f4}.card-title h3{margin:0;font:750 14px Manrope}.card-title p{margin:4px 0 0;color:var(--muted);font-size:9.5px}.setup-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:18px}.setup-hero{grid-column:span 2;min-height:246px;display:grid;grid-template-columns:minmax(0,1fr) minmax(370px,440px);gap:32px;align-items:center;overflow:hidden;padding:32px 34px;border-radius:19px;color:white;background:radial-gradient(circle at 72% -20%,#8d6bed 0,transparent 37%),linear-gradient(115deg,#1d2637,#2b2352 64%,#4f2bb1);box-shadow:0 15px 38px #2d214820}.live-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #ffffff24;border-radius:18px;color:#ddd7eb;background:#ffffff0d;font-size:8.5px;font-weight:700}.live-chip i{width:7px;height:7px;border-radius:50%;background:#f5bd52;box-shadow:0 0 0 4px #f5bd521a}.setup-copy h2{max-width:570px;margin:15px 0 8px;font:800 clamp(24px,3vw,33px) Manrope;letter-spacing:-1px}.setup-copy>p{max-width:600px;margin:0;color:#c1c5d0;font-size:11px;line-height:1.65}.progress-row{max-width:520px;margin-top:25px}.progress-row>div:first-child{display:flex;justify-content:space-between;margin-bottom:8px;font-size:9px}.progress-row span{color:#bfc2cd}.progress{height:7px;overflow:hidden;border-radius:10px;background:#ffffff1b}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8c68f7,#b69cff);transition:width .3s ease}.code-panel{display:grid;grid-template-columns:minmax(0,1fr) 128px;align-items:center;gap:18px;padding:23px;border:1px solid #ffffff22;border-radius:16px;background:#ffffff0c;backdrop-filter:blur(10px)}.code-panel small{color:#aeb2bf;font-size:7.5px;font-weight:800;letter-spacing:1px}.code-panel-copy>strong{display:block;margin:9px 0 13px;font:800 31px Manrope;letter-spacing:5px}.code-panel-copy button{width:100%;min-height:37px;display:flex;justify-content:center;align-items:center;gap:7px;border:0;border-radius:9px;color:#432588;background:white;font-size:9px;font-weight:800}.code-panel-copy p{margin:13px 0 0;color:#b9bdc7;font-size:8.5px;line-height:1.5}.store-qr{display:flex;flex-direction:column;gap:8px}.store-qr img,.store-qr>i{width:128px;height:128px;display:block;border-radius:10px;background:#ffffff14}.store-qr a{min-height:32px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:8px;color:white;background:#ffffff18;font-size:8px;font-weight:800;text-decoration:none}.setup-card{overflow:hidden}.step-list{padding:7px 18px 14px}.setup-step{width:100%;min-height:69px;display:grid;grid-template-columns:32px 1fr auto 18px;align-items:center;gap:12px;padding:8px 4px;border:0;border-bottom:1px solid #edf0f4;color:var(--ink);background:white;text-align:left}.setup-step:last-child{border-bottom:0}.setup-step:hover{padding-left:9px;background:#faf9ff}.step-number{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:#6f7787;background:#eef1f5;font-size:10px;font-weight:800}.step-number.done{color:#12704e;background:#def4e9}.setup-step>div{display:flex;flex-direction:column}.setup-step strong{font-size:10.5px}.setup-step small{margin-top:4px;color:var(--muted);font-size:8.5px}.step-state{padding:4px 7px;border-radius:12px;color:#9b6625;background:#fff2d9;font-size:7.5px;font-weight:800}.step-state.complete{color:#176f51;background:#e1f5ec}.setup-step>svg{color:#9ba3af}.setup-side{display:flex;flex-direction:column;gap:12px}.info-card{display:flex;gap:13px;padding:18px;border:1px solid var(--line);border-radius:14px;background:white}.info-card>span{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;color:var(--purple);background:var(--purple-soft)}.info-card strong{font-size:10.5px}.info-card p{margin:5px 0 0;color:var(--muted);font-size:8.5px;line-height:1.5}.toolbar{min-height:72px;gap:10px;padding:15px 18px;border-bottom:1px solid #edf0f4}.search-field,.toolbar{display:flex;align-items:center}.search-field{width:min(290px,100%);gap:8px;padding:0 11px;border:1px solid #dde2e9;border-radius:9px;color:#8b94a3;background:#fafbfc}.search-field input{width:100%;height:38px;border:0;outline:0;background:transparent;font-size:10px}.segmented{margin-left:auto;display:flex;padding:3px;border-radius:9px;background:#f0f2f6}.segmented button{min-height:31px;padding:0 11px;border:0;border-radius:7px;color:#737c8c;background:transparent;font-size:8.5px;font-weight:700}.segmented button.selected{color:#39266e;background:white;box-shadow:0 2px 8px #20273512}.data-table{overflow-x:auto}.table-row{min-width:760px;min-height:65px;display:grid;align-items:center;gap:15px;padding:8px 18px;border:0;border-bottom:1px solid #edf0f4;color:#596273;background:white;text-align:left;font-size:9.5px}button.table-row:hover{background:#faf9ff}.table-header{min-height:40px;color:#8d96a5;background:#f8f9fb;font-size:7.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.table-empty{padding:34px 18px;color:var(--muted);text-align:center;font-size:10px}.table-row span,.table-row strong{min-width:0}.table-row strong{color:#30394a}.table-row small{display:block;margin-top:3px;color:#8f98a7;font-size:8px;font-weight:400}.order-table .table-row{grid-template-columns:100px minmax(155px,1fr) 120px 120px 90px 20px}.product-table .table-row{grid-template-columns:minmax(185px,1.4fr) minmax(125px,1fr) 55px 85px 65px 112px}.customer-table .table-row{grid-template-columns:minmax(165px,1.2fr) 125px minmax(140px,1fr) 60px 105px 95px}.customer-cell,.product-cell{display:flex;align-items:center;gap:10px}.product-cell i{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;color:var(--purple);font-style:normal;overflow:hidden}.category-icon img,.phone-grid i img,.product-cell i img{width:100%;height:100%;display:block;object-fit:cover}.customer-cell i{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;color:#5132a4;background:#eee9ff;font-size:8px;font-style:normal;font-weight:800}.row-actions{display:flex;gap:5px}.danger-icon,.row-actions button{width:31px;height:31px;display:grid;place-items:center;border:1px solid #e1e5ec;border-radius:8px;color:#737c8b;background:white}.row-actions .image-edit-btn{width:70px;display:flex;gap:5px;font-size:8px}.row-actions button:hover{color:var(--purple);border-color:#cfc3f7}.danger-icon:hover,.row-actions button:last-child:hover{color:var(--red);border-color:#f0c6cd;background:#fff7f8}.status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:13px;color:#75581c;background:#fff4d7;font-size:7.5px;font-weight:800}.status i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-yayinda,.status-yeni{color:#5033a0;background:#eee9ff}.status-teslim-edildi{color:#167052;background:#ddf4e9}.status-odeme-bekliyor{color:#a43649;background:#ffe7eb}.status-taslak{color:#6f7785;background:#eef0f3}.switch{width:38px;height:22px;position:relative;flex:0 0 auto;padding:0;border:0;border-radius:20px;background:#d5dae1}.switch i{width:16px;height:16px;position:absolute;left:3px;top:3px;border-radius:50%;background:white;box-shadow:0 2px 5px #0002;transition:.18s ease}.switch.on{background:var(--purple)}.switch.on i{left:19px}.section-tabs{display:flex;gap:3px;padding:0 18px;border-bottom:1px solid #e9edf2}.section-tabs button{min-height:55px;display:flex;align-items:center;gap:7px;padding:0 13px;border:0;border-bottom:2px solid transparent;color:#7b8493;background:transparent;font-size:10px;font-weight:700}.section-tabs button.active{color:var(--purple);border-color:var(--purple)}.section-tabs b{padding:3px 6px;border-radius:10px;background:#eef0f3;font-size:7px}.catalog-toolbar{justify-content:space-between}.catalog-toolbar>div:not(.search-field){display:flex;flex-direction:column}.catalog-toolbar>div strong{font-size:10.5px}.catalog-toolbar>div small{margin-top:3px;color:var(--muted);font-size:8.5px}.banner-list,.category-list{padding:5px 18px 15px}.category-row{min-height:76px;display:grid;grid-template-columns:18px 42px minmax(170px,1fr) 40px 128px 34px;align-items:center;gap:11px;border-bottom:1px solid #edf0f4;color:#8a93a2}.category-icon,.section-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;color:var(--purple);background:var(--purple-soft);overflow:hidden}.category-row>div{display:flex;flex-direction:column}.banner-row strong,.category-row strong,.section-row strong{color:#30394a;font-size:10px}.banner-row small,.category-row small,.section-row small{margin-top:4px;color:var(--muted);font-size:8px}.banner-row>button:not(.switch):not(.danger-icon),.category-row>button:not(.switch):not(.danger-icon){min-height:32px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #e0e4ea;border-radius:8px;color:#626c7b;background:white;font-size:8px;font-weight:700}.editor-layout{display:grid;grid-template-columns:minmax(430px,1fr) minmax(340px,.75fr);gap:20px;align-items:start}.editor-column{display:flex;flex-direction:column;gap:16px}.settings-card{padding:23px}.section-heading{display:flex;align-items:flex-start;gap:11px;margin-bottom:20px}.section-heading>span{min-width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:var(--purple);background:var(--purple-soft);font-size:9px;font-weight:800}.section-heading h3{margin:1px 0 0;font:750 13px Manrope}.section-heading p{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.45}.upload-row{display:flex;align-items:center;gap:17px}.logo-preview{width:86px;height:86px;display:grid;place-items:center;overflow:hidden;border:1px dashed #cbd1da;border-radius:15px;color:#7e8795;background:#f7f8fa}.logo-preview img{width:100%;height:100%;object-fit:cover}.upload-btn{min-height:37px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:1px solid #dce1e8;border-radius:9px;color:#4d5665;background:white;font-size:9px;font-weight:700;cursor:pointer}.banner-upload input,.catalog-image-upload input,.custom-color input,.upload-btn input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-row p{margin:7px 0 0;color:var(--muted);font-size:8px}.text-danger{margin-top:7px;padding:0;border:0;color:var(--red);background:transparent;font-size:8px}.field{display:flex;flex-direction:column;gap:7px;margin:13px 0;color:#4e5766;font-size:9px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #dce1e8;border-radius:9px;color:#293243;background:white;outline:0;font-size:10px;font-weight:400}.field input,.field select{height:41px;padding:0 11px}.field textarea{min-height:85px;padding:11px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#9174ed;box-shadow:0 0 0 3px #6d3af213}.palette-grid{display:grid;grid-template-columns:repeat(7,34px);gap:9px}.palette{width:31px;height:31px;border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #d8dce3}.palette.selected{box-shadow:0 0 0 2px white,0 0 0 4px var(--purple)}.custom-color{width:31px;height:31px;position:relative;display:grid;place-items:center;border:1px dashed #9fa7b4;border-radius:50%;color:#697385;cursor:pointer}.color-value{display:grid;grid-template-columns:41px 1fr;gap:8px;margin-top:8px}.color-value input[type=color]{padding:3px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:13px}.style-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:17px}.style-option{min-height:102px;display:flex;flex-direction:column;align-items:flex-start;padding:13px;border:1px solid #dfe3e9;border-radius:11px;color:#344052;background:white;text-align:left}.style-option.selected{border-color:#886be9;background:#f9f7ff;box-shadow:0 0 0 2px #6d3af20d}.font-sample{font-size:23px;font-weight:800}.font-sample.yumuşak{font-family:DM Sans;border-radius:50%}.font-sample.klasik{font-family:Georgia,serif}.style-option strong{margin-top:7px;font-size:9px}.style-option small{margin-top:3px;color:var(--muted);font-size:7.5px}.sticky-preview{position:sticky;top:126px;display:flex;flex-direction:column;align-items:center;padding:19px 20px 25px;border:1px solid var(--line);border-radius:16px;background:#eaedf3}.preview-heading{width:100%;display:flex;justify-content:space-between;margin-bottom:16px}.preview-heading>div{display:flex;flex-direction:column}.preview-heading strong{font-size:10px}.preview-heading small{margin-top:3px;color:var(--muted);font-size:8px}.preview-heading>span{color:var(--green);font-size:7px;font-weight:800}.preview-heading i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#24a776}.phone{width:292px;height:588px;position:relative;overflow:hidden;padding:22px 12px 64px;border:8px solid #1d222b;border-radius:37px;background:#f7f6fa;box-shadow:0 22px 50px #1b223327}.phone-notch{width:86px;height:17px;position:absolute;left:50%;top:0;z-index:3;transform:translateX(-50%);border-radius:0 0 12px 12px;background:#1d222b}.phone-status{display:flex;justify-content:space-between;padding:0 4px 9px;color:#4b5360;font-size:5.5px;font-weight:800}.phone-store{display:grid;grid-template-columns:29px 1fr 17px;align-items:center;gap:7px;margin-bottom:10px}.phone-store>span{width:29px;height:29px;display:grid;place-items:center;overflow:hidden;border-radius:9px;color:white;font-size:9px;font-weight:800}.phone-store>span img{width:100%;height:100%;object-fit:cover}.phone-store>div{min-width:0;display:flex;flex-direction:column}.phone-store strong{font-size:8px}.phone-store small{margin-top:2px;color:#8a919d;font-size:5px}.phone-banner{height:142px;position:relative;overflow:hidden;padding:14px;border-radius:17px;color:white}.phone-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34}.phone-banner>div{position:relative;z-index:2}.phone-banner small{font-size:5px;font-weight:900;letter-spacing:.7px}.phone-banner strong{max-width:165px;display:block;margin-top:7px;font:800 15px Manrope;line-height:1.08}.phone-banner p{margin:4px 0 8px;color:#ffffffbd;font-size:5.5px}.phone-banner button{min-height:24px;padding:0 9px;border:0;border-radius:7px;color:#2d2538;font-size:5.5px;font-weight:900}.phone-banner>i{width:75px;height:75px;position:absolute;right:-15px;bottom:-20px;display:grid;place-items:center;border-radius:50%;color:#30234b;opacity:.9}.phone h4{margin:13px 2px 7px;font-size:8px}.phone-categories{display:flex;gap:5px;overflow:hidden}.phone-categories span{flex:0 0 auto;display:flex;align-items:center;gap:4px;padding:6px 8px;border-radius:12px;color:#69717e;background:white;font-size:5.5px;font-weight:700}.phone-categories img{width:14px;height:14px;border-radius:50%;object-fit:cover}.phone-section-title{display:flex;align-items:center;justify-content:space-between}.phone-section-title small{font-size:5.5px;font-weight:800}.phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.phone-grid>div{position:relative;padding:5px;border-radius:10px;background:white;box-shadow:0 4px 12px #2731430b}.phone-grid i{height:58px;display:grid;place-items:center;border-radius:8px;font-size:18px;font-style:normal;overflow:hidden}.phone-grid small,.phone-grid strong{display:block;padding:0 2px}.phone-grid strong{margin-top:5px;padding-right:18px;overflow:hidden;font-size:5.7px;white-space:nowrap;text-overflow:ellipsis}.phone-grid small{margin-top:3px;font-size:6px;font-weight:800}.phone-grid button{width:18px;height:18px;position:absolute;right:6px;bottom:7px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;color:white}.phone-bottom{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);padding:9px 8px 12px;border-top:1px solid #e8eaf0;background:white}.phone-bottom span{display:flex;flex-direction:column;align-items:center;gap:2px;color:#8b929e}.phone-bottom small{font-size:4.8px}.banner-row{min-height:83px;display:grid;grid-template-columns:88px minmax(170px,1fr) 78px 40px 88px 34px;align-items:center;gap:11px;border-bottom:1px solid #edf0f4}.banner-thumb{width:82px;height:52px;display:grid;place-items:center;overflow:hidden;border-radius:10px;color:#8265d9;background:linear-gradient(135deg,#eee9ff,#e5ebf7)}.banner-thumb img{width:100%;height:100%;object-fit:cover}.banner-row>div:nth-child(2){display:flex;flex-direction:column}.section-manager{overflow:hidden}.section-row{min-height:72px;display:grid;grid-template-columns:20px 40px 1fr 40px;align-items:center;gap:11px;margin:0 20px;border-bottom:1px solid #edf0f4;color:#8a93a2}.section-row>div{display:flex;flex-direction:column}.security-note{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid #cce6da;border-radius:13px;color:#176f50;background:#eefaf4}.security-note strong{font-size:10.5px}.security-note p{margin:4px 0 0;color:#55806d;font-size:8.5px}.payment-layout{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(390px,1.2fr);gap:18px}.payment-list{display:flex;flex-direction:column;gap:10px}.payment-method{min-height:74px;display:grid;grid-template-columns:42px 1fr 40px;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:13px;background:white}.payment-method.active{border-color:#cfc3f6;box-shadow:0 0 0 2px #6d3af20c}.payment-method>span{width:41px;height:41px;display:grid;place-items:center;border-radius:11px;color:var(--purple);background:var(--purple-soft)}.payment-method>div{display:flex;flex-direction:column}.payment-method strong{font-size:10px}.payment-method small{margin-top:4px;color:var(--muted);font-size:8px}.paytr-letter{font:800 17px Manrope}.payment-config{min-height:330px;padding:23px}.empty-config{height:285px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#87909e;text-align:center}.empty-config strong{margin-top:13px;color:#404a5a;font-size:11px}.empty-config p{max-width:280px;margin:6px 0 0;font-size:8.5px;line-height:1.5}.config-state{display:flex;justify-content:space-between;margin:15px 0;padding:11px;border-radius:9px;color:#7c642e;background:#fff6df;font-size:8.5px}.delivery-settings{overflow:hidden}.delivery-form{padding:10px 22px 22px}.delivery-rule{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0;padding:14px;border:1px solid #e6e0f8;border-radius:11px;background:#faf8ff}.delivery-rule>div{display:flex;flex-direction:column}.delivery-rule strong{font-size:10px}.delivery-rule small{margin-top:4px;color:var(--muted);font-size:8.5px}.membership-info{margin-left:auto;display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:9px;color:#4f338f;background:#f1ecff;font-size:8.5px;font-weight:700}.settings-layout{display:grid;grid-template-columns:minmax(460px,1.25fr) minmax(300px,.75fr);gap:18px;align-items:start}.code-card{padding:22px;text-align:center}.code-card .section-heading{text-align:left}.code-card>strong{display:block;margin:28px 0 19px;font:800 31px Manrope;letter-spacing:5px}.access-card{justify-content:space-between;gap:12px;padding:18px}.access-card,.access-card>div{display:flex;align-items:center}.access-card>div{gap:10px}.access-card>div>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:var(--purple);background:var(--purple-soft)}.access-card>div>div{display:flex;flex-direction:column}.access-card strong{font-size:9.5px}.access-card p{margin:4px 0 0;color:var(--muted);font-size:8px;line-height:1.4}.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;z-index:60;background:#11182799;backdrop-filter:blur(5px)}.modal-backdrop{display:grid;place-items:center;padding:20px}.modal{width:min(520px,100%);max-height:calc(100vh - 35px);overflow-y:auto;padding:24px;border-radius:18px;background:white;box-shadow:0 30px 80px #1118274d}.modal>header,.order-drawer>header,.preview-drawer>header{display:flex;justify-content:space-between;gap:20px;margin-bottom:19px}.modal h2,.order-drawer h2,.preview-drawer h2{margin:0;font:800 20px Manrope}.modal header p,.preview-drawer header p{margin:5px 0 0;color:var(--muted);font-size:9px}.modal header>button,.order-drawer header>button,.preview-drawer header>button{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border:0;border-radius:9px;color:#6c7584;background:#f0f2f5}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.banner-upload{min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:15px;border:1px dashed #bfc6d0;border-radius:12px;color:#7152cf;background:#faf9ff;cursor:pointer}.banner-upload strong{margin-top:7px;color:#424b5b;font-size:9.5px}.banner-upload small{margin-top:4px;color:var(--muted);font-size:8px}.catalog-image-upload{min-height:76px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:15px;padding:10px 12px;border:1px dashed #bfc6d0;border-radius:12px;background:#faf9ff;cursor:pointer}.catalog-image-upload>span{width:54px;height:54px;display:grid;place-items:center;overflow:hidden;border-radius:11px;color:#7152cf;background:#eee9ff}.catalog-image-upload img{width:100%;height:100%;object-fit:cover}.catalog-image-upload>div{min-width:0;display:flex;flex-direction:column}.catalog-image-upload strong{color:#424b5b;font-size:10px}.catalog-image-upload small{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.45}.catalog-image-upload b{padding:8px 10px;border-radius:8px;color:#5f3dcc;background:#eee9ff;font-size:8px}.drawer-backdrop{display:flex;justify-content:flex-end}.order-drawer,.preview-drawer{width:min(430px,100%);height:100%;padding:25px;overflow-y:auto;background:#f4f6fa;box-shadow:-20px 0 60px #11182726}.preview-drawer{display:flex;flex-direction:column;align-items:center}.preview-drawer>header{width:100%}.order-drawer{background:white}.order-drawer header p{margin:0;color:var(--purple);font-size:8px;font-weight:800;letter-spacing:1px}.order-drawer header span{color:var(--muted);font-size:8px}.order-customer{display:flex;align-items:center;gap:11px;padding:14px;border-radius:11px;background:#f6f7f9}.order-customer>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#5031a5;background:#eae4ff;font-size:9px;font-weight:800}.order-customer>div{display:flex;flex-direction:column}.order-customer strong{font-size:10px}.order-customer small{margin-top:3px;color:var(--muted);font-size:8px}.drawer-section{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.drawer-section h3{margin:0 0 11px;font-size:10px}.drawer-section p{color:var(--muted);font-size:9px;line-height:1.55}.transfer-reference p{color:#4f2bb1;font:800 18px Manrope;letter-spacing:2px}.order-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.order-actions button{min-height:44px}.reject-btn{color:var(--red);border-color:#efc5cc}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.order-detail-grid div{padding:11px;border-radius:9px;background:#f7f8fa}.order-detail-grid span,.order-detail-grid strong{display:block}.order-detail-grid span{color:var(--muted);font-size:7.5px}.order-detail-grid strong{margin-top:5px;font-size:9px}.toast{position:fixed;right:24px;bottom:24px;z-index:90;display:flex;align-items:center;gap:8px;padding:12px 15px;border-radius:11px;color:white;background:#202939;box-shadow:0 15px 40px #11182735;font-size:9.5px;font-weight:700}.toast svg{color:#58d39c}.sidebar-scrim{display:none}button:disabled{cursor:wait;opacity:.62}.customer-cell>span{min-width:0;display:flex;flex-direction:column;gap:3px}.customer-cell small{max-width:150px;overflow:hidden;color:var(--muted);font-size:7.5px;text-overflow:ellipsis;white-space:nowrap}.customer-empty{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;color:#7b8492;text-align:center}.customer-empty svg{margin-bottom:13px;color:var(--purple)}.customer-empty strong{color:#323b49;font:800 13px Manrope}.customer-empty span{max-width:390px;margin-top:7px;font-size:9px;line-height:1.6}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(410px,560px) minmax(420px,1fr);align-items:stretch;background:#f4f2f9}.auth-card{width:100%;display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,6vw,82px);background:white;box-shadow:18px 0 65px #29223c14}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:62px}.auth-brand-glyph{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;color:white;background:linear-gradient(135deg,#6d3af2,#4620a7);box-shadow:0 11px 26px #6d3af241;font:900 21px Manrope;overflow:hidden}.auth-brand>div{display:flex;flex-direction:column}.auth-brand strong{font:800 19px Manrope}.auth-brand small{margin-top:2px;color:var(--muted);font-size:9px}.auth-benefits>span,.auth-copy>span{color:var(--purple);font-size:8px;font-weight:900;letter-spacing:1.5px}.auth-copy h1{max-width:390px;margin:10px 0 9px;color:#222936;font:800 clamp(28px,3vw,38px) Manrope;line-height:1.08}.auth-copy p{max-width:430px;margin:0;color:var(--muted);font-size:10px;line-height:1.65}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:30px 0 20px;padding:5px;border-radius:11px;background:#f1eff6}.auth-tabs button{min-height:39px;border:0;border-radius:8px;color:#757d8a;background:transparent;font-size:9px;font-weight:800}.auth-tabs button.active{color:#4d2ea8;background:white;box-shadow:0 5px 14px #29213d0f}.auth-form{display:flex;flex-direction:column;gap:4px}.auth-form .field input{min-height:47px;font-size:10px}.auth-submit{min-height:47px;justify-content:center;margin-top:9px}.auth-error{padding:11px 13px;border:1px solid #f4c7ce;border-radius:9px;color:#a43143;background:#fff3f5;font-size:8.5px;line-height:1.45}.auth-footer{display:flex;align-items:center;gap:7px;margin-top:22px;color:#68717e;font-size:8px}.auth-footer svg{color:#1e9b6d}.auth-benefits{position:relative;isolation:isolate;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(50px,8vw,120px);overflow:hidden;color:white;background:#2a1855}.auth-benefits:after,.auth-benefits:before{content:"";position:absolute;inset:0;pointer-events:none}.auth-benefits:before{z-index:0;background:url(/vitringo-business-collage-v1.webp) 50%/cover no-repeat;filter:saturate(.72) contrast(.9);opacity:.78;transform:scale(1.02)}.auth-benefits:after{z-index:0;background:radial-gradient(circle at 80% 15%,#a27dff42 0,transparent 30%),radial-gradient(circle at 10% 85%,#ffcb4524 0,transparent 27%),linear-gradient(145deg,#21143dd9,#382170b8 58%,#5a32c6c2)}.auth-benefits>*{position:relative;z-index:1}.auth-benefits>span{color:#d5c4ff}.auth-benefits h2{max-width:650px;margin:15px 0 18px;font:800 clamp(36px,5.4vw,68px) Manrope;line-height:1.02;letter-spacing:-2px}.auth-benefits>p{max-width:540px;margin:0;color:#e4dcf5c9;font-size:11px;line-height:1.75}.auth-benefits>div{max-width:520px;display:grid;grid-template-columns:40px 1fr;gap:0 15px;margin-top:40px;border-top:1px solid #ffffff2e}.auth-benefits>div span,.auth-benefits>div strong{min-height:54px;display:flex;align-items:center;border-bottom:1px solid #ffffff1f}.auth-benefits>div strong{color:#ffda73;font-size:9px}.auth-benefits>div span{color:#f7f3ff;font-size:10px;font-weight:700}.auth-loading-card{grid-column:1/-1;min-height:100vh;align-items:center;gap:15px;text-align:center}.auth-loading-card strong{color:#596271;font-size:10px}.auth-spinner{width:30px;height:30px;margin-top:12px;border:3px solid #e8e2f8;border-top:3px solid var(--purple);border-radius:50%;animation:auth-spin .75s linear infinite}@keyframes auth-spin{to{transform:rotate(1turn)}}@media (max-width:1120px){.app-header{align-items:flex-start;flex-wrap:wrap}.header-actions{width:100%;margin-left:0}.setup-layout{grid-template-columns:1fr}.setup-hero{grid-column:auto}.editor-layout,.settings-layout{grid-template-columns:1fr}.sticky-preview{position:static}}@media (max-width:820px){.auth-shell{display:block}.auth-card{min-height:100vh;padding:34px 24px}.auth-brand{margin-bottom:42px}.auth-benefits{display:none}.admin-shell{display:block}.sidebar{transform:translateX(-105%);transition:transform .2s ease;box-shadow:18px 0 50px #11182730}.sidebar-open{transform:translateX(0)}.mobile-close{display:block}.sidebar-scrim{position:fixed;inset:0;z-index:25;display:block;border:0;background:#11182770}.main-area{width:100%}.menu-button{display:grid;place-items:center}.app-header{position:relative;padding:17px 20px}.demo-notice{margin:16px 20px 0}.page-body{padding:16px 20px 35px}.setup-hero{grid-template-columns:1fr;padding:26px}.code-panel{width:100%}.payment-layout{grid-template-columns:1fr}}@media (max-width:590px){.code-panel{grid-template-columns:1fr}.store-qr{align-items:center}.page-heading>span{display:none}.header-actions{overflow-x:auto;padding-bottom:2px}.header-actions .icon-btn{display:none}.header-actions button{white-space:nowrap}.setup-copy h2{font-size:25px}.setup-step{grid-template-columns:32px 1fr 18px}.step-state{display:none}.toolbar{align-items:stretch;flex-direction:column}.search-field{width:100%}.segmented{width:100%;margin-left:0;overflow-x:auto}.segmented button{flex:1 0 auto}.catalog-toolbar .primary-btn{width:100%}.category-row{grid-template-columns:18px 38px 1fr 40px}.category-row .danger-icon,.category-row>button:not(.switch){display:none}.banner-row{grid-template-columns:72px 1fr 40px}.banner-row .status,.banner-row>button:not(.switch){display:none}.banner-thumb{width:66px;height:45px}.palette-grid{grid-template-columns:repeat(6,31px)}.style-options,.two-col{grid-template-columns:1fr}.two-col{gap:0}.membership-info{width:100%;margin-left:0}.phone{width:280px}.modal{padding:19px}.toast{left:16px;right:16px;bottom:16px;justify-content:center}}.store-switch strong{font-size:14px}.auth-benefits>p,.empty-config strong,.nav-link,.setup-copy>p{font-size:13px}.catalog-toolbar>div strong,.info-card strong,.primary-btn,.security-note strong,.setup-step strong{font-size:12.5px}.auth-benefits>div span,.auth-copy p,.auth-form .field input,.auth-loading-card strong,.demo-notice,.drawer-section h3,.field select,.order-customer strong,.owner-card strong,.page-heading>span,.payment-method strong,.preview-heading strong,.search-field input,.section-row strong,.section-tabs button,.sidebar-brand small,.step-number{font-size:12px}.access-card strong,.banner-upload strong,.card-title p,.table-row,.toast{font-size:11.5px}.auth-benefits>div strong,.auth-brand small,.auth-tabs button,.catalog-toolbar>div small,.code-panel button,.code-panel p,.config-state,.customer-empty span,.drawer-section p,.empty-config p,.field,.info-card p,.membership-info,.order-customer>span,.order-detail-grid strong,.owner-card>span,.preview-drawer header p,.section-heading p,.section-heading>span,.security-note p,.segmented button,.setup-step small,.store-switch small,.style-option strong,.upload-btn{font-size:11px}.access-card p,.auth-benefits>span,.auth-error,.auth-footer,.banner-row>button:not(.switch):not(.danger-icon),.banner-upload small,.code-panel small,.customer-cell i,.customer-cell small,.live-chip,.nav-group p,.nav-link b,.order-customer small,.order-detail-grid span,.order-drawer header p,.order-drawer header span,.owner-card small,.page-heading p,.payment-method small,.preview-heading small,.preview-heading>span,.section-row small,.section-tabs b,.status,.step-state,.style-option small,.table-header,.table-row small,.text-danger,.upload-row p{font-size:10px}.admin-shell p,.admin-shell small,.auth-shell p,.auth-shell small{line-height:1.5}