.commission-page{background:#f8f9fb;min-height:70vh;padding:2rem 1rem 4rem}.commission-page--order-bg{background-image:linear-gradient(#01182d9e,#01182d9e),url(/images/order.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.commission-page--order-bg .commission-h1,.commission-page--order-bg .commission-sub{color:#fff;text-shadow:0 2px 10px #00000073}.commission-container{max-width:720px;margin:0 auto}.commission-h1{color:#012645;margin:0 0 .5rem;font-size:1.8rem;font-weight:800}.commission-sub{color:#6b7280;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.commission-form{background:#fff;border:1px solid #ece7da;border-radius:14px;padding:1.5rem}.commission-label{color:#012645;margin:1rem 0 .4rem;font-size:.9rem;font-weight:600;display:block}.commission-input{border:1px solid #dee2e6;border-radius:8px;outline:none;width:100%;padding:.7rem .85rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.commission-input:focus{border-color:#012645}.commission-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:560px){.commission-row{grid-template-columns:1fr}}.commission-type-grid{flex-wrap:wrap;gap:.5rem;display:flex}.commission-type-chip{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:100px;padding:.45rem .9rem;font-size:.85rem;font-weight:500;transition:all .2s}.commission-type-chip.active{color:#fff;background:#012645;border-color:#012645}.commission-upload-btn{color:#012645;cursor:pointer;background:#0126450a;border:1px dashed #012645;border-radius:8px;padding:.7rem 1.2rem;font-weight:600}.commission-previews{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.commission-preview{border:1px solid #ece7da;border-radius:8px;width:80px;height:80px;position:relative;overflow:hidden}.commission-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#012645,#02457a);border:none;border-radius:100px;width:100%;margin-top:1.5rem;padding:.9rem;font-size:1rem;font-weight:700}.commission-submit:disabled{opacity:.6;cursor:wait}.commission-list{flex-direction:column;gap:1.25rem;max-width:900px;margin:0 auto;display:flex}.commission-card{background:#fff;border:1px solid #ece7da;border-radius:14px;padding:1.25rem}.commission-card-head{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.commission-thumb{background:#f1f3f5;border:1px solid #ece7da;border-radius:10px;flex-shrink:0;width:90px;height:90px;position:relative;overflow:hidden}.commission-badge{border-radius:100px;padding:.25rem .7rem;font-size:.75rem;font-weight:600;display:inline-block}.commission-badge.open{color:#1565c0;background:#e3f2fd}.commission-badge.selecting{color:#856404;background:#fff3cd}.commission-badge.paid,.commission-badge.in_progress{color:#0c5460;background:#d1ecf1}.commission-badge.completed{color:#166534;background:#dcfce7}.commission-badge.cancelled,.commission-badge.expired{color:#842029;background:#f8d7da}.offer-card{border:1px solid #eee;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;padding:.9rem 1rem;display:flex}.offer-meta{color:#6b7280;flex-wrap:wrap;gap:.75rem;margin-top:.3rem;font-size:.85rem;display:flex}.offer-total{color:#012645;font-size:1.2rem;font-weight:800}.offer-select-btn{color:#2a2208;cursor:pointer;background:linear-gradient(#fdf6c9,#e7c75a 22%,#bb9326 55%,#8f6e18);border:none;border-radius:100px;padding:.6rem 1.4rem;font-weight:800}.commission-empty{text-align:center;color:#6b7280;padding:3rem 1rem}.commission-direct-note{color:#7a5c12;background:linear-gradient(135deg,#fdf6e3,#f6e9c6);border:1px solid #e7c75a;border-radius:10px;margin-bottom:1rem;padding:.85rem 1rem;font-size:.95rem;font-weight:600}.commission-info-banner{color:#1c3d5a;background:#eef4fb;border:1px solid #cfe0f2;border-radius:10px;margin-bottom:1.5rem;padding:.85rem 1rem;font-size:.9rem;line-height:1.5}.commission-address{margin-top:.5rem}.commission-pay-methods{flex-direction:column;gap:.4rem;margin-top:.4rem;display:flex}.commission-pay-installment{color:#012645;cursor:pointer;background:#fff;border:1px solid #012645;border-radius:100px;padding:.6rem 1.4rem;font-weight:700}.commission-pay-installment:hover{color:#fff;background:#012645}.commission-pay-installment:disabled,.offer-select-btn:disabled{opacity:.6;cursor:wait}