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