.admin-body{min-height:100vh}.admin-header{height:72px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding-inline:max(32px,calc((100% - 1160px)/2));gap:22px}.admin-header .brand{font-size:20px}.admin-header .brand-mark{width:31px;height:31px;font-size:18px}.admin-title{font-size:11px;border-right:1px solid var(--line);padding-right:20px;color:#738078}.back-link{margin-right:auto;color:var(--green);font-size:11px;font-weight:700}.admin-wrap{width:min(1100px,calc(100% - 48px));margin:35px auto 70px}.admin-welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.admin-welcome h1{font-size:25px;margin:4px 0}.admin-welcome h1 span{font-size:18px;color:#d99c62}.admin-welcome p,.panel-heading p{font-size:11px;color:#849087;margin:0}.prototype-warning{font-size:10px;background:#fff4e5;color:#795c31;border:1px solid #f1dfc4;border-radius:8px;padding:10px 14px;margin-bottom:17px}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:23px}.admin-stats article{background:#fff;border:1px solid #eaede7;border-radius:11px;padding:15px 18px;display:grid;grid-template-columns:38px 1fr;align-items:center;column-gap:10px}.stat-icon{grid-row:span 2;width:36px;height:36px;border-radius:10px;background:#eff5ef;color:var(--green);display:grid;place-items:center;font-size:18px}.admin-stats article>span:nth-child(2){font-size:10px;color:#828d84}.admin-stats b{font-size:20px}.admin-panel{background:white;border:1px solid #eaede7;border-radius:12px;margin-top:15px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 19px}.panel-heading h2{font-size:14px;margin:0 0 3px}.panel-count{font-size:10px;color:#718078}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:right}th{font-size:9px;color:#839087;background:#f7f8f5;padding:10px 16px;font-weight:600}td{font-size:10px;padding:12px 16px;border-top:1px solid #f0f1ed}td b{font-size:11px}.table-company{display:flex;align-items:center;gap:8px}.table-logo{width:28px;height:28px;border-radius:8px;background:#e7f0e7;color:var(--green);display:grid;place-items:center;font-weight:700}.status-pill{padding:3px 8px;border-radius:12px;font-size:9px;background:#ecf5ed;color:#36734d}.status-pill.closed{background:#f2f2ef;color:#777}.status-pill.pending{background:#fff3df;color:#966d29}.table-action{border:0;background:none;color:var(--green);font-size:10px;font-weight:700;margin-left:7px}.table-action.danger{color:#b75b49}.empty-row{text-align:center;color:#89938b;padding:22px}.wallet-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;padding:0 19px 16px;align-items:end}.wallet-form label,.form-two label{font-size:10px;color:#59675e}.wallet-form .form-control{display:block;margin-top:5px;font-size:10px;direction:ltr;text-align:left}.wallet-form .button{font-size:10px;padding:10px 15px}.wallet-panel>.notice{margin:0 19px 17px}.admin-form-wrap{padding:28px}.admin-form-wrap h2{font-size:20px;margin:4px 0 15px}.admin-form-wrap .form-label{margin-top:11px}.admin-form-wrap textarea{resize:vertical}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-two .form-control{margin-top:5px}.admin-form-wrap .modal-close{margin:0;position:absolute;top:12px;left:12px}@media(max-width:700px){.admin-header{padding-inline:18px}.admin-wrap{width:calc(100% - 28px);margin-top:23px}.admin-welcome{align-items:flex-start;gap:15px}.admin-welcome h1{font-size:20px}.admin-welcome>.button{padding:10px;font-size:10px;white-space:nowrap}.admin-stats{gap:7px}.admin-stats article{padding:10px;grid-template-columns:1fr;gap:4px}.stat-icon{grid-row:auto;width:29px;height:29px}.admin-stats b{font-size:17px}.admin-stats article>span:nth-child(2){font-size:9px}.wallet-form{grid-template-columns:1fr}.wallet-form .button{justify-self:start}.panel-heading{padding:14px}.wallet-panel>.notice{margin-inline:14px}.admin-form-wrap{padding:23px 18px}.admin-header{height:62px}.admin-title{padding-right:12px}.back-link{font-size:9px}}/* Admin readability scale */
.admin-body{font-size:15px}
.admin-header{height:76px}
.admin-header .brand{font-size:22px}
.admin-title,.back-link{font-size:13px}
.admin-welcome h1{font-size:30px;line-height:1.45}
.admin-welcome p,.panel-heading p{font-size:13px;line-height:1.8}
.admin-welcome>.button{font-size:12px;min-height:46px;padding-inline:19px}
.prototype-warning{font-size:12px;line-height:1.85;padding:12px 16px}
.admin-stats{gap:15px}
.admin-stats article{padding:18px 20px;grid-template-columns:44px 1fr;column-gap:12px}
.stat-icon{width:42px;height:42px;font-size:20px}
.admin-stats article>span:nth-child(2){font-size:13px}
.admin-stats b{font-size:25px}
.admin-panel{margin-top:17px}
.panel-heading{padding:19px 21px}
.panel-heading h2{font-size:17px}
.panel-count{font-size:12px}
th{font-size:12px;padding:12px 16px}
td{font-size:13px;padding:14px 16px}
td b{font-size:13px}
.table-logo{width:32px;height:32px;font-size:13px}
.status-pill{font-size:11px;padding:4px 9px}
.table-action{font-size:12px;margin-left:9px}
.empty-row{font-size:12px;padding:24px}
.wallet-form{gap:14px;padding:0 21px 17px}
.wallet-form label,.form-two label{font-size:12px}
.wallet-form .form-control{font-size:12px;padding:10px 11px}
.wallet-form .button{font-size:12px;padding:11px 16px}
.wallet-panel>.notice{font-size:12px;margin:0 21px 19px}
.admin-form-wrap{padding:30px}
.admin-form-wrap h2{font-size:22px}
.admin-form-wrap .form-label{font-size:12px;margin-top:13px}
.admin-form-wrap .form-control,.form-two .form-control{font-size:13px;padding:10px 12px}
.admin-form-wrap .button{font-size:13px}
@media(max-width:700px){
 .admin-header{height:64px}
 .admin-title,.back-link{font-size:11px}
 .admin-welcome h1{font-size:22px}
 .admin-welcome p,.panel-heading p{font-size:11px}
 .admin-welcome>.button{font-size:11px;min-height:40px;padding:8px 11px}
 .prototype-warning{font-size:11px;padding:10px 12px}
 .admin-stats{gap:7px}
 .admin-stats article{padding:11px 9px;gap:5px}
 .admin-stats article>span:nth-child(2){font-size:10px}
 .admin-stats b{font-size:18px}
 .panel-heading{padding:14px}
 .panel-heading h2{font-size:14px}
 .panel-count{font-size:11px}
 th{font-size:11px;padding:11px 12px}
 td{font-size:11px;padding:12px}
 td b{font-size:11px}
 .status-pill{font-size:10px}
 .table-action{font-size:11px}
 .wallet-form label,.form-two label,.admin-form-wrap .form-label{font-size:11px}
 .wallet-form .form-control,.admin-form-wrap .form-control,.form-two .form-control{font-size:12px}
 .wallet-form .button,.admin-form-wrap .button{font-size:11px}
 .wallet-panel>.notice{font-size:11px;margin-inline:14px}
 .admin-form-wrap{padding:23px 18px}
}