*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1e293b;-webkit-tap-highlight-color:transparent;background:#f8fafc;min-height:100dvh;font-family:Segoe UI,system-ui,-apple-system,sans-serif}input,button,textarea,select{font-family:inherit}button{cursor:pointer}.page{flex-direction:column;min-height:100dvh;display:flex}.input-field{background:#fff;border:2px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:15px;transition:border-color .15s}.input-field:focus{border-color:#f59e0b}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:opacity .15s}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:600}.card{background:#fff;border-radius:16px;margin-bottom:12px;padding:20px;box-shadow:0 2px 12px #0000000f}.badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.badge-cod{color:#92400e;background:#fef3c7}.badge-paid{color:#15803d;background:#dcfce7}