.admin-commerce-page{min-height:100vh;background:#f4f7fb;color:#071a3d}.admin-commerce-header{display:flex;align-items:center;gap:20px;min-height:88px;padding:18px max(28px,calc((100vw - 1440px)/2));background:linear-gradient(110deg,#071a3d,#123b74);color:#fff}.admin-commerce-header img{width:180px}.admin-commerce-header>div{display:grid}.admin-commerce-header small{color:#ffaa4d;font-size:11px;font-weight:800;letter-spacing:.09em}.admin-commerce-header strong{font-size:15px}.admin-commerce-header form,.admin-back-link{margin-left:auto}.admin-commerce-header button,.admin-back-link{padding:10px 14px;border:1px solid #ffffff33;border-radius:10px;background:#ffffff10;color:#fff;font:700 13px var(--font-body);text-decoration:none}.admin-commerce-header i{margin-right:8px}.admin-commerce-content{width:min(1440px,100%);margin:auto;padding:30px 28px 60px}.admin-overview{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 30px;border-radius:22px;background:linear-gradient(120deg,#071a3d,#123b74);color:#fff}.admin-overview small,.admin-manage-hero small,.admin-membership-card header small{color:#ffaa4d;font-weight:800;letter-spacing:.08em}.admin-overview h1{margin:4px 0;font-size:34px}.admin-overview p{margin:0;color:#d7e3f2}.admin-overview a{padding:11px 15px;border:1px solid #ffffff38;border-radius:11px;color:#fff;text-decoration:none}.admin-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.admin-summary-grid article{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid #e0e7ef;border-radius:16px;background:#fff}.admin-summary-grid article>i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#edf3fb;color:#123b74}.admin-summary-grid .pending>i{background:#fff0df;color:#b86614}.admin-summary-grid .active>i{background:#e5f7ee;color:#087c4c}.admin-summary-grid .expired>i{background:#fcebed;color:#b43e4b}.admin-summary-grid strong,.admin-summary-grid span{display:block}.admin-summary-grid strong{font-size:22px}.admin-summary-grid span{color:#73839a;font-size:12px}.admin-commerce-tools{display:grid;gap:12px;padding:14px;border:1px solid #e0e7ef;border-radius:16px;background:#fff}.admin-commerce-tools>label{display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #d9e2ed;border-radius:12px}.admin-commerce-tools input{width:100%;height:46px;border:0;outline:0;font:inherit}.admin-commerce-tools>div{display:flex;gap:7px;overflow:auto}.admin-commerce-tools button{padding:9px 13px;border:1px solid #d9e2ed;border-radius:99px;background:#fff;color:#596b84;font-weight:700;white-space:nowrap}.admin-commerce-tools button span{margin-left:5px}.admin-commerce-tools button.is-selected{border-color:#123b74;background:#123b74;color:#fff}.admin-list-heading{margin:20px 2px 10px}.admin-list-heading h2{margin:0}.admin-list-heading span{color:#77879b}.admin-commerce-list{display:grid;gap:11px}.admin-commerce-list>article{border:1px solid #dfe6ef;border-radius:18px;background:#fff;box-shadow:0 8px 24px #071a3d0b}.admin-commerce-main{display:grid;grid-template-columns:58px minmax(220px,1.3fr) minmax(170px,.7fr) auto;align-items:center;gap:15px;padding:16px}.admin-commerce-logo{display:grid;width:58px;height:58px;overflow:hidden;place-items:center;border-radius:16px;background:#fff0e1;color:#d86c09;font-weight:800}.admin-commerce-logo img{width:100%;height:100%;object-fit:cover}.admin-commerce-identity{min-width:0}.admin-commerce-identity>div{display:flex;align-items:center;gap:9px}.admin-commerce-identity h3{margin:0}.admin-commerce-identity b,.admin-manage-hero>b{padding:6px 9px;border-radius:99px;font-size:11px}.admin-commerce-page .is-pending{background:#fff0dc;color:#9d580e}.admin-commerce-page .is-active{background:#e3f5ec;color:#176548}.admin-commerce-page .is-expired{background:#fbe8ea;color:#a52f3c}.admin-commerce-page .is-other{background:#eceff3;color:#5d6470}.admin-commerce-identity p{margin:5px 0 0;color:#718199;font-size:13px}.admin-commerce-identity p i{width:18px}.admin-membership-overview{padding-left:15px;border-left:1px solid #e7edf4}.admin-membership-overview span,.admin-membership-overview small{display:block;color:#8190a4;font-size:12px}.admin-membership-overview strong{display:block;margin:4px 0}.admin-commerce-actions{display:flex;gap:8px}.admin-commerce-actions a,.admin-commerce-actions button{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 13px;border:1px solid #d5dfeb;border-radius:10px;background:#fff;color:#123b74;font-weight:800;text-decoration:none}.admin-commerce-actions button{border-color:#071a3d;background:#071a3d;color:#fff}.admin-commerce-actions i{margin:0}.admin-commerce-actions form{margin:0}.admin-commerce-actions button:disabled{opacity:.45}.admin-empty-filter{text-align:center;padding:45px;border:1px dashed #cbd7e5;border-radius:18px;background:#fff}.admin-empty-filter[hidden]{display:none}.admin-empty-filter>a{color:#123b74;font-weight:800}.admin-commerce-error,.admin-commerce-loading,.admin-action-message{margin:15px 0;padding:14px;border-radius:12px;background:#fff0f0;color:#a62c2c}.admin-commerce-loading,.admin-action-message.success{background:#e9f7f0;color:#087951}.admin-manage-hero{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid #dfe6ef;border-radius:20px;background:#fff}.admin-manage-hero>div:nth-child(2){min-width:0;flex:1}.admin-manage-hero h1{margin:3px 0}.admin-manage-hero p{display:flex;gap:15px;margin:0;color:#718199}.admin-manage-hero p span{display:inline-flex;gap:6px}.admin-membership-card,.admin-separate-actions{margin-top:16px;padding:22px;border:1px solid #dfe6ef;border-radius:20px;background:#fff}.admin-membership-card>header{display:flex;align-items:center;gap:12px;margin-bottom:17px}.admin-membership-card>header>i{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#fff0e1;color:#f07814}.admin-membership-card h2{margin:2px 0}.admin-membership-facts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e3e9f1;border-radius:14px;background:#f8fafc}.admin-membership-facts article{padding:15px}.admin-membership-facts span{display:block;color:#7a899e;font-size:12px}.admin-membership-facts strong{display:block;margin-top:5px}.admin-no-membership{display:flex;gap:12px;padding:17px;border:1px dashed #f0ba83;border-radius:14px;background:#fff8ef}.admin-no-membership span{display:block;margin-top:4px;color:#835e37}.admin-inline-form{display:flex;align-items:center;gap:16px}.admin-switch{display:flex;align-items:center;gap:11px;flex:1}.admin-switch input{position:absolute;opacity:0}.admin-switch i{position:relative;width:44px;height:25px;border-radius:20px;background:#cbd5e1}.admin-switch i:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;transition:.2s}.admin-switch input:checked+i{background:#f68b1f}.admin-switch input:checked+i:after{transform:translateX(19px)}.admin-switch span,.admin-switch small{display:block}.admin-switch small{color:#77879b}.admin-inline-form button,.admin-country-only button{padding:11px 15px;border:0;border-radius:10px;background:#123b74;color:#fff;font-weight:800}.admin-management-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-management-form label{display:grid;gap:7px}.admin-management-form label>span{font-size:13px;font-weight:800}.admin-management-form select,.admin-management-form input,.admin-management-form textarea,.admin-country-only select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #d5dfeb;border-radius:11px;background:#fff;font:inherit}.admin-management-form label small{color:#77879b}.admin-management-form .wide{grid-column:1/-1}.admin-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.admin-renew-preview{display:flex;align-items:center;justify-content:center;gap:28px;padding:16px;border-radius:14px;background:#f3f7fc}.admin-renew-preview div{display:grid;text-align:center}.admin-renew-preview span{color:#75869c;font-size:12px}.admin-renew-preview strong{margin-top:4px}.admin-management-form footer{display:flex;gap:10px}.admin-management-form footer button,.admin-management-form footer a{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 18px;border-radius:11px;font-weight:800;text-decoration:none}.admin-management-form footer .primary{border:0;background:#f68b1f;color:#fff}.admin-management-form footer a{border:1px solid #d5dfeb;color:#123b74}.admin-country-only{display:flex;gap:10px;margin-top:14px}.admin-separate-actions{display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-separate-actions h2{margin:0}.admin-separate-actions p{margin:5px 0 0;color:#74849a}.admin-separate-actions button{padding:12px 16px;border:0;border-radius:11px;background:#071a3d;color:#fff;font-weight:800}
@media(max-width:900px){.admin-summary-grid{grid-template-columns:repeat(2,1fr)}.admin-commerce-main{grid-template-columns:58px 1fr}.admin-membership-overview,.admin-commerce-actions{grid-column:2}.admin-membership-overview{padding:10px 0 0;border-left:0;border-top:1px solid #e7edf4}.admin-membership-facts{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.admin-commerce-header{padding:14px}.admin-commerce-header img{width:145px}.admin-commerce-header>div{display:none}.admin-commerce-content{padding:20px 14px 45px}.admin-overview{align-items:flex-start;flex-direction:column;padding:21px}.admin-overview h1{font-size:27px}.admin-commerce-main{grid-template-columns:48px 1fr;padding:14px}.admin-commerce-logo{width:48px;height:48px}.admin-commerce-actions{display:grid;grid-template-columns:1fr}.admin-commerce-actions a,.admin-commerce-actions button{width:100%;justify-content:center}.admin-manage-hero{align-items:flex-start;flex-wrap:wrap}.admin-manage-hero p{flex-direction:column;gap:5px}.admin-membership-facts,.admin-management-form{grid-template-columns:1fr}.admin-management-form .wide{grid-column:auto}.admin-inline-form,.admin-separate-actions{align-items:stretch;flex-direction:column}.admin-renew-preview{gap:12px}.admin-country-only{display:grid}.admin-management-form footer{flex-direction:column}}
