:root{color:#172026;background:#f6f7f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(18px,4vw,48px);background:#fff;border-bottom:1px solid #dfe5df;position:sticky;top:0;z-index:10}.brand{font-weight:800;font-size:1.05rem}nav{display:flex;gap:16px;color:#46535c;font-size:.95rem}main{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:34px 0 56px}h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,5vw,3.25rem);line-height:1;margin-bottom:18px}h2{font-size:1.15rem}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.input{width:100%;min-height:44px;border:1px solid #cfd9d0;border-radius:8px;background:#fff;color:#172026;padding:10px 12px}.input:focus{border-color:#24483f;box-shadow:0 0 0 3px #24483f24;outline:none}.input.invalid{border-color:#d92d20;background:snow}.input.invalid:focus{border-color:#d92d20;box-shadow:0 0 0 3px #d92d201f}.field-error{display:block;margin-top:6px;color:#b42318;font-size:.9rem;font-weight:700}.search{max-width:320px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.card{background:#fff;border:1px solid #dfe5df;border-radius:8px;overflow:hidden}.product-card{display:grid;gap:14px;padding:14px}.product-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:6px}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #24483f;border-radius:8px;background:#fff;color:#24483f;padding:0 16px;cursor:pointer;font-weight:700}.button.primary{background:#24483f;color:#fff}.button.small{min-height:34px;padding:0 10px;font-size:.9rem}.button:disabled{cursor:not-allowed;opacity:.55}.detail-layout{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);gap:28px;align-items:start}.cover-large{width:100%;border-radius:8px;border:1px solid #dfe5df}.purchase-panel,.status-panel,.narrow,.admin-layout{background:#fff;border:1px solid #dfe5df;border-radius:8px;padding:clamp(18px,4vw,32px)}.purchase-panel{display:grid;gap:16px}.purchase-panel label,.stack{display:grid;gap:8px}.price{display:inline-block;font-size:1.5rem;margin-top:6px}.payment-heading{display:grid;gap:8px;margin-bottom:18px}.payment-heading span{color:#63717a;font-size:.86rem;font-weight:800;text-transform:uppercase}.payment-heading h1{max-width:100%;margin:0;overflow-wrap:anywhere;font-size:clamp(1.9rem,6vw,3.6rem);line-height:1.05}.bank-panel{display:grid;gap:10px;width:min(300px,100%);padding:20px;border:1px solid #cfd9d0;border-radius:8px;background:#fff;box-shadow:0 10px 24px #1720260f}.payment-methods{display:grid;gap:12px}.bank-qr{width:min(300px,100%);aspect-ratio:1;object-fit:contain;border:1px solid #cfd9d0;border-radius:8px;background:#fff;padding:12px;box-shadow:0 10px 24px #1720260f}.bank-panel span{color:#63717a;font-size:.82rem;font-weight:800;text-transform:uppercase}.bank-panel strong{font-size:1.3rem}.bank-panel p{margin:0;font-size:1.65rem;font-weight:800;letter-spacing:0;overflow-wrap:anywhere}.bank-panel small{color:#46535c}.bank-panel .button{margin-top:4px;width:fit-content}.payment-demo{display:grid;gap:18px;margin:24px 0;padding:18px;border:1px solid #dfe5df;border-radius:8px;background:#fbfcf8}.payment-grid{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}.slip-guide{border-top:1px solid #dfe5df;padding-top:16px}.slip-guide ul{margin:0;padding-left:20px;color:#46535c}.slip-guide li+li{margin-top:6px}.upload-box{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;min-height:56px;border:1px dashed #9aa8a0;border-radius:8px;background:#fff;padding:10px 12px;cursor:pointer}.upload-box input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-box span{min-width:0;overflow:hidden;color:#46535c;text-overflow:ellipsis;white-space:nowrap}.upload-box strong{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border-radius:8px;background:#24483f;color:#fff;padding:0 12px}.status-panel,.narrow{max-width:680px;margin:0 auto}.badge{display:inline-flex;align-items:center;width:fit-content;min-height:28px;border-radius:999px;background:#e3f0df;color:#24483f;padding:0 10px;font-size:.85rem;font-weight:800}.badge.danger{background:#fee4e2;color:#b42318}.order-card{margin-top:18px;padding:0}.order-header{display:flex;justify-content:space-between;gap:16px;padding:22px;border-bottom:1px solid #dfe5df}.order-header h2{margin-bottom:6px;font-size:1.6rem}.eyebrow{color:#63717a;font-size:.82rem;font-weight:800;margin-bottom:8px;text-transform:uppercase}.order-summary{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #dfe5df}.order-summary div{display:grid;gap:6px;padding:18px 22px;border-right:1px solid #dfe5df}.order-summary div:last-child{border-right:0}.order-summary span{color:#63717a;font-size:.84rem}.order-summary strong{font-size:1.1rem}.progress-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:22px;border-bottom:1px solid #dfe5df}.progress-step{display:grid;gap:8px;color:#63717a;min-width:0}.progress-step span{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid #cfd9d0;border-radius:50%;background:#fff;font-weight:800}.progress-step p{margin:0;font-size:.9rem;font-weight:700}.progress-step.done span{background:#24483f;border-color:#24483f;color:#fff}.progress-step.current p{color:#24483f}.progress-steps.failed .progress-step span{background:#fee4e2;border-color:#fecdca;color:#b42318}.order-items{padding:22px}.order-items h3{margin:0 0 12px}.order-items ul{display:grid;gap:10px;list-style:none;margin:0;padding:0}.order-items li{display:flex;justify-content:space-between;gap:12px;padding:12px;background:#f6f7f2;border-radius:8px}.order-card>.button{margin:0 0 22px 22px}.admin-toolbar{display:grid;grid-template-columns:1fr minmax(180px,260px) minmax(180px,260px) auto;gap:12px;align-items:center;margin-bottom:18px}.admin-toolbar h1{font-size:2rem;margin:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;border-bottom:1px solid #dfe5df;padding:12px;vertical-align:middle}th{color:#46535c;font-size:.85rem}.muted{color:#63717a}.error{color:#b42318;font-weight:700}.success{color:#247444;font-weight:700}@media(max-width:760px){.topbar,.page-heading,.detail-layout{display:grid}nav{flex-wrap:wrap}.search{max-width:none}.detail-layout,.admin-toolbar,.payment-grid{grid-template-columns:1fr}.order-header{display:grid}.order-summary,.progress-steps{grid-template-columns:1fr}.order-summary div{border-right:0;border-bottom:1px solid #dfe5df}.order-summary div:last-child{border-bottom:0}}