.merchant-page{padding-top:34px!important}
.merchant-page .container{max-width:1200px}
.merchant-page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;padding:8px 2px}
.merchant-page-kicker{display:inline-flex;align-items:center;gap:7px;color:#d6a600;font-weight:800;font-size:13px;margin-bottom:5px}
.merchant-page-header h1{margin:0;color:#122247;font-size:31px;font-weight:800;letter-spacing:-.4px}
.merchant-page-header p{margin:7px 0 0;color:#71809a;font-size:14px}
.merchant-back-btn{display:inline-flex;align-items:center;gap:8px;background:#eef3fb;color:#122247;border:1px solid #dfe7f2;padding:11px 16px;border-radius:11px;text-decoration:none;font-weight:700;white-space:nowrap}
.merchant-back-btn:hover{background:#122247;color:#fff}
.merchant-alert{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:12px;margin-bottom:16px;font-weight:700}
.merchant-alert-success{background:#ecfdf3;color:#166534;border:1px solid #bbf7d0}.merchant-alert-error{background:#fff1f1;color:#b42318;border:1px solid #ffd0d0}
.merchant-editor-shell{background:#fff;border:1px solid #e0e7f0;border-radius:18px;overflow:hidden;box-shadow:0 12px 35px rgba(18,34,71,.07)}
.merchant-editor-tabs{display:flex;gap:7px;flex-wrap:wrap;padding:12px;background:#f7f9fc;border-bottom:1px solid #e4eaf2}
.merchant-editor-tabs a{display:inline-flex;align-items:center;gap:8px;padding:11px 17px;border-radius:10px;background:#edf2f8;color:#34445f;text-decoration:none;font-weight:700;font-size:14px;transition:.2s}
.merchant-editor-tabs a i{color:#d6a600}.merchant-editor-tabs a.active{background:#122247;color:#fff}.merchant-editor-tabs a.active i{color:#f4b400}.merchant-editor-tabs a:hover:not(.active){background:#e3eaf4;color:#122247}
.merchant-editor-body{padding:22px}
.merchant-form-section{border:1px solid #e3e9f1;border-radius:15px;background:#fff;overflow:hidden}
.merchant-section-title{display:flex;align-items:center;gap:12px;padding:17px 19px;background:#fbfcfe;border-bottom:1px solid #e8edf4}.merchant-section-title>span{width:38px;height:38px;border-radius:10px;background:#fff5d6;color:#d6a600;display:grid;place-items:center}.merchant-section-title h2{margin:0;color:#122247;font-size:18px}.merchant-section-title p{margin:3px 0 0;color:#8290a5;font-size:12px}
.merchant-form-section>.commerce-form,.merchant-option-editor{padding:20px}
.merchant-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px}.merchant-form-grid-wide{margin-top:17px}.merchant-form-grid label,.merchant-option-row label{display:flex;flex-direction:column;gap:7px;color:#273852;font-weight:700;font-size:13px}.merchant-form-grid input,.merchant-form-grid select,.merchant-form-grid textarea,.merchant-option-row input,.merchant-option-editor>label input,.merchant-upload-form input[type=file]{width:100%;box-sizing:border-box;border:1px solid #d9e1ec;background:#fff;border-radius:10px;padding:11px 13px;font:inherit;font-weight:400;color:#1e2d47;transition:.2s}.merchant-form-grid input,.merchant-form-grid select,.merchant-option-row input{height:45px}.merchant-form-grid textarea{min-height:125px;resize:vertical}.merchant-form-grid input:focus,.merchant-form-grid select:focus,.merchant-form-grid textarea:focus,.merchant-option-row input:focus{outline:0;border-color:#284fa6;box-shadow:0 0 0 3px rgba(40,79,166,.08)}
.merchant-upload-box{display:flex;align-items:center;gap:18px;margin-top:18px;padding:14px;border:1px dashed #cbd7e6;background:#f8fafd;border-radius:12px}.merchant-upload-box>div{display:flex;flex-direction:column;gap:3px;flex:1}.merchant-upload-box strong{color:#122247}.merchant-upload-box small{color:#7a879b}.merchant-upload-box input[type=file]{max-width:320px}.merchant-upload-box img{width:58px;height:58px;object-fit:cover;border-radius:10px;border:1px solid #dce4ee;background:#fff}
.merchant-form-actions{display:flex;align-items:center;gap:10px;margin-top:19px;padding-top:17px;border-top:1px solid #edf1f5}.merchant-save-btn,.merchant-add-btn,.merchant-cancel-btn,.merchant-edit-btn,.merchant-delete-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;padding:10px 15px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.merchant-save-btn{background:#dca900;color:#fff}.merchant-save-btn:hover{background:#c79600}.merchant-add-btn{background:#eef3fb;color:#122247;margin:0 20px 20px}.merchant-cancel-btn{background:#eef3fb;color:#122247}.merchant-edit-btn{background:#eef3fb;color:#17315e}.merchant-delete-btn{background:#fff0f0;color:#b42318}
.merchant-upload-form{display:flex;align-items:center;gap:12px;padding:20px}.merchant-upload-form input[type=file]{flex:1}.merchant-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 20px 20px}.merchant-gallery-item{border:1px solid #e3e9f1;border-radius:12px;padding:9px;background:#fff}.merchant-gallery-item img{width:100%;height:145px;object-fit:contain;border-radius:8px;background:#f7f9fc}.merchant-gallery-item span{display:block;margin-top:7px;font-size:11px;color:#8290a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.merchant-option-editor>label{display:flex;flex-direction:column;gap:7px;color:#273852;font-weight:700;font-size:13px}.merchant-option-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:14px;padding:13px;border:1px solid #e6ebf2;background:#fafbfd;border-radius:11px}.merchant-option-list{padding:0 20px 20px;display:flex;flex-direction:column;gap:10px}.merchant-option-card{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px;border:1px solid #e1e8f0;border-radius:12px}.merchant-option-card strong{display:block;color:#122247;margin-bottom:8px}.option-badges{display:flex;gap:6px;flex-wrap:wrap}.option-badges span{background:#f1f5f9;color:#52617a;padding:6px 9px;border-radius:8px;font-size:12px}.merchant-option-actions{display:flex;align-items:center;gap:7px}.merchant-option-actions form,.merchant-row-actions form{margin:0}.merchant-empty{text-align:center;padding:35px;color:#7b879b}.merchant-empty i{font-size:28px;color:#d6a600}.merchant-empty p{margin:8px 0 0}
.merchant-shipping-list{padding:0 20px 20px;display:flex;flex-direction:column;gap:9px}.merchant-shipping-row{display:grid;grid-template-columns:1.8fr .7fr .8fr auto;align-items:center;gap:14px;padding:13px 15px;border:1px solid #e1e8f0;border-radius:12px}.shipping-main{display:flex;align-items:center;gap:10px}.shipping-icon{width:35px;height:35px;border-radius:9px;background:#fff5d6;color:#d6a600;display:grid;place-items:center}.shipping-main strong,.shipping-main small{display:block}.shipping-main small{margin-top:2px;color:#8994a6;font-size:11px}.merchant-status-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:50px;font-size:12px;font-weight:800}.merchant-status-pill.is-active{background:#dcfce7;color:#166534}.merchant-status-pill.is-inactive{background:#fee2e2;color:#991b1b}.merchant-row-actions{display:flex;gap:6px}
.subscription-status-top{display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:11px;background:#f1f5f9}.subscription-status-top span{font-size:11px;color:#7a879a}.subscription-status-top strong{font-size:13px}.subscription-status-top.is-active{background:#ecfdf3;color:#166534}.subscription-status-top.is-expired{background:#fff1f1;color:#b42318}.subscription-status-top.is-trial{background:#fff8e5;color:#946200}
.subscription-overview{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;border:1px solid #e1e8f0;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(18,34,71,.05)}.subscription-overview-main{display:flex;align-items:center;gap:14px}.subscription-plan-icon{width:52px;height:52px;border-radius:13px;background:#fff5d6;color:#d6a600;display:grid;place-items:center;font-size:20px}.subscription-overview-main>div:last-child>span{color:#8792a4;font-size:12px}.subscription-overview-main h2{margin:3px 0 5px;color:#122247;font-size:21px}.subscription-overview-main p{margin:0;color:#748198;font-size:12px}.subscription-overview-main p i{color:#d6a600}.subscription-status-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:50px;font-weight:800;font-size:12px}.subscription-status-badge i{font-size:7px}.subscription-status-badge.is-active{background:#dcfce7;color:#166534}.subscription-status-badge.is-expired{background:#fee2e2;color:#991b1b}.subscription-status-badge.is-trial{background:#fff5d6;color:#946200}
.subscription-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px}.subscription-stat{background:#fff;border:1px solid #e1e8f0;border-radius:14px;padding:17px;min-height:92px}.subscription-stat span{display:flex;align-items:center;gap:7px;color:#7c899d;font-size:12px}.subscription-stat span i{color:#d6a600}.subscription-stat strong{display:block;margin-top:9px;color:#122247;font-size:20px}.subscription-stat small{display:block;margin-top:3px;color:#98a2b2;font-size:11px}.subscription-note{display:flex;gap:11px;margin-top:15px;padding:14px 16px;border:1px solid #e0e8f2;background:#f8fafd;border-radius:13px}.subscription-note>i{color:#2f64c7;margin-top:2px}.subscription-note strong{color:#122247;font-size:13px}.subscription-note p{margin:4px 0 0;color:#758198;font-size:12px}.subscription-empty{text-align:center;padding:60px 25px;background:#fff;border:1px solid #e1e8f0;border-radius:16px}.subscription-empty-icon{width:60px;height:60px;margin:0 auto 12px;border-radius:16px;background:#fff5d6;color:#d6a600;display:grid;place-items:center;font-size:22px}.subscription-empty h2{margin:0;color:#122247}.subscription-empty p{color:#7c899d}
@media(max-width:800px){.merchant-page-header{align-items:flex-start;flex-direction:column}.merchant-form-grid,.merchant-option-row,.subscription-stats-grid{grid-template-columns:1fr}.merchant-gallery-grid{grid-template-columns:repeat(2,1fr)}.merchant-upload-box,.merchant-upload-form,.subscription-overview{align-items:stretch;flex-direction:column}.merchant-upload-box input[type=file]{max-width:none}.merchant-shipping-row{grid-template-columns:1fr 1fr}.merchant-row-actions{justify-content:flex-start}.merchant-editor-body{padding:14px}.merchant-editor-tabs{overflow-x:auto;flex-wrap:nowrap}.merchant-editor-tabs a{flex:0 0 auto}.merchant-page-header h1{font-size:26px}}
@media(max-width:520px){.merchant-gallery-grid{grid-template-columns:1fr 1fr}.merchant-shipping-row{grid-template-columns:1fr}.merchant-form-actions{flex-direction:column;align-items:stretch}.merchant-save-btn,.merchant-cancel-btn{width:100%}.subscription-overview-main{align-items:flex-start}.subscription-status-badge{align-self:flex-start}}