.manager-page { --merchant-accent:#df5b14; background:#f5f6f8; color:#202735; font-family:Arial,Helvetica,sans-serif; }
.manager-page .manager-app { grid-template-columns:232px minmax(0,1fr); }
.manager-page .manager-sidebar { display:flex; flex-direction:column; padding:24px 16px; overflow-y:auto; box-shadow:none; border-color:#e4e7ec; }
.manager-page .manager-logo { min-height:48px; margin-bottom:24px; padding-left:10px; }
.manager-page .manager-store-switch { display:grid; padding:12px; margin:0 0 18px; background:#f7f8fa; border:1px solid #e9ebef; border-radius:12px; }
.manager-page .manager-store-switch span { font-size:10px; letter-spacing:.07em; }
.manager-page .manager-store-switch select { border:0; padding:0; min-height:28px; background:transparent; }
.manager-page .manager-side-nav { display:grid; gap:4px; overflow:visible; }
.manager-page .manager-side-nav strong { display:block; padding:10px 12px; color:#87909d; font-size:10px; letter-spacing:.1em; }
.manager-page .manager-side-nav a { display:flex; align-items:center; gap:12px; min-height:42px; padding:10px 12px; font-size:13px; font-weight:600; border:1px solid transparent; border-radius:9px; color:#586171; background:transparent; white-space:normal; }
.manager-page .manager-side-nav a:hover { color:#202735; background:#f5f6f8; }
.manager-page .manager-side-nav a.active { color:#a94310; background:#fff3e9; border-color:#fbe1cc; }
.merchant-nav-icon { width:18px; height:18px; flex-shrink:0; }
.manager-page .manager-main { min-width:0; padding:0 28px 40px; }
.manager-page .manager-header { position:sticky; top:0; display:flex; align-items:center; justify-content:space-between; min-height:84px; margin:0 -28px 24px; padding:14px 28px; gap:16px; background:rgba(255,255,255,.96); border-bottom:1px solid #e5e8ed; }
.merchant-heading { display:flex; align-items:center; gap:12px; min-width:0; }
.merchant-heading span { color:#7a8391; font-size:11px; }
.merchant-heading h1 { margin:4px 0 0; color:#202735; font-size:23px; letter-spacing:-.5px; line-height:1.2; }
.manager-page .manager-header-actions { flex-wrap:wrap; overflow:visible; gap:8px; }
.manager-page .manager-header-actions a,.manager-page .manager-header-actions button { border-color:#e3e7ed; color:#596273; min-height:34px; font-size:12px; font-weight:600; }
.manager-page .manager-card { border:1px solid #e3e7ed; border-radius:14px; padding:24px; box-shadow:0 3px 14px rgba(26,35,49,.025); margin-bottom:20px; }
.manager-page .manager-card-title { align-items:center; gap:16px; margin-bottom:18px; }
.manager-page .manager-card-title h2 { font-size:21px; color:#202735; letter-spacing:-.3px; margin-top:5px; }
.manager-page .manager-card-title > div > span { color:#7a8391; font-size:10px; letter-spacing:.07em; }
.manager-page .store-btn.primary { background:#e96118; box-shadow:none; color:#fff; border:1px solid #e96118; }
.manager-page .store-btn.primary:hover { background:#ce5010; border-color:#ce5010; }
.manager-page .store-btn { border-radius:8px; font-size:13px; min-height:40px; }
.manager-page .store-btn.secondary { background:#fff; color:#394253; border:1px solid #d8dee7; }
.manager-page .mini-copy { border-color:#dce2ea; border-radius:7px; color:#596273; }
.manager-page input,.manager-page select,.manager-page textarea { font:inherit; }
.manager-page .manager-form label span { font-size:12px; font-weight:600; text-transform:none; letter-spacing:0; color:#556073; }
.manager-page .manager-form input:not([type=checkbox]),.manager-page .manager-form select,.manager-page .manager-form textarea { min-height:42px; border:1px solid #dce2e9; border-radius:8px; font-size:14px; background:#fff; color:#273244; }
.manager-page input[type=checkbox] { accent-color:var(--merchant-accent); }
.manager-page :is(a,button,input,select,textarea):focus-visible { outline:3px solid #f5ad72; outline-offset:3px; }
.manager-page .merchant-settings-form { display:grid; gap:26px; }
.manager-page .merchant-fieldset { min-width:0; margin:0; padding:22px 0 0; border:0; border-top:1px solid #e8ebef; gap:16px 20px; }
.merchant-fieldset legend { padding:0 12px 0 0; color:#313c4e; font-size:15px; font-weight:700; }
.merchant-fieldset .check-line { padding:12px; border-radius:8px; border-color:#e5e9ee; box-shadow:none; background:#fafbfc; }
.merchant-form-footer { padding-top:18px; border-top:1px solid #e8ebef; display:flex; justify-content:flex-end; }
.merchant-whatsapp p,.merchant-catalog p { font-size:14px; color:#657083; line-height:1.6; }
.manager-page .merchant-status { padding:6px 10px; background:#f1f3f5; border:1px solid #e3e7eb; color:#687282; border-radius:20px; font-size:12px; font-weight:600; white-space:nowrap; }
.manager-page .merchant-status.is-on { color:#246d4d; background:#f0f8f3; border-color:#d3e8db; }
.merchant-whatsapp-controls { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:20px; margin-top:20px; background:#fafbfc; border:1px solid #e7ebef; border-radius:10px; }
.merchant-whatsapp-controls strong { color:#364154; font-size:14px; }
.merchant-whatsapp-controls small { display:block; margin-top:6px; color:#657083; font-size:12px; line-height:1.5; }
.merchant-whatsapp-controls form { flex-shrink:0; margin:0; }
.merchant-whatsapp .merchant-help { margin:14px 0 0; font-size:12px; }
.merchant-help a { color:#ac4815; text-decoration:underline; text-underline-offset:3px; }
.merchant-catalog-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:24px 0; }
.merchant-catalog-links a { display:grid; gap:10px; padding:22px; border:1px solid #e3e7ed; border-radius:12px; color:#303c4c; background:#fafbfc; }
.merchant-catalog-links a:hover { border-color:#eaaa7f; background:#fff9f4; }
.merchant-catalog-links span { font-size:13px; line-height:1.5; color:#6a7485; }
.merchant-share { display:grid; gap:8px; font-size:12px; color:#657083; }
.merchant-share input { width:100%; min-width:0; border:1px solid #e1e6ed; border-radius:8px; padding:12px; background:#fff; color:#586477; }
.manager-page .manager-table th { background:#f7f8fa; color:#6a7485; font-weight:600; }
.manager-page .manager-table td { border-color:#edf0f3; }
.manager-page .manager-table tbody tr:hover { background:#fcfaf7; }
.manager-page .manager-log-list article { background:#fafbfc; border-color:#e9edf1; }
.manager-page .manager-metric-grid > article,.manager-page .manager-quick-grid > article { box-shadow:none; border-color:#e3e7ed; background:#fff; }
.merchant-menu-toggle,.merchant-menu-close,.merchant-menu-backdrop { display:none; }
@media(max-width:1100px) {
 .manager-page .manager-app { grid-template-columns:208px minmax(0,1fr); }
 .manager-page .manager-main { padding:0 20px 30px; }
 .manager-page .manager-header { margin:0 -20px 20px; padding:14px 20px; }
 .merchant-catalog-links { grid-template-columns:1fr; }
}
@media(max-width:900px) {
 .manager-page .manager-app { display:block; }
 .manager-page .manager-sidebar { position:fixed; inset:0 auto 0 0; width:min(290px,85vw); height:100dvh; display:flex; z-index:101; padding:24px 16px; border-right:1px solid #e4e7ec; transform:translateX(-101%); visibility:hidden; }
 .manager-page.merchant-menu-open .manager-sidebar { transform:translateX(0); visibility:visible; }
 .manager-page .manager-side-nav { display:grid; flex:none; gap:4px; }
 .manager-page .manager-side-nav a { min-height:44px; font-size:14px; }
 .manager-page .manager-store-switch { display:grid; }
 .manager-page .manager-logo { height:48px; margin-bottom:24px; }
 .manager-page .manager-main { padding:0 14px 30px; }
 .manager-page .manager-header { position:sticky; z-index:20; display:flex; flex-direction:row; align-items:center; flex-wrap:wrap; margin:0 -14px 18px; padding:14px; min-height:78px; background:#fff; }
 .manager-page .manager-header-actions { flex-direction:row; align-items:center; justify-content:flex-start; gap:6px; }
 .manager-page .manager-header-actions a,.manager-page .manager-header-actions button { border-radius:7px; }
 .manager-page .manager-analytics-grid { grid-template-columns:minmax(0,1fr); }
 .manager-page .manager-chart-card { min-width:0; }
 .manager-page .manager-bars { overflow-x:auto; }
 .merchant-heading h1 { font-size:20px; }
 .merchant-menu-toggle,.merchant-menu-close { display:flex; align-items:center; justify-content:center; width:40px; height:40px; border:1px solid #e2e7ed; border-radius:8px; background:#fff; color:#526074; font-size:21px; cursor:pointer; }
 .merchant-menu-close { position:absolute; top:22px; right:14px; }
 .merchant-menu-backdrop:not([hidden]) { display:block; position:fixed; inset:0; z-index:100; border:0; background:rgba(17,24,39,.38); }
 .manager-page.merchant-menu-open { overflow:hidden; }
 .manager-page .manager-card { padding:18px; border-radius:12px; }
 .manager-page .merchant-fieldset { grid-template-columns:1fr; }
 .merchant-whatsapp-controls { align-items:flex-start; flex-direction:column; padding:16px; }
 .merchant-whatsapp-controls form,.merchant-whatsapp-controls button { width:100%; }
 .manager-page .manager-card-title { flex-wrap:wrap; }
 .merchant-form-footer button { width:100%; }
}