html.merchant-portal{--merchant-navy:#071526;--merchant-navy-soft:#122c4b;--merchant-brand-blue:#246fda;--merchant-brand-blue-soft:#eaf2fd;--merchant-champagne:#9a762e;--merchant-champagne-soft:#f7f1e4;--merchant-page:#f3f6f9;--merchant-line:#dce4ec;--merchant-ink:#142338;--merchant-muted:#68798c;overflow-x:hidden}
html.merchant-portal [hidden]{display:none!important}
html.merchant-portal body,html.merchant-portal body:before{background:var(--merchant-page)!important;overflow-x:hidden}
html.merchant-portal .shell{grid-template-columns:264px minmax(0,1fr)!important;max-width:100vw;overflow-x:hidden}
html.merchant-portal .side{padding:24px 16px 18px;background:var(--merchant-navy)!important;box-shadow:none!important}
html.merchant-portal .side .brand{min-height:52px;gap:12px;padding:0 8px 24px;color:#fff;font-size:17px;line-height:1.3;letter-spacing:0}
html.merchant-portal .side .brand img{width:40px;height:40px;flex:none;border:1px solid rgb(255 255 255 / 16%);border-radius:9px;object-fit:contain;background:#fff}
html.merchant-portal #portalBrandName{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
html.merchant-portal .workspace{margin:0 4px 18px;padding:9px 11px;border-color:rgb(194 213 235 / 15%);background:rgb(255 255 255 / 5%);color:#d5b978;letter-spacing:.04em}
html.merchant-portal .workspace button{display:none}
html.merchant-portal .side nav button{min-height:43px;border-radius:7px;color:#9fb0c2;font-size:13px}
html.merchant-portal .side nav button:hover{background:rgb(255 255 255 / 6%);color:#f2f6fa}
html.merchant-portal .side nav button.active{background:var(--merchant-navy-soft);box-shadow:inset 2px 0 0 #4d8de7;color:#fff}
html.merchant-portal .side .subnav{margin-left:14px!important}
html.merchant-portal .side-footer{color:#7f91a5!important;letter-spacing:0}
html.merchant-portal .side-footer b{color:#c8d4e0;font-weight:650}
html.merchant-portal .topbar{height:76px;padding:14px 32px;border-color:var(--merchant-line)!important;background:rgb(255 255 255 / 96%)!important;box-shadow:none!important;backdrop-filter:none}
html.merchant-portal .topbar h1{color:var(--merchant-ink);font-size:21px}
html.merchant-portal #page{box-sizing:border-box;width:100%;min-width:0;padding:30px 32px 48px}
html.merchant-portal .button{border-radius:7px;background:var(--merchant-brand-blue);box-shadow:none}
html.merchant-portal .button.secondary{border:1px solid var(--merchant-line);background:#fff;color:#334960}
html.merchant-portal .button.danger{background:#b83b48;color:#fff}
.merchant-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}
.merchant-page-head h2{margin:4px 0 8px;color:var(--merchant-ink);font-size:26px;letter-spacing:-.02em}
.merchant-page-head p{max-width:760px;margin:0;color:var(--merchant-muted);font-size:13px;line-height:1.7}
.merchant-eyebrow{color:var(--merchant-brand-blue);font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.merchant-readonly-note{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding:13px 16px;border:1px solid #e3ce96;border-radius:9px;background:#fff9e8;color:#705a28;font-size:13px;line-height:1.55}
.merchant-readonly-note strong{flex:none;color:#8a641a}.merchant-readonly-note span{min-width:0}
.merchant-staff-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.merchant-staff-summary>div{padding:18px 20px;border:1px solid var(--merchant-line);border-radius:10px;background:#fff}
.merchant-staff-summary span{display:block;color:var(--merchant-muted);font-size:12px}.merchant-staff-summary strong{display:block;margin-top:9px;color:var(--merchant-ink);font-size:26px}
.merchant-staff-summary .champagne{border-color:#e7d9b9;background:var(--merchant-champagne-soft)}.merchant-staff-summary .champagne strong{color:var(--merchant-champagne)}
.merchant-staff-table{width:100%;min-width:0;overflow:auto;border:1px solid var(--merchant-line);border-radius:10px;background:#fff}
.merchant-staff-table table{width:100%;min-width:1020px;border-collapse:collapse}.merchant-staff-table th{background:#f6f8fa;color:var(--merchant-muted);font-size:11px}.merchant-staff-table td{color:#293c52;font-size:13px;vertical-align:middle}
.merchant-staff-table td b{display:block}.merchant-owner-badge{display:inline-flex;margin-top:6px;padding:3px 7px;border-radius:999px;background:var(--merchant-champagne-soft);color:var(--merchant-champagne);font-size:10px;font-weight:750}
.merchant-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700}.merchant-status.active{background:#e7f7ee;color:#147449}.merchant-status.disabled{background:#f4e9eb;color:#a63b48}
.merchant-row-actions{display:flex;gap:6px;white-space:nowrap}.merchant-row-actions button,.merchant-role-card>button{padding:6px 8px;border:1px solid var(--merchant-line);border-radius:6px;background:#fff;color:#2e69b2;font:inherit;font-size:11px;cursor:pointer}.merchant-row-actions button:hover,.merchant-role-card>button:hover{border-color:#9ebee8;background:var(--merchant-brand-blue-soft)}
.owner-lock{color:var(--merchant-champagne);font-size:11px;white-space:nowrap}
.merchant-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.merchant-role-card{min-width:0;padding:20px;border:1px solid var(--merchant-line);border-radius:10px;background:#fff}
.merchant-role-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.merchant-role-card header span{color:var(--merchant-champagne);font-size:11px;font-weight:750}.merchant-role-card h3{margin:4px 0 0;color:var(--merchant-ink);font-size:18px}
.merchant-permission-tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.merchant-permission-tags span{padding:5px 8px;border-radius:5px;background:var(--merchant-brand-blue-soft);color:#245f9f;font-size:11px}
.merchant-empty{grid-column:1/-1;padding:50px 20px;border:1px dashed var(--merchant-line);border-radius:10px;background:#fff;color:var(--merchant-muted);text-align:center}
.merchant-staff-modal{z-index:10060}.merchant-staff-modal .modal-card{box-sizing:border-box;width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;border-radius:12px}.merchant-staff-modal .config-form{display:grid;gap:14px}.merchant-staff-modal label{display:grid;gap:6px;color:#334960;font-size:12px;font-weight:650}.merchant-staff-modal input,.merchant-staff-modal select,.merchant-staff-modal textarea{box-sizing:border-box;width:100%;min-width:0;padding:10px 11px;border:1px solid var(--merchant-line);border-radius:7px;background:#fff;color:var(--merchant-ink);font:inherit}.merchant-staff-modal textarea{min-height:78px;resize:vertical}.merchant-staff-modal fieldset{min-width:0;margin:0;padding:13px;border:1px solid var(--merchant-line);border-radius:8px}.merchant-staff-modal legend{padding:0 6px;color:var(--merchant-ink);font-size:12px;font-weight:750}
.merchant-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.merchant-permission-check{display:flex!important;align-items:flex-start;gap:9px;padding:9px;border:1px solid #e8edf3;border-radius:7px;background:#fafbfd}.merchant-permission-check input{width:16px!important;margin:2px 0 0}.merchant-permission-check span{min-width:0}.merchant-permission-check b,.merchant-permission-check small{display:block}.merchant-permission-check small{margin-top:3px;color:var(--merchant-muted);font-weight:400;overflow-wrap:anywhere}
.merchant-security-copy{padding:11px 13px;border-left:3px solid var(--merchant-champagne);border-radius:6px;background:var(--merchant-champagne-soft);color:#705a28;font-size:12px;line-height:1.6}.merchant-toast{position:fixed;right:22px;bottom:22px;z-index:10100;max-width:min(420px,calc(100vw - 32px));padding:12px 16px;border-radius:8px;background:#113052;color:#fff;box-shadow:0 12px 30px rgb(7 21 38 / 24%);font-size:13px}
@media(max-width:1280px){html.merchant-portal .shell{grid-template-columns:236px minmax(0,1fr)!important}.merchant-role-grid{grid-template-columns:1fr 1fr}}
@media(max-width:1024px){html.merchant-portal #page{padding:24px 22px 40px}html.merchant-portal .topbar{padding-inline:22px}.merchant-staff-summary{gap:10px}.merchant-role-grid{grid-template-columns:1fr}}
@media(max-width:900px){html.merchant-portal .shell{grid-template-columns:1fr!important}html.merchant-portal .side{width:min(82vw,300px)}html.merchant-portal .topbar{min-height:70px}}
@media(max-width:768px){html.merchant-portal #page{padding:20px 16px 34px}.merchant-page-head{align-items:stretch;flex-direction:column;gap:14px}.merchant-page-head .button{width:100%}.merchant-staff-summary{grid-template-columns:1fr 1fr}.merchant-staff-summary .champagne{grid-column:1/-1}.merchant-staff-table{overflow:visible;border:0;background:transparent}.merchant-staff-table table,.merchant-staff-table thead,.merchant-staff-table tbody,.merchant-staff-table tr,.merchant-staff-table td{display:block;width:100%;min-width:0}.merchant-staff-table thead{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);overflow:hidden}.merchant-staff-table tr{box-sizing:border-box;margin-bottom:12px;padding:14px 15px;border:1px solid var(--merchant-line);border-radius:10px;background:#fff}.merchant-staff-table td{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;padding:7px 0;border:0;white-space:normal;overflow-wrap:anywhere}.merchant-staff-table td:before{content:attr(data-label);color:var(--merchant-muted);font-size:11px}.merchant-row-actions{flex-wrap:wrap}.merchant-permission-grid{grid-template-columns:1fr}}
@media(max-width:430px){html.merchant-portal .topbar{padding:11px 13px}html.merchant-portal #page{padding:18px 12px 30px}.merchant-page-head h2{font-size:23px}.merchant-staff-summary{grid-template-columns:1fr}.merchant-staff-summary .champagne{grid-column:auto}.merchant-readonly-note{align-items:flex-start;flex-direction:column}.merchant-staff-modal .modal-card{width:calc(100vw - 20px);padding:18px}.merchant-staff-table td{grid-template-columns:92px minmax(0,1fr)}}
@media(max-width:390px){html.merchant-portal #langToggle{display:none}.merchant-staff-summary>div{padding:15px}.merchant-role-card{padding:16px}.merchant-staff-table td{grid-template-columns:82px minmax(0,1fr)}.merchant-toast{right:10px;bottom:10px;max-width:calc(100vw - 20px)}}