@import url('/static/base.css');
.brand-logo{display:block;width:100%;height:auto;object-fit:contain}
.brand-logo-sidebar{max-width:178px;max-height:60px}
.brand-logo-login{width:min(290px,100%);max-height:100px;margin:0 auto 18px}
.brand{min-height:60px;padding:0 8px;justify-content:center}
main>header{justify-content:flex-end;margin-bottom:16px}
#page-dashboard>.stats{margin-top:0}
.settings-tabs{display:flex;gap:6px;padding:5px;background:#eaf0ec;border:1px solid #dfe8e2;border-radius:12px;width:fit-content;margin-bottom:24px}
.settings-tabs button{min-width:125px;padding:12px 24px;background:transparent;color:#75857b;border-radius:8px}
.settings-tabs button[aria-selected="true"]{background:white;color:#168653;box-shadow:0 2px 7px #204b3012}
.settings-tabs button:focus-visible{outline:2px solid #188958;outline-offset:2px}
@media(max-width:760px){.settings-tabs{width:100%}.settings-tabs button{flex:1;min-width:0}.brand{min-height:46px}.brand-logo-sidebar{max-width:150px;max-height:46px}.brand-logo-login{max-height:82px;margin-bottom:14px}}
#refresh,#logout{display:flex;align-items:center;gap:10px;white-space:nowrap}
#refresh{padding:7px 13px 7px 8px;flex-shrink:0}
#logout{padding:10px}
.action-icon{--action-size:32px;display:block;flex:0 0 var(--action-size);width:var(--action-size);height:var(--action-size);border-radius:8px;background-image:url('/static/icons/admin-actions.png');background-repeat:no-repeat;background-size:calc(var(--action-size) * 3.237226) calc(var(--action-size) * 1.618613);background-position-y:calc(var(--action-size) * -0.182482)}
.action-icon-refresh{background-position-x:calc(var(--action-size) * -0.372263)}
.action-icon-logout{--action-size:36px;background-position-x:calc(var(--action-size) * -1.857664)}
@media(max-width:760px){#logout{display:none}#refresh{gap:6px;padding:7px;font-size:11px}#refresh .action-icon{--action-size:26px}}
/* Display each supplied icon directly from the original artwork. */
nav button{align-items:center;gap:10px;padding:10px;min-height:56px}
nav .nav-icon{--icon-size:36px;display:block;flex:0 0 var(--icon-size);width:var(--icon-size);height:var(--icon-size);border-radius:9px;background-image:url('/static/icons/admin-menu.png');background-repeat:no-repeat;background-size:calc(var(--icon-size) * 5.615741) calc(var(--icon-size) * 6);background-position-x:calc(var(--icon-size) * -0.583333)}
nav .nav-icon-dashboard{background-position-y:calc(var(--icon-size) * -0.231481)}
nav .nav-icon-products{background-position-y:calc(var(--icon-size) * -1.342593)}
nav .nav-icon-orders{background-position-y:calc(var(--icon-size) * -2.453704)}
nav .nav-icon-payments{background-position-y:calc(var(--icon-size) * -3.564815)}
nav .nav-icon-settings{background-position-y:calc(var(--icon-size) * -4.675926)}
@media(max-width:760px){nav button{gap:7px;min-height:46px;padding:8px}nav .nav-icon{--icon-size:30px;border-radius:8px}}
.sepay-intro{display:flex;justify-content:space-between;align-items:center;padding:24px;margin-bottom:20px;gap:20px}.sepay-intro h2{font-size:25px}.sepay-intro p{margin:8px 0}.webhook-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.webhook-card>div{min-width:0;flex:1}.webhook-card code{color:#168653;user-select:all}.sepay-form{margin-bottom:24px}.sepay-form .notice{margin-top:24px}.sepay-form .form-actions{align-items:center}.sepay-form input{background:#fcfdfc}.sepay-form small{display:block;margin-top:8px}.sepay-form .form-row{margin-bottom:17px}@media(max-width:760px){.sepay-intro,.webhook-card{align-items:flex-start;flex-direction:column}.sepay-form .form-row{grid-template-columns:1fr;gap:0}.sepay-form .form-actions{flex-wrap:wrap}.sepay-form .form-actions span{width:100%}}